/* 政策页共享样式 —— 终端紫黑风(2026-07-13 从白底珊瑚风重做,统一 landing v2 视觉)。
   四份页(terms/privacy/refund/thanks)共用这一份,别在每页重复 CSS。类名与旧版保持一致 → HTML 不用动。
   配色/字体对齐 landing/index.html:暖黑底 + JetBrains Mono + 薰衣草紫 + 橙点缀。改品牌色两边一起改。 */

:root {
  --bg: #0E0D0B;                    /* 暖黑底 */
  --bg2: #0B0A08;                   /* 更深:页脚 / 内嵌 */
  --panel: #141310;                /* 卡片底 */
  --fg: #E4DFD2;                    /* 主文字:暖米白 */
  --mid: #B8B0A0;                   /* 正文(长文用,过 8:1)*/
  --muted: #928872;                /* 副色 */
  --faint: #5C5648;                /* 更弱:mono 标签 / 页脚 / 提示符 */
  --line: #231F18;                 /* 极细描边 */
  --line-strong: #2E2921;
  --accent: #B49CF0;               /* 薰衣草紫:编号 / 链接 hover / 强调 */
  --accent-dim: #8A70C8;
  --orange: #D98A3D;               /* 橙:callout 点缀 */
  --mono: "JetBrains Mono", "Chivo Mono", ui-monospace, SFMono-Regular, Menlo, "PingFang SC", monospace;
  --sans: var(--mono);             /* 终端风:正文也走等宽 */
}

* { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; text-size-adjust: 100%; background: var(--bg); }
body {
  margin: 0; background: var(--bg); color: var(--mid);
  font-family: var(--mono); font-size: 15.5px; line-height: 1.75;
}
a { color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--line-strong); transition: color .15s, border-color .15s; }
a:hover { color: var(--fg); border-color: var(--accent-dim); }
code { font-family: var(--mono); font-size: .92em; color: var(--fg); background: var(--panel);
       border: 1px solid var(--line); border-radius: 5px; padding: 1px 6px; }

.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }

/* 顶栏:伪终端条,底部细线 */
header.hdr { padding: 15px 0; border-bottom: 1px solid var(--line); position: sticky; top: 0;
             background: rgba(14,13,11,.85); backdrop-filter: saturate(150%) blur(10px); z-index: 10; }
header.hdr .nav { display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--fg); border-bottom: 0; }
.brand:hover { color: var(--fg); }
.brand img { width: 24px; height: 24px; display: block; border-radius: 6px; }
.brand .name { font-family: var(--mono); font-weight: 800; font-size: 15px; letter-spacing: -.02em; }

/* 顶栏右侧:语言切换钮 + 返回 */
.hdr-right { display: inline-flex; align-items: center; gap: 12px; }
.lang-toggle {
  font-family: var(--mono); font-size: 12.5px; font-weight: 600; letter-spacing: .02em;
  color: var(--muted); background: transparent;
  border: 1px solid var(--line); border-radius: 6px;
  padding: 5px 10px; cursor: pointer; line-height: 1;
  transition: color .15s, border-color .15s, background .15s;
}
.lang-toggle:hover { color: var(--fg); border-color: var(--accent-dim); background: var(--panel); }
.lang-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.back { font-family: var(--mono); font-size: 12.5px; color: var(--muted); border-bottom: 0; }
.back:hover { color: var(--accent); }

/* 内容卡:暗底 + 细边(不再是白卡落影)*/
main.card {
  margin: 30px auto 0; padding: 40px clamp(22px, 5vw, 48px) 44px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
}
main.card h1 {
  font-family: var(--mono); font-weight: 800;
  font-size: clamp(26px, 5vw, 36px); line-height: 1.15;
  margin: 0 0 6px; letter-spacing: -.03em; color: var(--fg);
}
.meta { font-family: var(--mono); font-size: 12px; color: var(--muted); margin: 0 0 26px; }
.meta span { margin-right: 14px; }
.meta::before { content: "$ "; color: var(--accent-dim); }

main.card h2 {
  font-family: var(--mono); font-weight: 700;
  font-size: 18px; line-height: 1.35;
  margin: 34px 0 10px; color: var(--fg); letter-spacing: -.01em;
}
main.card h2 .n { color: var(--accent); font-family: var(--mono); font-weight: 700; margin-right: 10px; }

main.card p { margin: 0 0 14px; color: var(--mid); }
main.card strong { color: var(--fg); font-weight: 700; }
main.card ul { margin: 0 0 16px; padding-left: 20px; color: var(--mid); }
main.card li { margin: 7px 0; }
main.card li::marker { color: var(--accent-dim); }

/* 摘要/重点框(隐私页 short version):暗盒 + 橙点缀提示符(全边框,不用侧色条)*/
.callout {
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 16px 20px; margin: 4px 0 26px;
}
.callout p { margin: 0; color: var(--fg); }
.callout p::before { content: "# "; color: var(--orange); font-weight: 700; }
.callout strong { color: var(--fg); }

hr { border: 0; border-top: 1px solid var(--line); margin: 30px 0 22px; }
.fineprint { font-size: 13px; color: var(--muted); font-style: normal; }

/* 页脚 + 政策互链 */
footer.legal { padding: 26px 0 52px; border-top: 1px solid var(--line); margin-top: 30px; }
footer.legal .wrap { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; justify-content: space-between; }
footer.legal p { margin: 0; font-size: 12px; color: var(--muted); font-family: var(--mono); }
footer.legal nav { display: flex; gap: 16px; }
footer.legal nav a { font-size: 12.5px; color: var(--muted); border-bottom: 0; }
footer.legal nav a:hover { color: var(--accent); }
footer.legal nav a[aria-current] { color: var(--fg); }
