content 接管 Markdown 渲染出来的元素：结构用标准（CommonMark/GFF 决定）， 样式用令牌（颜色/字号/间距全部来自 tokens.css）。 所以它按元素选择器工作，不给每个元素加类。
季度经营分析
本节演示正文容器接管 <h1>～<h3>、
段落、列表、表格、引用、代码块的样子。层级刻意按 h1→h2→h3 顺序排，
供 content-check.js 检查「不跳级」。
1 · 关键指标
下面是三个核心指标。加粗与斜体都走令牌，不写死样式。
- 营业收入：同比 +12.4%
- 毛利率：
62.1%（用等宽字体，数字对齐） - 经营现金流：转正
1.1 · 分季度明细
| 季度 | 收入 | 毛利率 |
|---|---|---|
| 2025 Q3 | 4,120 | 60.8% |
| 2025 Q4 | 4,586 | 61.5% |
| 2026 Q1 | 4,903 | 62.1% |
2 · 风险提示
应收账款周转天数环比恶化 6 天，需在下季度收紧信用政策。
- 对账期 > 60 天的新客户改为预付
- 逾期 > 30 天暂停发货
3 · 术语
- EBITDA
- 息税折旧摊销前利润
- CAC
- 客户获取成本
4 · 代码与链接
const f = (x) => x * 2; // 纯 ES5 时代写法详细口径见 内部数据字典。
5 · 待办清单
Markdown 的 - [x] 语法渲染成的样子。它是正文里的一行，
所以只去掉列表圆点、把勾选框对齐到行的左缘，其余跟普通列表一致。
为什么勾选框要带 disabled：这是已渲染的正文，
不是可填的表单。可点的复选框会让读者以为"改了会保存"。
对比：错写法 vs 本库写法
❌ 常见写法：裸 <hr>
默认 <hr> 自带上下两条 inset 边框，不清 height 和 border-top 出来就是一条粗双线 —— 而且不同浏览器的厚度还不一样。
✅ 本库：.prose > hr
content.css 把 height 归零、只留一条上边 —— 渲染器（markdown-it）产出的裸 <hr> 直接就是对的。