/* ============================================================
   法律文档页样式（用户协议 / 隐私政策 / 服务条款）
   与官网主站同一套品牌色，独立引用，不依赖主站样式表
   ============================================================ */
:root{
  --teal-500:#54A8B4;
  --teal-700:#0E7285;
  --teal-50:#EFF7F8;
  --crimson-600:#CC0048;
  --ink:#0F1720;
  --ink-2:#414A54;
  --ink-3:#6B747E;
  --line:#E4E9EC;
  --bg:#FFFFFF;
  --bg-soft:#F7FAFB;
  --radius:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.85;font-size:15px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--teal-700);text-decoration:none}
a:hover{text-decoration:underline}

/* ---------- 头部 ---------- */
.doc-header{
  position:sticky;top:0;z-index:10;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.doc-header__inner{
  max-width:900px;margin:0 auto;padding:0 24px;
  height:60px;display:flex;align-items:center;gap:12px;
}
.doc-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600;font-size:15px}
.doc-brand img{height:28px;width:auto;display:block}
.doc-brand i{display:block;font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--ink-3);font-weight:400}
.doc-header__back{
  margin-left:auto;font-size:13.5px;color:var(--ink-2);
  padding:6px 14px;border:1px solid var(--line);border-radius:999px;transition:all .2s;
}
.doc-header__back:hover{color:var(--teal-700);border-color:var(--teal-500);text-decoration:none}

/* ---------- 正文 ---------- */
.doc{max-width:900px;margin:0 auto;padding:48px 24px 72px}
.doc h1{font-size:26px;line-height:1.45;letter-spacing:.5px;font-weight:700;margin-bottom:14px}
.doc-meta{
  font-size:13px;color:var(--ink-3);padding-bottom:22px;
  border-bottom:1px solid var(--line);margin-bottom:28px;
}
.doc h2{
  font-size:18px;font-weight:700;margin:38px 0 14px;line-height:1.5;
  padding-left:12px;border-left:3px solid var(--teal-500);
}
.doc h3{font-size:15.5px;font-weight:600;margin:22px 0 8px;color:var(--ink)}
.doc p{margin:10px 0;color:var(--ink-2)}
.doc ul,.doc ol{margin:10px 0 10px 22px;color:var(--ink-2)}
.doc li{margin:6px 0}
.doc strong{color:var(--ink);font-weight:600}
.doc code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:5px;padding:1.5px 6px;color:var(--teal-700);
}
.doc table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.doc th,.doc td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.doc th{background:var(--bg-soft);font-weight:600;color:var(--ink)}
.doc td{color:var(--ink-2)}

/* 提示框 */
.doc-note{
  background:var(--teal-50);border:1px solid #CFE6EA;border-left:3px solid var(--teal-500);
  border-radius:8px;padding:14px 18px;margin:18px 0;
}
.doc-note p{margin:4px 0;font-size:14px;color:var(--ink-2)}
.doc-note strong{color:var(--teal-700)}

/* ---------- 目录 ---------- */
.doc-toc{
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 22px;margin-bottom:34px;
}
.doc-toc h4{font-size:13px;letter-spacing:.06em;color:var(--ink-3);margin-bottom:10px;font-weight:600}
.doc-toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px}
.doc-toc li{margin:5px 0;font-size:13.5px}
.doc-toc a{color:var(--ink-2)}
.doc-toc a:hover{color:var(--teal-700)}

.doc-section{scroll-margin-top:80px}

/* ---------- 页脚 ---------- */
.doc-footer{border-top:1px solid var(--line);background:var(--bg-soft);font-size:13px}
.doc-footer__inner{max-width:900px;margin:0 auto;padding:28px 24px 36px}
.doc-footer p{margin:5px 0;color:var(--ink-3);line-height:1.7}
.doc-footer a{color:var(--ink-2)}
.doc-footer__links{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px}

@media (max-width:640px){
  .doc{padding:32px 18px 56px}
  .doc h1{font-size:21px}
  .doc h2{font-size:16.5px}
  .doc-toc ol{columns:1}
  .doc-header__inner{padding:0 18px}
  .doc table{font-size:13px}
  .doc th,.doc td{padding:8px 9px}
}

@media print{
  .doc-header,.doc-footer__links{display:none}
  body{font-size:12pt}
  .doc{max-width:none;padding:0}
}