/* ==========================================================================
   法务页面（隐私政策 / 用户协议）样式
   —— 复用 landing 的设计令牌，保证与产品页视觉一致
   ========================================================================== */
:root{
  --color-primary:#5f41fb;
  --color-primary-hover:#4826fa;
  --color-secondary:#ebeeff;
  --color-light:#f0f2fd;
  --color-dark:#141727;
  --color-body-bg:#ffffff;
  --color-body-color:#606261;

  --font-heading:'Poppins',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
  --gradient-primary:linear-gradient(90deg,#7f39f8,#543de7 51%,#7f39f8);
  --container:1300px;
  --ink-soft:rgba(96,98,97,.14);
  --shadow-sm:0 2px 10px rgba(20,23,39,.06);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--color-body-bg);color:var(--color-body-color);
  font-family:var(--font-body);font-size:15.5px;line-height:1.85;
}
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-dark);line-height:1.35;margin:0}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--color-primary);text-decoration:none}
a:hover{text-decoration:underline}
table{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0 18px}
th,td{border:1px solid var(--ink-soft);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--color-light);color:var(--color-dark);font-weight:600;white-space:nowrap}
code{background:var(--color-light);border-radius:4px;padding:1px 6px;font-size:13.5px}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}

/* ---------- 顶栏 ---------- */
.doc-header{
  position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--ink-soft);
}
.doc-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;color:var(--color-dark);font-size:16px}
.brand:hover{text-decoration:none}
.brand img{width:32px;height:32px;border-radius:9px}
.doc-header nav{display:flex;align-items:center;gap:22px;font-size:14px}
.doc-header nav a{color:var(--color-dark);opacity:.75}
.doc-header nav a:hover,.doc-header nav a[aria-current='page']{opacity:1;color:var(--color-primary);text-decoration:none}
@media (max-width:720px){
  .doc-header nav{gap:14px;font-size:13px}
}

/* ---------- 页头 ---------- */
.doc-hero{background:var(--color-light);border-bottom:1px solid var(--ink-soft);padding:44px 0 40px}
.doc-hero .eyebrow{
  display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--color-primary);background:var(--color-secondary);border-radius:999px;padding:5px 13px;margin-bottom:14px;
}
.doc-hero h1{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.01em}
.doc-meta{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:16px;font-size:13.5px;color:var(--color-body-color)}
.doc-meta strong{color:var(--color-dark);font-weight:600}

/* ---------- 提示条 ---------- */
.notice{
  border:1px solid rgba(95,65,251,.28);background:var(--color-secondary);
  border-radius:12px;padding:14px 18px;font-size:14px;margin:26px 0 0;color:var(--color-dark);
}
.notice--warn{border-color:rgba(235,175,65,.5);background:rgba(235,175,65,.1)}
.notice p:last-child{margin-bottom:0}

/* ---------- 正文布局 ---------- */
.doc-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-block:48px 72px}
@media (max-width:980px){
  .doc-layout{grid-template-columns:1fr;padding-block:28px 56px}
  .toc{position:static !important;max-height:none !important;border:1px solid var(--ink-soft);border-radius:12px;padding:18px}
}

.toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 140px);overflow:auto;font-size:14px}
.toc h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-body-color);margin-bottom:14px}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.toc li{margin-bottom:9px}
.toc a{color:var(--color-body-color);display:block;line-height:1.5}
.toc a:hover{color:var(--color-primary);text-decoration:none}

.doc h2{
  font-size:clamp(19px,2.2vw,23px);font-weight:700;margin:44px 0 16px;padding-top:6px;
  scroll-margin-top:92px;
}
.doc h2:first-of-type{margin-top:0}
.doc h3{font-size:16.5px;font-weight:600;margin:26px 0 10px;scroll-margin-top:92px}
.doc strong{color:var(--color-dark)}
.doc .lead{font-size:16px;color:var(--color-dark)}

/* 重点信息块 */
.callout{
  border-left:3px solid var(--color-primary);background:var(--color-light);
  padding:14px 18px;border-radius:0 10px 10px 0;margin:18px 0;
}
.callout p:last-child{margin-bottom:0}

/* 敏感权限 / 信息强调 */
.tag{
  display:inline-block;font-size:12px;font-weight:600;border-radius:999px;
  padding:2px 10px;background:var(--color-secondary);color:var(--color-primary);margin-right:6px;
}
.tag--req{background:rgba(214,41,62,.1);color:#d6293e}
.tag--opt{background:rgba(23,162,184,.12);color:#17a2b8}

/* ---------- 页脚 ---------- */
.doc-footer{background:var(--color-dark);color:rgba(255,255,255,.7);padding:40px 0 28px;font-size:13.5px}
.doc-footer a{color:rgba(255,255,255,.88)}
.doc-footer .links{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:18px}
.doc-footer .bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

/* 打印 */
@media print{
  .doc-header,.toc,.doc-footer{display:none}
  .doc-layout{grid-template-columns:1fr;padding:0}
  body{font-size:11pt;line-height:1.6}
  a{color:inherit}
}