feat: replace canvas-based particle background with high-performance LiquidEther fluid simulation component

vite.config.ts

@@ -4,4 +4,36 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  build: {
+    rollupOptions: {
+      output: {
+        // 函数形式是正确的 Rollup TS 类型
+        manualChunks(id) {
+          if (id.includes('node_modules/three'))          return 'three';
+          if (id.includes('node_modules/framer-motion')) return 'motion';
+          if (id.includes('node_modules/react-dom'))     return 'react-vendor';
+          if (id.includes('node_modules/react/'))        return 'react-vendor';
+        },
+      },
+    },
+    // 提升 chunk 体积警告阈值（three.js 较大）
+    chunkSizeWarningLimit: 700,
+    minify: 'esbuild',
+    cssCodeSplit: true,
+    sourcemap: false,
+  },
+  server: {
+    warmup: {
+      clientFiles: [
+        './src/App.tsx',
+        './src/components/Hero.tsx',
+        './src/components/AnimatedBackground.tsx',
+        './src/components/ui/LiquidEther.tsx',
+      ],
+    },
+  },
+  // 依赖预构建：让 Vite 提前 bundle 大型 CJS 库
+  optimizeDeps: {
+    include: ['three', 'framer-motion', 'react', 'react-dom'],
+  },
 })