# Study 16｜同一张餐桌，完整的一套体验

2026-09-23。用户授权延续现有设计风格，调整首页及商品详情以外的消费者页面，形成整体作品。不是Foundation正式发布或生产上线授权。

## 范围与不变量

首页和商品详情保留为视觉锚点。新增样式限定在`AppShell`按路由标记的`.suite-other`内；弹层只在非锚点页面激活时继承。未修改原版数据、定价、订单、支付、库存、配送及计划算法，未改正式token。

使用design-foundation方法继承LAW-CC-01至06：按任务分配注意力、统一选择状态、补充资料可查询、材质解释层级、钱款状态准确、返回与错误有后续。没有把详情五列切法、短线或细雾面推广为全站装饰。

## 页面覆盖与设计分工

| 路由 | 首要任务 | 本轮处理 |
|:--|:--|:--|
| search、favorites | 找到想买的食材 | 搜索与分类稳定，食材图和价格直接；浅底细边与轻影一致 |
| plan | 安排一餐，明确采购 | 日期与餐次选中轻浮起，采购带承接到菜品；常见手机高度收敛页头/图幅，保留操作完整 |
| add-meal | 选择日期与菜谱来源 | 减少提问式标题，三个选择用开放行分隔，不堆三张封闭卡 |
| recommendations、why、balance | 查看建议及依据 | 食物优先，解释用开放区域；周汇总弱化海报式容器，不改估算口径 |
| recipe | 理解做法与所需食材 | 成菜图片、描述与清单分工；正文保持阅读精度，不推广磨砂 |
| basket | 核对商品、规格与小计 | 清单式编排、安静来源标签、清楚修改入口；删除和数量可操作 |
| checkout | 地址、时间、确认规则和费用 | 配送波次成为轻分区；选中时段与其他选择统一；开关显式区分状态 |
| success、order、orders | 看结果与下一次履约 | 待确认保留暖色时钟；订单记录轻承托，当前配送事实优先 |
| mine | 找订单与服务 | 开放服务区、收敛家庭块、移除重复家庭入口；家庭卡仍可直接编辑 |
| family、address | 编辑偏好或选择地址 | 简短标题、克制说明、同款选中状态；真实影响说明保留 |
| subscription、benefits | 理解可选服务与权益 | 缩小宣言，提前露出服务内容；保留免费模拟、未开放兑换等边界 |
| meat-id、history | 查询食材记录 | 档案由巨幅证书转为紧凑索引与完整时间线；示例声明保留 |
| after-sale、after-success | 提交问题与查看后续 | 表单、订单关联与结果明确，弱化多余框体，保留模拟声明 |
| demo、state | 体验设置与加载/异常 | 沿用共同标题、按钮、注释和状态层级；不伪装成正式服务 |
| market、product | 已认可的锚点 | 不参与本轮样式覆盖，仅回归检查 |

## 自评与修正

第一轮发现计划页菜品操作过于贴近底部导航，第二轮调整常见高度下的页头、日历与图幅，在393×715默认状态完整露出菜品和操作。窄矮屏、订阅提示或展开日历仍允许自然滚动，不承诺所有状态一屏。

我的页家庭摘要与设置列表重复；保留家庭摘要的点击入口、去除重复行，让服务列表更简洁。预约开关在原配色下不够明显，补充轨道、滑块及选中状态；不改变开关的默认值与确认规则。

画面形成三种密度：餐桌计划有节奏，资料服务留余地，核对履约更紧凑。统一来自边界、字重、选中与操作语义，不要求每页相同布局。设计与自评由主会话完成，不宣称独立设计评审。

## 验证入口

最终轮记录：26路由、43页面/状态、98张分段截图；8项路径/首页履约检查全部通过，无页面脚本错误。9项隔离异常恢复通过；26路由×3视口共78项观测无横向溢出。已查看首屏分组、计划/我的/预约重点单页及四组长页续图。验证在本机Chromium与隔离模拟数据中执行，不等于全部入口可发现性、全量业务组合或真实设备验收。

- [最终图录](suite-16-final/index.html)：全路由、分段长页和控件文本；诊断直达与真实操作路径分别记录。
- [路径和页面证据](suite-16-final/evidence.json)、[异常恢复](suite-16-final/boundaries.json)、[多视口](suite-16-final/viewports.json)。以实际结果为准；先前`suite-16-proof`是第一轮，不当作最终证据。
- [详情回归](suite-16-final/detail/results.json)：四视口、八商品，以及计价、资料、加购和售罄。
- 原版源比对：93文件与35c0d16一致；首页稳定解码后像素差为0，默认详情截图字节一致。比较只覆盖393×715默认锚点，其他状态用行为检查补充，不扩大为所有像素一致。

## 仍然开放的边界

原版两项计划购买语义分歧、跨路由数量重置、toast跨页生命周期仍开放；截图可能带有上一操作的短暂提示。未为本轮视觉工作擅自改状态规则。真机微信、iOS字体、软键盘、大字体、完整读屏及对比度验收尚未完成。小字号辅助信息与横向菜品比较需要实际触感反馈。

颜色仍为隔离实验施工值，正式token迁移未完成。当前成果是可操作消费者原型，不是生产产品或Foundation发布。主设计会话负责后续反馈与验证组织，业务规则变更另行确认。

## 恢复

4300原版继续保留。撤回本轮时移除study-care.css的Study 16段、恢复StudyMine/StudyRootHeading及新增展示转换，重新构建实验即可；不迁移或清空浏览器数据。首页与详情自身实现文件未改，原版source只读。未提交或推送Git。