---
url: /design/migration-notes.md
---
# 旧截图与 CSS 的迁移检查

原草案描述的 CSS 是设计导出片段，存在重复通用选择说明与大量绝对定位信息，应当作视觉尺寸参考，不能直接当成可复用组件样式表。

| 现有示例                                           | 与本规范的关系        | 建议处理                         |
| ---------------------------------------------- | -------------- | ---------------------------- |
| 684 × 1216 画布、36 px 侧边距、612 px 内容宽             | 一致             | 保留                           |
| 状态栏 40 px、App Bar y = 56、底栏 64 px / 底距 16      | 与主要几何一致        | 保留并明确系统所有权                   |
| 可见封面作者 16 px；另有隐藏的 14 px                       | 小于字号底线         | 合成封面改为至少 20 px；隐藏文字如被启用也必须合规 |
| 最近阅读标题 30 px                                   | 不等于当前实机字号      | 首页最近阅读标题使用 32 px、40 px 行框、Bold 700 |
| App Bar 标题字重 500                               | 当前实机已校准为 Medium 500 | 根页 48 px／56 px 行框，二级页 40 px／48 px 行框 |
| #0A0A0A、#111111、#333333、#8B8B8B、#F3F3F3 多个界面灰值 | 超出四类界面语义色      | 合并为四个 Token；真实图片另按内容层处理      |
| 大面积 #F3F3F3 合成封面背景                             | 不作为默认组件背景      | 合成封面优先白底；真实封面可保留其内容          |
| 最近阅读行间 2 px 分隔线                                | 默认优先留白，密集完整条目可评审细线例外 | 先用留白；必要时按分隔线规则验证 1–2 px 轻线 |
| 状态图标 26／28 px                                  | 与当前点阵资源一致      | 同步 26 px，Wi-Fi／电池 28 px；无点阵回退为 24 px |
| 48 px 书名配 48 px 容器、58 px 行高                    | 存在裁切风险         | 改为能容纳完整行高的容器，例如建议 60 px      |
| 350 px 元信息位于 328 px 详情容器                       | 存在溢出风险         | 宽度跟随父容器，按内容换行或省略             |
| 476 px 文本位于 457 px 最近阅读信息容器                    | 存在溢出风险         | 使用父级可用宽度，不固定更宽的文本框           |
| 当前阅读图 170 + 间距 72 + 信息 328 = 570 px            | 剩余 42 px 未明确分配 | 用自适应剩余宽度并检查对齐，不凭固定值推定贴齐右边线   |
| 底栏固定 Gap 104 与 space-between 并存                | 不能代表最终均分值      | 按图标数量和外边距统一计算                |
| 23.27、446.87、4.49 等小数                          | 不利于像素栅格一致性     | 归整并检查实际渲染结果                  |
| 截图标题行为“更多”，CSS 注释为“更换”                         | 操作语义不一致        | 定义为进入详情还是切换组件，不能混用文案         |

## 证据范围与处理顺序（补充说明）

上表沿用原草案对旧截图和 CSS 的描述。原始 `design.css` 仍未提供，表中的 CSS 数值不是本次重新验证的结果。后续已收到首页、书库、应用、设置与阅读设置五张参考图，保存在[系统组件留白](/design/spacing-and-regions#参考图)；其结构用于补充留白建议，不覆盖既有文字规范。

建议按“替换 Token → 计算文字容器 → 校正系统几何 → 移除多余装饰 → 检查热区 → 重算分页 → 实机刷新”的顺序处理。每项记录受影响页面、处理结果与证据；涉及灰阶、底部可见性或裁字的项继续保留实机待验证状态。