/* 隐私政策 / 用户协议 / 更新日志 三个子页面共用的样式。
   颜色、字体、页头页脚照抄产品页 index.html 里的写法（那边改主色时这里也要跟着改 --accent-rgb）。 */
:root{
  --accent-rgb: 201,168,76;

  --accent: rgb(var(--accent-rgb));
  --accent-ink:#0b0a08;
  --accent-04:rgba(var(--accent-rgb),.04);
  --accent-12:rgba(var(--accent-rgb),.12);
  --accent-22:rgba(var(--accent-rgb),.22);
  --accent-32:rgba(var(--accent-rgb),.32);
  --accent-45:rgba(var(--accent-rgb),.45);

  --bg:#0b0a08;
  --bg-chrome:#0d0b08;
  --bg-head:rgba(13,11,8,.9);
  --bg-solid:#17140e;
  --bg-inset:#100e0a;

  --ink:#f6f2e9;
  --ink-1:#ece6d8;
  --ink-2:#d6cfbd;
  --ink-3:#b3ab97;
  --ink-faint:#6f6754;

  --st-ok:#6fbf8f;
  --st-next:#c6bfae;

  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.15);

  --r-pill:999px; --r-sm:6px; --r-md:12px;
  --focus-ring:0 0 0 3px var(--accent-32);

  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",Roboto,sans-serif;
  --font-display:var(--font-sans);
  --font-mono:"Cascadia Mono",Consolas,"SFMono-Regular",Menlo,monospace;

  --fs-body:17px; --fs-sm:16px; --fs-xs:14px;
  --ls-kicker:.12em;

  --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:40px; --s9:56px;
  --container:1120px;
  --gutter:24px;
  --header-h:58px;
}

*,*::before,*::after{box-sizing:border-box}
html,body{background:var(--bg)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;padding-top:var(--header-h);color:var(--ink-1);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.7}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
svg{display:block}
a{color:var(--accent);text-decoration:none;transition:color .25s ease}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
code{font-family:var(--font-mono);font-size:.92em}
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
[id]{scroll-margin-top:calc(var(--header-h) + 16px)}

.skip{position:absolute;top:8px;left:var(--gutter);z-index:101;padding:10px 18px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-sm);line-height:1.4;clip-path:inset(50%);opacity:0}
.skip:focus{clip-path:none;opacity:1;color:var(--accent-ink)}

/* 页头：和产品页一样，只是右边换成「返回产品页」 */
.top{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);background:var(--bg-head);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hd{height:var(--header-h);display:flex;align-items:center;gap:var(--s6)}
.brand{display:flex;align-items:baseline;gap:10px;color:var(--ink);flex:none}
.brand:hover{color:var(--ink)}
.brand .mk{width:22px;height:22px;color:var(--accent);align-self:center}
.brand-n{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1;letter-spacing:.02em}
.brand-s{font-size:var(--fs-xs);line-height:1;color:var(--ink-3);letter-spacing:.06em}
.hd-back{margin-left:auto;font-size:var(--fs-xs);line-height:1.5;color:var(--accent);flex:none;white-space:nowrap;font-weight:600}

/* 正文 */
.doc{padding-block:clamp(44px,6.5vw,84px) clamp(56px,8vw,104px);background:var(--bg) radial-gradient(90% 40% at 80% 0%,rgba(var(--accent-rgb),.06),transparent 70%)}
.doc-in{max-width:46em}
.kicker{color:var(--accent);font-size:var(--fs-xs);line-height:1.6;letter-spacing:var(--ls-kicker);font-weight:600}
h1,h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1{margin-top:10px;font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:clamp(28px,4.4vw,42px);line-height:1.3;letter-spacing:-.01em}
.rule{width:56px;height:3px;background:var(--accent);border-radius:2px;margin-top:18px}
.sum{margin-top:var(--s7);padding:22px 26px;border:1px solid var(--accent);border-radius:var(--r-md);background:var(--accent-04)}
.doc h2{margin-top:44px;padding-top:26px;border-top:1px solid var(--line);font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:clamp(20px,2.4vw,24px);line-height:1.4}
.doc h3{margin-top:24px;font-size:var(--fs-body);line-height:1.5;font-weight:600;color:var(--ink)}
.doc p,.doc li{font-size:var(--fs-sm);line-height:1.8;color:var(--ink-2)}
.doc p{margin-top:12px}
.doc b{color:var(--ink);font-weight:600}
.doc ul{margin-top:10px}
.doc ul li{position:relative;padding:4px 0 4px 22px}
.doc ul li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:2px;border-radius:1px;background:var(--accent)}
.doc ol{margin-top:10px;counter-reset:n}
.doc ol li{position:relative;padding:4px 0 4px 26px;counter-increment:n}
.doc ol li::before{content:counter(n);position:absolute;left:0;top:4px;font-weight:700;color:var(--accent)}
/* 下面几条要压过上面 .doc p / .doc h2 的通用写法 */
.doc .kicker{margin-top:0;font-size:var(--fs-xs);line-height:1.6;color:var(--accent)}
.doc .upd{margin-top:14px;font-size:var(--fs-xs);line-height:1.6;color:var(--ink-3)}
.doc .sum h2{margin:0;padding:0;border:0;font-size:var(--fs-body)}
.doc .sum ul{margin-top:8px}

/* 更新日志：一个版本一块 */
.rel{margin-top:var(--s8);padding:26px 28px;background:var(--bg-solid);border:1px solid var(--line-2);border-radius:var(--r-md)}
.rel-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.doc .rel h2{margin:0;padding:0;border:0;font-size:clamp(24px,3vw,30px)}
.doc .rel .upd{margin-top:6px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;line-height:1.5;padding:2px 11px;border-radius:var(--r-pill);border:1px solid;white-space:nowrap;color:var(--st-ok);border-color:rgba(111,191,143,.45)}
.pill .dot{width:10px;height:10px;border-radius:50%;background:var(--st-ok)}

/* 页脚：和产品页一样 */
.foot{background:var(--bg-chrome);border-top:1px solid var(--line);padding-block:var(--s8) var(--s9)}
.foot-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:start}
.foot-b{display:flex;align-items:center;gap:10px;color:var(--ink)}
.foot-b .mk{width:22px;height:22px;color:var(--accent);flex:none}
.foot-b span{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.4}
.foot-t{margin-top:10px;font-size:var(--fs-xs);line-height:1.7;color:var(--ink-3)}
.foot-m{display:grid;gap:9px;justify-items:start}
.foot-m a{font-size:var(--fs-xs);line-height:1.6;color:var(--ink-3)}
.foot-m a:hover,.foot-m a[aria-current="page"]{color:var(--accent)}
.foot-c{text-align:right;font-size:var(--fs-xs);line-height:1.8;color:var(--ink-3)}
.foot-c a{display:block;color:var(--accent)}

@media (max-width:768px){
  :root{--header-h:52px}
  .brand-s{display:none}
  .foot-g{grid-template-columns:1fr;gap:var(--s6);text-align:center}
  .foot-b{justify-content:center}
  .foot-m{justify-items:center}
  .foot-c{text-align:center}
}
@media (max-width:500px){
  :root{--gutter:16px}
  body{overflow-x:hidden}
  .sum{padding:18px 18px}
  .rel{padding:20px 18px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}