/* ══════════════════════════════════════════════
   文档页样式（隐私政策 / 服务条款）
   与首页同一套设计令牌，深色科技基调
   ══════════════════════════════════════════════ */
:root {
  --bg-0: #09070F;
  --glass:    rgba(255,255,255,.05);
  --glass-hi: rgba(255,255,255,.088);
  --line:     rgba(255,255,255,.105);
  --line-hi:  rgba(255,255,255,.22);

  --ink-0: #FFFFFF;
  --ink-1: #BAB4C6;
  --ink-2: #877F97;

  --o:      #FF8A3D;
  --o-hi:   #FFB870;
  --o-deep: #F0590C;
  --o-glow: rgba(255,138,61,.5);
  --v:      #9B6BFF;
  --c:      #2EE6D6;

  --radius: 14px;

  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, "Cascadia Mono", Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--bg-0); -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: transparent; color: var(--ink-0);
  font-family: var(--sans); font-size: 16px; line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
/* 顶部氛围光 —— 与首页呼应，但更克制（阅读优先） */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(ellipse 60% 32% at 18% -4%, rgba(255,138,61,.16), transparent 66%),
    radial-gradient(ellipse 50% 28% at 88% -6%, rgba(155,107,255,.13), transparent 64%);
}
/* 细噪点 */
body::after {
  content: ""; position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  opacity: .026; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

a { color: var(--o-hi); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ── 顶栏 ── */
.topbar {
  position: sticky; top: 0; z-index: 10;
  background: rgba(9,7,15,.74); border-bottom: 1px solid var(--line);
  backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%);
}
.topbar-in {
  max-width: 820px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 32px);
  height: 62px; display: flex; align-items: center; gap: 10px;
}
.logo { display: flex; align-items: center; gap: 11px; font-weight: 700; font-size: 16px; color: var(--ink-0); }
.logo:hover { text-decoration: none; }
.logo-mark {
  width: 29px; height: 29px; border-radius: 9px; flex-shrink: 0;
  background: linear-gradient(140deg, var(--o-hi), var(--o-deep));
  display: grid; place-items: center;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 4px 16px -3px var(--o-glow);
}
.logo-mark svg { width: 18px; height: auto; }
.back { margin-left: auto; font-size: 14px; color: var(--ink-2); }
.back:hover { color: var(--o-hi); text-decoration: none; }

/* ── 正文 ── */
.doc { max-width: 820px; margin: 0 auto; padding: clamp(40px, 7vw, 76px) clamp(20px, 5vw, 32px) 100px; }
.doc h1 {
  font-size: clamp(28px, 4.4vw, 40px); letter-spacing: -.035em; line-height: 1.2;
  margin: 0 0 14px; font-weight: 700;
}
.meta {
  font-family: var(--mono); font-size: 12.8px; color: var(--ink-2);
  margin: 0 0 42px; padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.doc h2 {
  font-size: clamp(19px, 2.5vw, 22px); letter-spacing: -.025em; font-weight: 700;
  margin: 48px 0 16px; padding-top: 26px; position: relative;
  border-top: 1px solid var(--line);
}
.doc h2::before {
  content: ""; position: absolute; top: -1px; left: 0; width: 46px; height: 1px;
  background: linear-gradient(90deg, var(--o), transparent);
}
.doc h3 { font-size: 16.8px; margin: 30px 0 11px; font-weight: 600; color: var(--ink-0); }
.doc p { margin: 0 0 16px; color: var(--ink-1); }
.doc ul, .doc ol { margin: 0 0 16px; padding-left: 1.4em; color: var(--ink-1); }
.doc li { margin-bottom: 10px; }
.doc li::marker { color: var(--o); }
.doc strong { color: var(--ink-0); font-weight: 600; }

/* ── 表格 ── */
.doc table {
  width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 14.5px;
  display: block; overflow-x: auto; white-space: nowrap;
  border: 1px solid var(--line); border-radius: var(--radius);
}
.doc th, .doc td { border-bottom: 1px solid var(--line); padding: 12px 15px; text-align: left; }
.doc tr:last-child td { border-bottom: 0; }
.doc th {
  background: rgba(255,255,255,.04); color: var(--ink-0);
  font-weight: 600; font-size: 13.2px;
  font-family: var(--mono); letter-spacing: .02em;
}
.doc td { color: var(--ink-1); }

/* ── 提示块 ── */
.callout {
  background: var(--glass); border: 1px solid var(--line);
  border-left: 2px solid var(--o);
  border-radius: var(--radius); padding: 20px 24px; margin: 0 0 28px;
  font-size: 14.8px; color: var(--ink-1);
  position: relative; overflow: hidden;
}
.callout::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(420px circle at 0% 0%, rgba(255,138,61,.07), transparent 62%);
}
.callout strong { color: var(--ink-0); }
.callout p { margin: 0 0 12px; position: relative; }
.callout p:last-child { margin-bottom: 0; }

/* ── 联系信息卡 ── */
.contact-block {
  background: linear-gradient(168deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  border: 1px solid var(--line); border-radius: var(--radius);
  padding: 24px 26px; margin-top: 14px; font-size: 14.8px;
  position: relative; overflow: hidden;
  box-shadow: 0 20px 50px -24px rgba(0,0,0,.7);
}
.contact-block::before {
  content: ""; position: absolute; top: 0; left: 14%; right: 14%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,184,112,.5), transparent);
}
.contact-block div { margin-bottom: 8px; color: var(--ink-1); }
.contact-block div:last-child { margin-bottom: 0; }
.contact-block strong { color: var(--ink-0); }

/* ── 页脚 ── */
footer {
  border-top: 1px solid var(--line); background: rgba(10,8,18,.6);
  padding: 32px clamp(20px, 5vw, 32px);
  font-size: 13px; color: var(--ink-2);
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
}
.foot-in { max-width: 820px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 9px 18px; align-items: center; }
.foot-in a { color: var(--ink-2); }
.foot-in a:hover { color: var(--o-hi); text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}