/*
* 文隐官网 — 长文页排版（政策 / 说明 / 发布记录）
* 只负责这一组页面：复用 hero.css 的字体、导航、页脚与 .primary 按钮，
* 本文件补长文栏宽、标题层级、列表、表格、发丝线与该组页面共用的页头页脚骨架。
*
* 约束（项目硬规则）：不用彩色提示框、不堆卡片、不用 emoji；层级只靠字号、字重、灰度与发丝线。
*/
/* ---------- 页面骨架 ---------- */
body.legal{background:var(--paper,#fff);color:var(--ink,var(--ink, #17191b))}
.legal .header{position:sticky;top:0;z-index:20;width:100%;height:auto;margin:0;
background:var(--bg-elevated, #fff);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
border-bottom:1px solid var(--line, rgba(23,25,27,.10))}
.legal .header-inner{width:min(1120px,calc(100% - 112px));height:76px;margin:auto;
display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal .brand{font-size:22px;letter-spacing:1.6px}
.legal .brand img{width:32px;height:32px;border-radius:9px}
.legal .header nav{font-size:13.5px;font-weight:500;gap:24px}
.legal .header nav>a:not(.nav-download){padding:10px 0;color:var(--ink-body, #3d4147)}
.legal .header nav>a:not(.nav-download):hover{color:var(--ink, #17191b)}
.legal .header nav>a.nav-download{padding:9px 16px;color:var(--ink, #17191b)}
/* ---------- 主栏与目录 ---------- */
.legal-main{width:min(1120px,calc(100% - 112px));margin:0 auto;padding:52px 0 40px}
.legal-layout{display:grid;grid-template-columns:200px minmax(0,760px);column-gap:68px;row-gap:0;justify-content:center;align-items:start}
.legal-body{min-width:0;max-width:760px;overflow-wrap:break-word}
.toc{position:sticky;top:104px;font-size:13px;line-height:1.75}
.toc-title{margin:0;font-size:12px;letter-spacing:.14em;color:var(--ink-secondary)}
.toc ol{list-style:none;margin:16px 0 0;padding:0}
.toc li{margin-top:9px}
.toc a{color:var(--muted,var(--muted, #656970));display:inline-block;padding:2px 0}
.toc a:hover{color:var(--ink, #17191b);text-decoration:underline;text-underline-offset:3px}
/* ---------- 标题区 ---------- */
.legal-head{grid-column:1/-1;border-bottom:1px solid var(--line, rgba(23,25,27,.10));padding-bottom:30px;margin-bottom:36px}
.legal h1{font-family:var(--serif);font-synthesis:none;display:block;width:auto;max-width:none;
margin:0;font-size:clamp(30px,3.6vw,42px);font-weight:600;line-height:1.35;letter-spacing:0;text-align:left}
.legal-meta{margin-top:16px;font-size:13px;line-height:1.9;color:var(--muted,var(--muted, #656970))}
.legal-operator{margin-top:10px;font-size:13px;line-height:1.9;color:var(--muted,var(--muted, #656970))}
.legal-lede{margin-top:22px;font-size:17px;line-height:1.95;color:var(--ink-body, #3d4147)}
/* ---------- 正文 ---------- */
.legal-body h2{font-family:var(--serif);font-synthesis:none;font-size:clamp(25px,2.5vw,31px);font-weight:600;
line-height:1.45;letter-spacing:0;margin-top:64px;scroll-margin-top:96px}
/* 第一节标题与正文栏顶部对齐；其余各节靠 margin-top 拉开。 */
.legal-body>section:first-of-type>h2{margin-top:0}
.legal-body h3{font-size:20px;font-weight:600;line-height:1.6;margin-top:36px;scroll-margin-top:96px}
.legal-body p{font-size:16.5px;line-height:1.95;margin-top:19px}
.legal-body ul,.legal-body ol{margin-top:19px;padding-left:1.4em}
.legal-body li{font-size:16.5px;line-height:1.9;margin-top:10px}
.legal-body li>ul,.legal-body li>ol{margin-top:8px}
.legal-body strong{font-weight:600}
.legal-body a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong, #c8ccd2)}
.legal-body a:hover{text-decoration-color:currentColor}
.legal-body hr{border:0;border-top:1px solid var(--line,rgba(23,25,27,.10));margin:46px 0}
.legal-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;color:var(--ink, #17191b);
overflow-wrap:anywhere;word-break:break-word}
/* ---------- 表格 ---------- */
.legal-table-wrap{margin-top:22px;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.legal-table-wrap:focus-visible{outline:3px solid var(--accent, #326ac2);outline-offset:2px}
.legal-body table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.8}
.legal-body th{text-align:left;font-weight:600;font-size:14px;color:var(--ink-body, #3d4147);padding:12px 14px;
border-bottom:1px solid var(--line, rgba(23,25,27,.10));white-space:nowrap}
.legal-body td{padding:12px 14px;border-bottom:1px solid var(--line, rgba(23,25,27,.10));vertical-align:top;color:var(--ink-body, #3d4147)}
.legal-body td:first-child{min-width:150px}
.cell-note{display:block;margin-top:3px;font-size:13px;line-height:1.7;color:var(--muted,var(--muted, #656970));font-weight:400}
/* ---------- 小字边界说明（识别局限、可比性说明） ---------- */
.legal-boundary{margin-top:28px;padding-top:20px;border-top:1px solid var(--line,rgba(23,25,27,.10));
font-size:13.5px;line-height:1.95;color:var(--muted,var(--muted, #656970))}
.legal-emphasis{margin-top:26px;padding-top:20px;border-top:1px solid var(--line,rgba(23,25,27,.10));
font-size:16.5px;line-height:1.95;color:var(--ink,var(--ink, #17191b))}
.legal-sidenote{font-size:13.5px;line-height:1.9;color:var(--muted,var(--muted, #656970))}
/* 独立附件（第三方许可全文） */
.legal-file{margin-top:22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:16.5px}
.legal-file a{font-weight:600}
.legal-file-note{font-size:13px;line-height:1.8;color:var(--muted,var(--muted, #656970))}
/* ---------- 折叠区（第三方许可全文） ---------- */
.legal-body details{margin-top:22px;border-top:1px solid var(--line,rgba(23,25,27,.10));border-bottom:1px solid var(--line,rgba(23,25,27,.10))}
.legal-body summary{min-height:0;padding:18px 0;font-size:15.5px;font-weight:600;line-height:1.7}
.legal-body details>p{margin-top:0;padding-bottom:4px;font-size:15px;color:var(--muted,var(--muted, #656970))}
.notices pre{margin:0 0 4px;padding-bottom:22px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:12.5px;line-height:1.72;color:var(--ink-body, #3d4147);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}
/* ---------- 按钮：沿用官网连续曲率按钮（squircle.js + data-squircle），不支持时回退圆角矩形 ---------- */
.legal .primary{position:relative;isolation:isolate;background:transparent;border:0;
color:var(--btn-primary-ink, #fff);
filter:drop-shadow(0 1px 2px rgba(16,24,40,.10)) drop-shadow(0 6px 16px rgba(20,30,45,.12))}
.legal .primary:hover{background:transparent;box-shadow:none}
.legal .primary:active{transform:scale(.98)}
.legal .primary>.sq{position:absolute;inset:0;margin:0;z-index:-1;display:block;
background:var(--btn-primary-bg, #202225);
clip-path:var(--sq-clip,none);border-radius:12px}
.legal .primary:hover>.sq{background:var(--btn-primary-bg-hover, #373a3e)}
.legal .nav-download{position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none}
.legal .nav-download:hover{background:transparent}
.legal .nav-download>.sq{position:absolute;inset:0;margin:0;z-index:-1;display:block;
background:var(--btn-secondary-bg, #f6f6f6);border:1px solid var(--btn-secondary-edge, #d9dadd);
clip-path:var(--sq-clip,none);border-radius:9px}
.legal .nav-download:hover>.sq{background:var(--btn-secondary-bg-hover, #ebedef)}
/* ---------- 页尾动作区 ---------- */
.legal-actions{margin-top:64px;padding-top:30px;border-top:1px solid var(--line,rgba(23,25,27,.10));
display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
.legal-actions .primary{min-height:52px;padding:13px 26px;font-size:16.5px}
.legal-actions-note{margin:0;font-size:13px;line-height:1.8;color:var(--muted,var(--muted, #656970))}
/* ---------- 页脚（与首页同一套元素，政策页多一行联系方式与语言） ---------- */
body.legal footer{display:block;width:min(1120px,calc(100% - 112px));max-width:none;margin:0 auto;
padding:34px 0 44px;border-top:1px solid var(--line,rgba(23,25,27,.10));font-size:12px;color:var(--muted,var(--muted, #656970))}
.footer-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px 40px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.footer-links a{min-height:34px;display:inline-flex;align-items:center}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;
margin-top:20px;padding-top:18px;border-top:1px solid var(--line, rgba(23,25,27,.08))}
.footer-bottom p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.footer-bottom .footer-site{flex-basis:100%;color:var(--ink-secondary)}
.footer-bottom small{margin-left:auto}
/* ---------- 焦点可见 ---------- */
.legal a:focus-visible,.legal summary:focus-visible,.legal .primary:focus-visible,.legal .nav-download:focus-visible{
outline:3px solid var(--accent, #326ac2);outline-offset:3px;border-radius:3px}
/* ---------- 响应式 ---------- */
@media(max-width:1080px){
.legal-layout{grid-template-columns:minmax(0,760px);gap:0}
.toc{position:static;top:auto;border-bottom:1px solid var(--line, rgba(23,25,27,.10));padding-bottom:22px;margin-bottom:4px}
.toc ol{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:12px}
.toc li{margin-top:4px}
}
@media(max-width:960px){
/* 窄屏收起页内导航，保留下载与语言切换（站点其它页同一套规则，见 assets/i18n.css）。
nav-download 要显式恢复 display：hero.css 在 540px 以下把 .header nav>a 全部隐藏。 */
.legal .header nav>a:not(.nav-download){display:none}
.legal .header nav>a.nav-download{display:inline-flex}
.legal .header nav{gap:16px}
}
@media(max-width:850px){
.legal .header-inner{width:calc(100% - 56px);height:70px}
.legal-main{width:calc(100% - 56px);padding-top:40px}
body.legal footer{width:calc(100% - 56px)}
}
@media(max-width:540px){
.legal .header-inner{width:calc(100% - 40px);height:66px;gap:12px}
.legal .brand{font-size:19px;gap:8px;letter-spacing:1px}
.legal .brand img{width:28px;height:28px;border-radius:8px}
.legal .header nav>a:not(.nav-download){display:none}
.legal .header nav>a.nav-download{display:inline-flex}
.legal .nav-download{font-size:12px;min-height:38px;padding:8px 12px}
.legal .nav-download span{margin-left:8px}
.legal .nav-download>.sq{border-radius:9px}
.legal-main{width:calc(100% - 40px);padding-top:32px}
.legal h1{font-size:28px;line-height:1.4}
.legal-lede{font-size:16px}
.legal-body h2{font-size:24px;margin-top:52px}
.legal-body h3{font-size:18.5px}
.legal-body p,.legal-body li{font-size:16px;line-height:1.9}
.legal-body th,.legal-body td{padding:11px 12px}
.legal-boundary{font-size:13px}
.legal-actions{margin-top:48px;padding-top:24px}
.legal-actions .primary{min-height:50px;font-size:16px}
body.legal footer{width:calc(100% - 40px);padding:26px 0 34px}
.footer-top{flex-direction:column;gap:12px}
.footer-links{gap:4px 18px;font-size:11.5px}
.footer-bottom{margin-top:16px;padding-top:16px;gap:8px 18px}
.footer-bottom p{font-size:11.5px}
.footer-bottom small{margin-left:0;flex-basis:100%}
}
/* ---------- 打印 ---------- */
@media print{
.legal .header,body.legal footer,.toc,.legal-actions{display:none}
.legal-main{width:auto;padding:0}
.legal-body{max-width:none}
.legal-body h2,.legal-body h3{page-break-after:avoid}
.legal-body p,.legal-body li{font-size:11pt;line-height:1.6}
.legal-body a{text-decoration:none}
}
/* ---- 政策页触控命中区（来源 site-auditor HANDOFF-F3） ---- */
/* F1. 手机表格 → 定义列表：需要 legal-content 给每个 | 补 data-label（模板加一次）：
| Sparkle | */
@media (max-width: 640px) {
.legal-table-wrap { overflow: visible; }
.legal-body table, .legal-body thead, .legal-body tbody, .legal-body tr,
.legal-body th, .legal-body td { display: block; width: 100%; }
.legal-body thead { display: none; }
.legal-body tr { border-top: 1px solid var(--line); padding: 14px 0; }
.legal-body tr:first-child { border-top: 0; }
.legal-body td { border: 0; padding: 2px 0; }
.legal-body td:first-child { min-width: 0; }
.legal-body td::before { content: attr(data-label); display: block; font-size: 12px; letter-spacing: .08em; color: #6f747b; }
}
/* F2. 目录保持顶部块（最多 10 项、换行 4–5 行可扫，不折叠），每项 27px → 44px */
@media (max-width: 1100px) {
.toc li { margin-top: 0; }
.toc a { display: inline-flex; align-items: center; justify-content: flex-start;
min-height: 44px; min-width: 44px; padding: 0; }
}
/* F3. 政策页页头/页脚/语言切换器 */
@media (max-width: 900px) {
.legal .brand { position: relative; }
.legal .brand::after { content: ""; position: absolute; inset: -10px -8px; }
.legal .nav-download { min-height: 44px; }
.footer-top .footer-brand { display: inline-flex; align-items: center; min-height: 44px; }
.footer-links a { min-height: 44px; min-width: 44px; justify-content: center; }
.footer-links { font-size: 12px; }
.footer-bottom p { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; font-size: 12px; }
.footer-bottom p a { display: inline-flex; align-items: center; justify-content: center;
min-height: 44px; min-width: 44px; }
.footer-bottom small { font-size: 12px; }
/* i18n.css 里的语言切换器：summary 61×34、选项 124×38 */
.lang-menu > summary { min-height: 44px; display: inline-flex; align-items: center; }
.lang-menu .lang-options a { min-height: 44px; }
}
/* 手机端「表格 → 定义列表」的列名颜色跟随主题（覆盖 site-auditor 块里的写死值） */
@media (max-width: 640px){
.legal-body td::before{color:var(--muted, #6f747b)}
}