# 字体排版规范

## 字号层级（基准: 14px / 16px）

| 层级 | 字号 | 行高 | 字重 | 适用场景 |
|:----|:----|:----|:----|:---------|
| **H1** | 36px / 2.25rem | 1.3 | Bold 700 | 页面标题 |
| **H2** | 28px / 1.75rem | 1.3 | Bold 700 | 区块标题 |
| **H3** | 24px / 1.5rem | 1.35 | SemiBold 600 | 卡片标题 |
| **H4** | 20px / 1.25rem | 1.4 | SemiBold 600 | 模块标题 |
| **H5** | 16px / 1rem | 1.5 | Medium 500 | 子标题/分组标题 |
| **H6** | 14px / 0.875rem | 1.5 | Medium 500 | 小标题/标签标题 |
| **Body** | 14px / 0.875rem | 1.6 | Regular 400 | 正文 |
| **Body Small** | 12px / 0.75rem | 1.5 | Regular 400 | 辅助文字/说明 |
| **Caption** | 12px / 0.75rem | 1.4 | Regular 400 | 注释/图注 |
| **Overline** | 10px / 0.625rem | 1.4 | Medium 500 | 上标标签/小标签 |
| **Code** | 13px / 0.8125rem | 1.6 | Regular 400 | 代码/技术内容 |

## 字重映射

| 字重名称 | 数值 | CSS Token |
|:---------|:----|:----------|
| Thin | 100 | `--font-weight-thin` |
| Light | 300 | `--font-weight-light` |
| Regular | **400** | `--font-weight-regular` |
| Medium | 500 | `--font-weight-medium` |
| SemiBold | 600 | `--font-weight-semibold` |
| Bold | **700** | `--font-weight-bold` |
| ExtraBold | 800 | `--font-weight-extrabold` |

## 字体系列

```css
/* 中文字体栈 */
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;

/* 英文/数字字体栈 */
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

/* 等宽字体（代码） */
font-family: "SF Mono", "Fira Code", "JetBrains Mono", "Consolas", monospace;
```

## 段落间距

| 关系 | 间距 | 比例 |
|:----|:----|:-----|
| 标题与正文 | 12px / 0.75rem | 1x |
| 段落与段落 | 16px / 1rem | 1.25x |
| 大标题与下一级标题 | 24px / 1.5rem | 2x |
| 正文与列表 | 12px / 0.75rem | 1x |
| 列表项之间 | 4px / 0.25rem | 0.33x |

## 行长限制
- 中文：每行 30–40 字符
- 英文：每行 60–75 字符
- 移动端：每行 25–35 字符