Study 13：先看清这一份

2026-09-23。用户反馈五种切法自然换行显得无序，并要求设计师重新构思规格关系。此轮沿用已认可的整体方向，作为详情页局部实验，不发布Foundation。

设计判断

一份肉由克重和切法确定，份数乘出购买总量。原版 add payload 记录 productId、weight、cut、quantity 等字段，做法只驱动切法建议，不是实际订单规格。上一轮将做法与规格放在同一层，并写进下单汇总，夸大了它的业务角色。

因此构图分为同一张单内的两段：先定义这一份，再决定买几份。克重是一条完整的等宽分段选择；切法是一条固定位置的形态比较带，字形示意与文字一起帮助理解。选项数量决定等分列数，保持全部可见，三、四、五切法均不出现孤立末行。做法建议在切法旁按需展开，选中后带出原版建议，用户手动改切法会清除建议选中态，可以再次应用相同建议。

选择提示以最终克重、切法和份数为准。原有切法建议顺序、价格计算、库存、来源与检验入口均沿用；示意图只表达形态，不宣称实际切片尺寸。

代价与取舍

固定等宽的形态带占用74px触控高度，换来同时比较和位置稳定；“每份克重”与“买几份”分开表达，减少把总量与单份规格混淆的可能。按做法选切法多一次展开，但主购买路径少一组必读信息。320×568允许自然滚动；393×659及以上常规页可看全份数。放大文字、真机微信宿主与读屏仍待验证；五列并排的承诺限定当前最多五种、两字切法标签，不外推更多规格。

实现与验证

study-portion.tsx 复用原版 Choices、Stepper、CutPattern，并保留建议表；study-transform.mjs 从只读Product页替换规格段；study-care.css用Study 13规则整体替换Study 12布局，清理被替代的局部选择样式。

验证记录覆盖四个视口的计价、做法建议、手动覆盖后再次建议、规格摘要、肉篮数据和来源往返；八款商品在393/320宽度检查切法同排、44px以上触控宽高、键盘选择与页面无横向溢出。售罄阻断及替代搜索通过；既有货架回归通过。人工查看牛里脊五切法在393与320宽度，以及建议展开状态。测试在本地Chromium中进行。本轮未把历史26路由审查当作新的完整验收。

93个上游源码文件经比对仍与35c0d16一致。原版计划购买状态语义分歧、路由往返数量状态重置等既有问题仍由主设计会话承接。回退可使用4300原版，或恢复Study 12的展示转换与样式后重建；原型数据无需迁移。本轮无Git提交或推送。