快速参考

要素	规范
留白率	桌面 40%+, 移动端 15-20%
圆角	`rounded-md` (6px) 或 `rounded-lg` (8px)
背景色	`bg-background` (CSS Variable 层定义纯白/近黑)
前景色	`text-foreground` (CSS Variable 层定义近黑/近白)
强调色	`text-primary` / `bg-primary` (全局仅 1 种)
Touch Target	≥44px
动效引擎	Framer Motion, Spring Physics 优先
视觉模式	减法表面 / 排版比例 / Bento 网格 / 分割线节奏 / 渐隐揭示 (可组合)
对比度	WCAG AA (≥4.5:1)，OLED 安全暗色
硬编码 Hex	禁止 — 组件层严格使用语义 Token

核心指令 (Core Mandate)

构建 2026 范式的 "智能极简 (Smart Simplicity)" —— 利用数学秩序和 AI 适应性管理认知负荷。