Design System
基于 shadcn/ui 的微拟物设计系统，所有设计必须来自设计系统的颜色和组件
颜色变量
使用 CSS 变量定义的颜色系统
主色 (Primary)
bg-primary
bg-primary/80
bg-primary/60
bg-primary/20
语义颜色
Background
Foreground
Card
Muted
Accent
Border
Input
Ring
状态颜色
Aa
Destructive
Aa
Secondary
使用说明
微拟物设计系统约定
一切设计必须来自设计系统的颜色和组件：
- 颜色：只使用 CSS 变量定义的颜色 (bg-primary, text-muted-foreground 等)
- 组件：优先使用 shadcn/ui 组件，而不是自定义样式
- 微拟物效果：使用渐变背景 + 三层阴影结构，禁止 backdrop-blur 和 0 0 Npx 发光阴影
- 间距：使用 Tailwind 的 spacing scale (p-4, m-6, gap-8 等)
- 圆角：大圆角设计 (rounded-xl, rounded-2xl 等)
组件位置
- UI 组件：
src/components/ui/ - 布局组件：
src/components/layout/ - 工具函数：
src/lib/utils.ts
微拟物变体
- Card: variant="raised" (凸起), variant="inset" (内凹)
- Input: variant="inset" (内凹)
- Badge: 所有变体自动应用渐变背景（outline 除外）
- Button: 所有变体自动应用渐变背景和立体阴影（ghost/link 除外）