/* PMTSoul 法务文档页共用样式(隐私政策 / 服务条款,9 语言 × 2 文档 = 18 页共用)。
   —— 这些页面是**独立静态页**,不进 SPA shell、不依赖 i18n.js、不依赖 JS 即可完整阅读。
      法律文本必须在脚本失败时照常可读,所以语言切换器是纯 <a> 链接,不是 JS 切换。
   —— 设计令牌自包含(镜像 login.html 的做法):不拉 250KB 的 style.css 只为一个长文页。
      令牌值与 login.html / style.css 的 V1.3 亮色一致,品牌主色 #A93817(terracotta)。 */

:root{
  --bg:#FAFAFA;--surface:#FFFFFF;--surface-2:#F5F5F5;
  --border:#E5E5E5;--border-strong:#D4D4D4;
  --text:#0A0A0A;--muted:#737373;--em:#3F3F3F;
  --accent:#A93817;--accent-hover:#8E2E12;--accent-bg:rgba(169,56,23,.08);
  --radius-card:16px;--radius-sm:10px;
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Inter,system-ui,sans-serif;
  --measure:760px;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0A0A0A;--surface:#141414;--surface-2:#1C1C1C;
    --border:#2A2A2A;--border-strong:#3A3A3A;
    --text:#F5F5F5;--muted:#9A9A9A;--em:#D4D4D4;
    --accent:#E0733F;--accent-hover:#EE8A57;--accent-bg:rgba(224,115,63,.12);
  }
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-ui);
  background:var(--bg);
  color:var(--text);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover);text-decoration:underline}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

/* ── 顶栏:品牌 + 语言切换 ───────────────────────────────── */
.legal-topbar{
  border-bottom:1px solid var(--border);
  background:var(--surface);
}
.legal-topbar-inner{
  width:min(840px, 100% - 40px);
  margin:0 auto;
  padding:14px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.legal-brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-weight:650;font-size:16px}
.legal-brand:hover{text-decoration:none;color:var(--text)}
.legal-brand img{width:24px;height:24px;display:block}

/* 语言切换:纯链接。当前语言用 aria-current 标记(无 JS 也正确)。 */
.legal-langs{display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center}
.legal-langs a{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  font-size:12.5px;
  color:var(--muted);
  white-space:nowrap;
}
.legal-langs a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.legal-langs a[aria-current="true"]{background:var(--accent-bg);color:var(--accent);font-weight:600}

