默认卡片
.card-base：surface 底色 + 1px 描边 + 16px 圆角 + 柔和阴影。
Design Tokens
设计令牌走查
内部页面，不进入主导航。所有组件必须引用下列语义变量，切换主题时自动生效；出现硬编码颜色视为缺陷。
颜色（当前主题实时取值）
--c-canvas
页面底色
--c-surface
卡片 / 面板
--c-surface-muted
次级容器 / hover
--c-ink
主文字
--c-ink-soft
次级文字
--c-brand
品牌蓝 / 主操作
--c-accent
辅助紫 / 强调
--c-line
分割线与描边
--c-ok
成功 / 上升
--c-warn
警告
--c-danger
错误 / 下降
圆角
--radius-sm
10px · 按钮 / 输入框 / 小标签
--radius-md
14px · 次级卡片
--radius-lg
16px · 标准卡片
--radius-xl
22px · Hero / 大区块
间距刻度
--space-1
--space-2
--space-3
--space-4
--space-6
--space-8
--space-12
字号阶梯
3xl The quick brown fox 敏捷的棕毛狐狸 44px · 首页大标题
2xl The quick brown fox 敏捷的棕毛狐狸 32px · 页面标题
xl The quick brown fox 敏捷的棕毛狐狸 24px · 区块标题
lg The quick brown fox 敏捷的棕毛狐狸 20px · 卡片标题
base The quick brown fox 敏捷的棕毛狐狸 16px · 正文
sm The quick brown fox 敏捷的棕毛狐狸 14px · 辅助说明
xs / 2xs The quick brown fox 敏捷的棕毛狐狸 13 / 12px · 标签与元信息
动效
--duration-fast
200ms
hover / 颜色过渡
--duration-base
300ms
主题切换 / 图片缩放
--duration-slow
800ms
数字递增
卡片基线
可悬浮卡片
.card-hover：hover 上移 3px、200ms ease-out、阴影加深。