品牌视觉规范

色彩（12 色 + 页面底）

• --color-primary

  主色：标题强调、主按钮、链接

  对白底 ≈8.4:1

• --color-primary-hover

  主色悬停/按下

  对白底 ≈10.9:1

• --color-primary-subtle

  主色浅底：卡片底、选中态、引用底

  底面色（不作正文色）

• --color-accent

  歌金点缀：徽章、高亮边线

  大字/装饰专用，禁作正文

• --color-ink

  正文文本

  对白底 ≈15.3:1

• --color-ink-secondary

  次要文本、说明

  对白底 ≈6.6:1

• --color-border

  分隔线、卡片/代码块描边

  —

• --color-surface

  区块背景（首页交替分区、代码底）

  —

• --color-bg

  页面底色（对比度计算基准白）

  —

• --color-success

  语义-成功：已完成/通过、真人已复核

  对白底 ≈4.8:1

• --color-warning

  语义-警告：进行中/整理中、Coming in S2/S3

  对白底 ≈4.6:1

• --color-danger

  语义-危险：错误、破坏性操作

  对白底 ≈6.3:1

• --color-info

  语义-信息（复用主色引用）

  同 --color-primary

规则：正文与链接一律 --color-ink / --color-primary；--color-accent 不作正文色；文本对底 ≥4.5:1（REQ-S1-007 联动）。

字体与字号

UI/正文栈：--font-sans（system-ui，PingFang SC / HarmonyOS Sans SC / Microsoft YaHei / Noto Sans SC，零网络字体）。

代码/数据栈：--font-mono（ui-monospace / SFMono / Menlo / Consolas）。

• Aa 字阶样例 --font-size-xs · 14px 小注与元信息
• Aa 字阶样例 --font-size-sm · 16px 正文基线
• Aa 字阶样例 --font-size-md · 20px 列表标题
• Aa 字阶样例 --font-size-lg · 25px 区块题
• Aa 字阶样例 --font-size-xl · 31px 页题 H1
• Aa 字阶样例 --font-size-2xl · 39px 首页 Hero

行高：中文 --line-height-body（1.75）、代码与西文行 --line-height-code（1.5）。字号阶比例 ≈1.25。

间距（基数 4px）

• --space-1
• --space-2
• --space-3
• --space-4
• --space-5
• --space-6
• --space-7
• --space-8

首页模块垂直间距 --space-8（桌面）/ --space-6（窄屏）。

圆角

• --radius-s

  小元素、代码块

• --radius-m

  卡片、TOC 框

• --radius-l

  大容器

• --radius-full

  胶囊徽章