build: 集成 Appica UI 与 Tailwind v4

- 安装 @appica/ui-react、@appica/icons-react、tailwindcss、@tailwindcss/vite
- vite.config 添加 tailwindcss 插件
- 新增 src/styles/global.css 引入 Tailwind 与 Appica 设计令牌
- main.jsx 包裹 ThemeProvider（主题防闪烁）

package.json

@@ -10,12 +10,19 @@
     "tauri": "tauri"
   },
   "dependencies": {
+    "@appica/icons-react": "^1.0.0",
+    "@appica/ui-react": "^1.1.0",
+    "@react-three/drei": "^10.7.8",
+    "@react-three/fiber": "^9.7.0",
+    "@tailwindcss/vite": "^4.3.3",
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-autostart": "^2.5.1",
     "@tauri-apps/plugin-opener": "^2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router-dom": "^7.15.0"
+    "react-router-dom": "^7.15.0",
+    "tailwindcss": "^4.3.3",
+    "three": "^0.185.1"
   },
   "devDependencies": {
     "@tauri-apps/cli": "^2",

src/main.jsx

@@ -1,9 +1,13 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
+import { ThemeProvider } from "@appica/ui-react/providers/theme-provider";
+import "./styles/global.css";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>
-    <App />
+    <ThemeProvider>
+      <App />
+    </ThemeProvider>
   </React.StrictMode>,
 );

src/styles/global.css

@@ -0,0 +1,16 @@
+/* =========================================================
+   Appica UI · Tailwind v4 全局入口
+   安装规范：https://appica.dev/ui/docs/react/installation
+   ========================================================= */
+@import 'tailwindcss';
+@import '@appica/ui-react/styles.css';
+
+/* 让 Tailwind 扫描编译后的组件类名（相对本文件：src/styles/ → ../../node_modules） */
+@source '../../node_modules/@appica/ui-react/dist';
+
+/* 基础重置（保持与项目一致） */
+*, *::before, *::after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}

vite.config.js

@@ -1,10 +1,10 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-
+import tailwindcss from "@tailwindcss/vite";
 
 // https://vite.dev/config/
 export default defineConfig(async () => ({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
 
   clearScreen: false,
   server: {