# 点餐议事会视觉约定

场景：午餐前，用户在明亮桌面或手机上比较餐单，需要马上看清条件与差异。

- 白底；深墨色文字；玫红主动作。比较标签靠文字而非颜色识别。
- 系统中文无衬线字体；首屏标题桌面 58px、手机 34px，正文 14–17px；数字使用 tabular-nums。
- 桌面用对比表，手机将每行重排成完整餐单。不存在横向隐藏的关键操作。
- 标准输入/select/checkbox；清晰 focus；触摸按钮至少 44px。
- 只有交互状态的短过渡，尊重 prefers-reduced-motion；没有假加载/假思考动画。
- 显著区分真实历史快照与当下交易价格。复制/下载结果继续携带来源说明。

## 2026-10-14 消费流程整理

首屏说明用途与历史报价边界，按门店、条件、餐单展示。默认口味不限，有糖与无糖平等呈现；营养条件、营养比较与比较规则解释渐进展开。手机条件单列；关键按钮至少 44px。样例名称、份数、冰量说明从公共数据生成。2026-10-14 已在部署后的公开 Pages 上用隔离的 Chrome 完成 1440px、390px、320px 视觉与关键点击验收；窄屏“重置条件”换行已修复。截图和交互结果见 [验证记录](docs/validation.md#网页视觉与交互验收2026-10-14)。这不等于实体手机或辅助技术验收。