juzi/docs/报告底部Figma还原-2026-10-15.md

报告底部 Figma 还原

设计文件 53PGFOThvhZwf2TPUHAcUz，稳韧力组1:47、底部组1:65。仅本地修改，尚未提交或部署。

• 大标题前移到日常护理上方、左对齐；日常护理及推荐产品合为一个自适应白卡。
• 标题1:369为两行文字组；按用户最新确认，两行文字各自居中，整体按白卡居中并保留1设计像素偏移。文字组随屏幕缩放，字号与上方稳韧力统一为22.106597px、行距28.738542px，不再随宽屏放大文字。
• 护理建议改为日常护理，删除固定结束语，保留按检测结果生成的护理内容。
• 白卡内增加推荐产品小标题。仍仅显示算法选中的一款，不生成产品列表或切换入口。
• 三款副标题分别为焕活光泽 透亮紧致、恢复弹性 紧实利落、强韧屏障 轮廓向上，不再显示双仓精华液第二行。
• 免责声明移到白卡下方，补充仅根据您最近的测肤记录推荐。
• 稳韧力标题、页签及段落字体/行距按设计尺寸微调；动态检测图、文案、评分和跟手滑动不变。
• 历史报告依旧使用当时推荐档位与护理文本，仅按该档位更新产品展示文案和素材；不改写保存数据。

静态素材核对

ui-20261015/product-25.png 对应1:69（481×511），product-35.png 对应1:75（481×511），product-50.png 对应1:87（481×511），product-badge.png 对应1:71（101×77）。全部为设计工具导出原始PNG，保留透明边角和原始裁切，无运行时临时素材URL；网页每次只加载选中的产品图。

产品卡按945×511比例，右侧图按481×511比例，徽标按101×77比例。布局以1080px设计稿折算375px基准并随屏幕缩放，320px屏幕略缩产品文字避免遮挡。

验证

report-bottom-figma.mjs 覆盖三款选中产品、320/375/414/480宽度、元素顺序、白卡嵌套、图片/徽标比例、文字不遮挡图片、历史推荐对象不变、缺少肌龄与长护理内容。另运行报告持久化、游客隐私、产品推荐及报告滑动/布局回归。三款375px截图位于私有临时测试目录，不纳入Git。