技术方案设计总览
围绕技术方案设计场景构造多级目录，覆盖架构、边界、里程碑和风险。 这篇 mock 文章专门用于验证文章详情页的目录生成、层级缩进和锚点跳转。
目录测试重点：H1 到 H4 的层级必须稳定，点击目录后需要定位到对应章节。
一、背景与目标
先说明 技术方案设计 的上下文、参与角色、边界条件和预期产出，避免目录只覆盖短标题。
1.1 当前问题
这里使用较长段落撑开阅读区域，方便验证目录滚动、正文锚点和标题间距是否协调。
1.1.1 可观察信号
- 页面打开后右侧目录应展示本节标题。
- 点击本节目录项时，页面应滚动到当前 H4 标题。
- 长标题、短标题和中文编号都应保持对齐。
1.2 成功标准
| 指标 | 目标 | 备注 |
|---|---|---|
| 目录项数量 | 不少于 10 个 | 覆盖多级标题 |
| 锚点跳转 | 准确定位 | 不被顶部栏遮挡 |
| 阅读体验 | 无明显跳动 | 适配长文滚动 |
二、信息结构
这一章用于测试目录中 H2 下嵌套 H3/H4 的缩进关系，以及正文里穿插结构化块时的目录连续性。
2.1 章节骨架
# 技术方案设计## 背景与目标### 当前问题#### 可观察信号## 信息结构### 章节骨架### 分栏说明## 执行计划2.2 分栏说明
2.2.1 左栏：读者路径
左栏描述读者如何从问题进入方案，再逐步推进到执行细节。
2.2.2 右栏：维护路径
右栏描述维护者如何根据目录快速定位需要更新的章节。
三、执行计划
最后给出可执行计划，验证目录末尾章节在长页面中仍能稳定跳转。
3.1 里程碑
- 补齐一级、二级、三级、四级标题。
- 确认目录项点击后的滚动位置。
- 检查移动端和桌面端标题层级展示。
3.2 风险与回滚
四、复盘记录
复盘章节用于模拟文章末尾内容，确保目录最后几项不会丢失。