feat: 真机反馈 11 项(下拉层级/侧脸蒙版/报告改版/护理建议 V2.3/水分图)

1. 城市下拉浮层 z-index 提至 50,不再被肤质轮播圆点压盖
2. 倒计时音频已更新(用户重生成,解码验证 2.62s)
3. 侧脸步蒙版鼻向修正:2/3 右脸鼻朝右、3/3 左脸鼻朝左(原与设计稿 06/07 相反)
4. 无进展提示上移至 bottom:24%(引导 chips 上方,不再压快门)
5. 相册选择器「拍照」项为 iOS/安卓系统行为,web 无法移除(详见回复)
6. 报告页顶栏移除,返回/历史改悬浮
7. 肌龄小字按产品要求不再展示(钳制留痕仍随数据返回)
8. 关注行对齐设计稿:前缀灰 + 维度名深色 500
9. 三维度排版对齐设计稿:去掉档位徽章,最低分标红
10. 肤色水润图改用 water_area(接口水分图),REPORT_MAPS 与 mock fixture 同步更新
11. 报告「综合分析」「生活方式建议」通栏移除,新增「护理建议」卡(V2.3 §8:肤质定制/最差2分类/精华/生活方式 五段,§8.5.1 无内部标注;skin-score 实现 8.6/8.7 全量文案库,回归新增 §8.8 两组样例逐字断言 86/86 绿)
e2e 全量绿(含真实 API:水分图/红区合成图挂载、护理建议五段)
This commit is contained in:
Ubuntu
2026-09-27 11:15:54 +08:00
parent ca76128ac0
commit 6c634e3a66
12 changed files with 164 additions and 53 deletions
+28
View File
@@ -658,3 +658,31 @@ button { font-family: inherit; border: 0; background: none; cursor: pointer; }
#p-policy .policy-body { padding-top: 52px; }
/* P1-2 姿态提示气泡压住底部引导文字:改到步骤文案下方、取景框上方 */
.cam-hint { bottom: auto; top: 26%; }
/* ═══════════ 第8轮:真机反馈 11 项 ═══════════ */
/* #1 城市下拉浮层层级高于肤质轮播圆点 */
.rs { z-index: 50; }
.rs-list { z-index: 50; }
/* #4 无进展提示再上移(取景/拍摄区下方,引导 chips 上方) */
.cam-nudge { bottom: 24%; }
/* #6 报告页顶栏移除,返回/历史改悬浮 */
#s-report { position: relative; }
.report-float-back {
position: absolute; top: 12px; left: 12px; z-index: 21;
background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.10);
}
.report-float-history {
position: absolute; top: 12px; right: 12px; z-index: 21;
font-size: 12px; color: var(--grey-2); padding: 7px 10px;
background: #fff; border-radius: 15px; box-shadow: 0 1px 6px rgba(0,0,0,.10);
}
#s-report .report-body { padding-top: 44px; }
/* #8 关注行:前缀灰 + 维度名深色 500 */
.dims-note-l1 b { font-weight: 500; color: var(--ink); }
/* #9 维度分:最低分标红(替代原档位徽章) */
.dim-score.dim-bad { color: var(--bad); }
/* #11 护理建议(设计稿样式:标题 + 编号条目) */
#care-list .care-item { margin-bottom: 10px; }
#care-list .care-item b { font-weight: 600; color: var(--ink); }
/* 护理建议/精华推荐卡标题对齐设计稿(≈16px) */
.card-care .card-heading, .card-essence .card-heading { font-size: 16px; }