chore: Tailwind CSS 3.4 迁移到 4.x（CSS-first 配置 + @tailwindcss/vite）

- 升级 tailwindcss@4.3 + @tailwindcss/vite，移除 postcss/autoprefixer/tailwindcss-animate
- tailwindcss-animate 替换为 tw-animate-css（v4 兼容的 animate-in/out 工具类）
- global.css 改用 @import "tailwindcss" + @theme inline 映射 shadcn 设计令牌
- @custom-variant dark 替代 darkMode:'class'；@source 显式纳入 pages/ 目录
- 删除 tailwind.config.ts / postcss.config.js，components.json 同步 v4 约定
- vite.config.ts 接入 tailwindcss 插件，__dirname 改 import.meta.dirname

frontend/src/styles/global.css

@@ -1,6 +1,40 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@import "tw-animate-css";
+
+/* Tailwind 4：class 暗色模式（.dark 挂在 <html> 上） */
+@custom-variant dark (&:is(.dark *));
+
+/* Vike 页面位于 frontend/pages，显式纳入候选类扫描 */
+@source "../../pages/**/*.{ts,tsx}";
+
+/* shadcn 设计令牌：CSS 变量在 :root/.dark 间切换，@theme inline 让工具类运行时引用变量 */
+@theme inline {
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+
+  --font-sans: var(--j13-font-family);
+}
 
 /* 文档入口壳层（原 index.html 内联 style，改为外链 CSS，对齐 Gitea 式 link stylesheet） */
 html { scrollbar-gutter: stable; }