/* ── 文档容器 ──────────────────────────────────────────── */
.legal-doc{
  width:min(var(--measure), 100% - 40px);
  margin:0 auto;
  padding:44px 0 72px;
}
.legal-head{border-bottom:1px solid var(--border);padding-bottom:26px;margin-bottom:30px}
.legal-head h1{
  font-size:clamp(26px,4.2vw,34px);
  line-height:1.28;
  font-weight:700;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.legal-dates{margin-top:12px;font-size:13.5px;color:var(--muted)}
.legal-dates span+span{margin-left:14px}

/* 文档切换(隐私政策 ↔ 服务条款):同语言的另一份文档 */
.legal-docnav{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.legal-docnav a{
  padding:6px 14px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  font-size:13.5px;
  color:var(--muted);
}
.legal-docnav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.legal-docnav a[aria-current="page"]{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  font-weight:600;
}
.legal-docnav a[aria-current="page"]:hover{background:var(--accent-hover);color:#fff}

/* ── 目录 ──────────────────────────────────────────────── */
.legal-toc{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  padding:20px 22px;
  margin-bottom:34px;
}
.legal-toc h2{font-size:12px;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.legal-toc ol{list-style:none;counter-reset:toc;display:grid;gap:5px}
.legal-toc li{counter-increment:toc;font-size:14.5px;display:flex;gap:9px;line-height:1.55}
.legal-toc li::before{content:counter(toc) ".";color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.6em;text-align:right;flex-shrink:0}
.legal-toc a{color:var(--em)}
.legal-toc a:hover{color:var(--accent)}

/* ── 正文 ──────────────────────────────────────────────── */
.legal-body{font-size:16px}
.legal-body section{margin-top:38px;scroll-margin-top:20px}
.legal-body section:first-child{margin-top:0}
.legal-body h2{
  font-size:20px;
  font-weight:680;
  line-height:1.4;
  letter-spacing:-.01em;
  margin-bottom:14px;
  text-wrap:balance;
}
.legal-body h3{font-size:16px;font-weight:650;margin:22px 0 8px;color:var(--em)}
.legal-body p{margin:12px 0;color:var(--em)}
.legal-body p:first-of-type{margin-top:0}
.legal-body strong{color:var(--text);font-weight:650}
.legal-body ul,.legal-body ol{margin:12px 0 12px 2px;padding-left:20px;color:var(--em)}
.legal-body li{margin:7px 0}
.legal-body li::marker{color:var(--muted)}
.legal-body code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.9em;
  background:var(--surface-2);
  border:1px solid var(--border);
  border-radius:5px;
  padding:1px 5px;
}

/* 重点提示块:用于「默认不用于公共模型训练」这类必须显眼的承诺 */
.legal-note{
  border-left:3px solid var(--accent);
  background:var(--accent-bg);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:14px 18px;
  margin:18px 0;
}
.legal-note p{margin:6px 0;color:var(--text)}
.legal-note p:first-child{margin-top:0}
.legal-note p:last-child{margin-bottom:0}

/* 宽内容(对照表)必须自带横向滚动,页面本体永不横向滚动 */
.legal-tablewrap{overflow-x:auto;margin:16px 0;border:1px solid var(--border);border-radius:var(--radius-sm)}
.legal-body table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
.legal-body th,.legal-body td{
  text-align:left;
  padding:10px 14px;
  border-bottom:1px solid var(--border);
  vertical-align:top;
  color:var(--em);
}
.legal-body th{background:var(--surface-2);color:var(--text);font-weight:650;white-space:nowrap}
.legal-body tr:last-child td{border-bottom:0}

/* 联系方式块 */
.legal-contact{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  padding:20px 22px;
  margin-top:16px;
}
.legal-contact dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:15px}
.legal-contact dt{color:var(--muted);white-space:nowrap}
.legal-contact dd{color:var(--em)}
/* 两个运营主体各占一块,块首标明「用哪个站点时适用哪个主体」——
   静态渲染,不按 hostname 用 JS 切换:法律文本不得依赖脚本。 */
.legal-contact+.legal-contact{margin-top:12px;}
.legal-contact-scope{
  font-size:12px;font-weight:650;color:var(--accent);
  margin-bottom:10px;padding-bottom:8px;
  border-bottom:1px solid var(--border);
}

/* ── 页脚 ──────────────────────────────────────────────── */
.legal-foot{
  border-top:1px solid var(--border);
  margin-top:56px;
  padding-top:22px;
  font-size:13px;
  color:var(--muted);
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  align-items:center;
  justify-content:space-between;
}
.legal-foot a{color:var(--muted)}
.legal-foot a:hover{color:var(--accent)}
.legal-foot-links{display:flex;flex-wrap:wrap;gap:16px}
.legal-beian{width:100%;display:none}
.legal-beian a{display:inline-flex;align-items:center;gap:5px}
.legal-beian img{width:15px;height:15px;display:block}

@media (max-width:640px){
  .legal-topbar-inner{padding:12px 0;gap:10px}
  .legal-doc{padding:30px 0 52px}
  .legal-body{font-size:15.5px}
  .legal-toc,.legal-contact{padding:16px 18px}
  .legal-contact dl{grid-template-columns:1fr;gap:2px}
  .legal-contact dt{margin-top:8px}
}

@media print{
  .legal-topbar,.legal-docnav,.legal-toc{display:none}
  body{background:#fff;color:#000;font-size:11pt;line-height:1.55}
  .legal-doc{width:auto;padding:0}
  .legal-body section{margin-top:18pt;break-inside:avoid-page}
  .legal-body h2{break-after:avoid-page}
  a{color:#000;text-decoration:none}
}