# F 系列全状态视觉优化 ## 范围 - F01:列表、加载、空态、错误态。 - F02:表单、空内容提示、成功、错误。 - F03–F10:默认、空态、成功、错误;列表与设置页另核对点击提示。 ## 设计决定 - 保留已经确认的浅色国风背景、金色内容框和 A 系列按钮/提示组件,不重新生成同类资产。 - F01 保持家族动态的信息流结构,仅提高标签、摘要、作者、状态说明的字号和对比度。 - F02 保持卷轴表单结构,提高说明、输入和结果说明的可读性;空内容继续使用全局 `AppToast`。 - F03–F10 由 `ModulePage.vue` 统一拥有共用壳的文字规格。标题、表单、列表、详情、时间线、设置和状态说明均采用适合 412×915 审核的可读字号。 - 不改变路由、业务数据和交互语义;所有状态通过真实运行页面呈现。 ## 验证 - 为 F01/F02 与公共 ModulePage 增加视觉契约。 - 在同一个 Chrome 标签页逐状态生成 412×915 内部 H5 截图。 - 运行根页面、ModulePage、运行时 smoke、编译审计及 `git diff --check`。