feat: 隐私政策与服务协议全文接入(替换占位层)

- Face⁺⁺个人信息与隐私保护政策(前言+正文八章)全文排版接入 #p-policy:全屏文档页(sticky 头部+返回、品牌黄章节标记、两端对齐正文、有序/无序列表、加粗术语),来源飞书 1meUI设计 wiki
- e2e 新增 E4:协议打开/全文字数/关键章节/无占位残留断言,附首中末三张截图
- README 占位清单移除隐私协议条目
This commit is contained in:
Ubuntu
2026-09-26 23:30:41 +08:00
parent aa46d87419
commit 859d262fe3
6 changed files with 160 additions and 9 deletions
+26
View File
@@ -544,3 +544,29 @@ button { font-family: inherit; border: 0; background: none; cursor: pointer; }
/* ═══════════ 第5轮:报告页检测可视化(face_maps 图层 / marks 叠加,新增,不动以上已验收样式) ═══════════ */
/* 分类卡检测图复用 .ditem-img(左图右文、92×96 裁切);无检测图时(hidden)卡片退回文字占位 */
.ditem-img[hidden] { display: none; }
/* ═══════════ 隐私政策与服务协议(全文页) ═══════════ */
.overlay-policy { background: #F5F5F5; }
.policy-page { width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; }
.policy-header {
position: relative; flex: none; height: var(--nav-h);
display: flex; align-items: center; justify-content: center;
background: #fff; border-bottom: 1px solid var(--line);
}
.policy-header .nav-back { position: absolute; left: 4px; top: 0; width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; }
.policy-header-title { font-size: 14px; font-weight: 500; color: #000; }
.policy-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 22px 20px 48px; }
.policy-title { font-size: 19px; font-weight: 700; color: var(--ink); line-height: 1.4; margin-bottom: 16px; }
.policy-h2 {
font-size: 15px; font-weight: 600; color: var(--ink);
margin: 26px 0 10px; padding-left: 9px;
border-left: 4px solid var(--yellow); line-height: 1.3;
}
.policy-h3 { font-size: 13.5px; font-weight: 600; color: var(--ink); margin: 16px 0 6px; }
.policy-body p { font-size: 12.5px; color: var(--para); line-height: 1.9; margin-bottom: 10px; text-align: justify; }
.policy-body strong { color: var(--ink); }
.policy-body ul, .policy-body ol { padding-left: 1.5em; margin: 0 0 10px; }
.policy-body li { font-size: 12.5px; color: var(--para); line-height: 1.9; margin-bottom: 5px; text-align: justify; }
.policy-body li::marker { color: var(--grey); }
.policy-toc { color: var(--grey-2); }
.policy-end { text-align: center; color: var(--grey); margin-top: 28px; }