# 食材的气息与选购的收束

细雾面与纸感对照（2026-09-23）：继续降低切配图形的漫画式轮廓感，描边从1.1调整至0.55、描边透明度0.42，以淡色面承担形态。克重与切法的响应式间距由12–48px收至8–20px，393×715下由23px收至14.2px。规格区域采用更细密的半尺寸单色静态噪点和宽幅淡亮面，外围采用更低透明度、稍疏的纸纹；纹理不作用于文字、不拦截交互。查看393×715和320×568的2倍像素截图；393×715、393×659、320×568五切法选择与摘要同步通过，均无横向溢出。320×568仍需向下滚动查看数量；未进行真机及完整购物流程回归。细纹实际呈现仍受屏幕密度影响。[本轮截图](story-proof/matte-393-715.png)。

2026-09-23。消费者反馈：资料收起后主页面信息偏空，底部资料入口造成“是否结束”的疑惑；希望作品承载温度，同时尊重买卖双方的边界。

后续图文比例微调：详情页使用局部 `PortionCutShape`，切丝减少为四根有宽度的条形，薄片增加淡填色，厚片表现侧面，切块增加体积，整块使用柔和外轮廓。图形由31×20调整为36×26，图文间距由9px收至5px，文字字号及74px选项高度保留。查看393×715与320×568截图，另检查393×659首屏完整，三个视口五切法选择与摘要同步、无横向溢出。示意不代表实际切片尺寸。[微调截图](story-proof/cut-shapes-715.png)。

精致度微调：用户认可温和、平滑的方向后，食材短句改用宋体/思源宋体的本机字体回退，12.5px常规、12px窄屏；规格与金额保持原字体。规格区域的上下线及数量分隔线两端渐隐，背景增加极低透明度的静态SVG细颗粒和柔光；无动态噪点，也不模糊文字。393×715、393×659、320×568已查看或采集截图，常规首屏完整、无横向溢出，背景层不拦截切法点击。不同设备的本机字体可能有差异，尚未核验iOS真机。[当前细节截图](story-proof/refined-715.png)。

Horizon细节：按用户提出的水平面意象，在上下分界线朝规格区内侧增加浅灰绿椭圆渐变，顶部25px、底部20px，中心略显、向两端及内部渐淡。无外投影或橙色落日图案。393×715截图检查首屏与选项交互通过。[效果截图](story-proof/horizon-715.png)。

光影协调：用户指出只有分界线拥有明显空间感。照片增加同色系柔和承托影，克重/切法选中项使用一致的轻微浮起阴影；底部操作面增加更淡的接触影，主按钮有轻微上沿亮面。Horizon阴影同时收淡，使承载面、选择对象和操作面具有连续的层级。文字、图标本身和未选项保持平面。已查看393×715完整截图并检查无额外滚动、无横向溢出、切法选择有效。[协调后截图](story-proof/light-balance-715.png)。

设计选择：图像与食材描述打开一餐的想象，规格让想法变成明确选择，数量和金额收束到加入肉篮。商品资料移至介绍附近，用户可随时查阅，末尾不再产生一个新的阅读任务。没有添加情绪宣言或要求用户认同的生活口号。

八款食材短句由原型description/methods提炼，使用油花、肥瘦、口感和做法等已有信息。梅花肉的“细密油花，快炒或香煎，都是家常里的好滋味”负责描述食物；不承诺健康效果或真实供应链能力。牛腩等商品各有自己的内容。完整描述和烹饪提示仍在资料抽屉内。

编排继续使用开放的规格区域；照片尺寸和规格区内部间距随可用高度调整。资料入口随介绍移动，结尾由规格、数量、总价与加入肉篮完成。在393×659/715/852查看截图，默认状态内容完整；320×568保留自然滚动。商品资料打开、关闭不重置当前规格或数量。

实现：`StudyProductStory`承载短句；Product展示转换移动资料；局部CSS重分配留白。[验证结果](story-proof/results.json)记录多视口、八款商品、切法同排、规格计价、建议与手动覆盖、资料往返、来源往返、加购及售罄。测试为本机Chromium，不代替消费者审美反馈或真机检查。原版93个文件与35c0d16一致，原版业务语义债务仍保留。

主设计会话负责后续反馈。Foundation仍为provisional；4300原版可供对照，实验组件可回退，无需迁移原型数据。本轮未提交或推送Git。

切配图形再收敛：消费者指出图标的稚拙感与细腻材质不协调。本轮将立体方块、厚重侧边改为统一的平面切配示意，使用1.1描边与淡填色；条、片、块保留数量及轮廓差异，整块采用轻微纹理线。选项圆角由12px收至9px，74px点击高度及业务逻辑不变。已查看393×715、320×568截图，五种切法点击与金额区摘要同步、无横向溢出；窄矮屏仍需自然滚动，不宣称所有设备一屏容纳。仅为局部视觉验证，未重跑全流程或真机测试。[当前图形截图](story-proof/cut-refined-393.png)。后续重点观察薄片与厚片的识别差异，文字仍承担准确标识。