:root {
  --ground: #0b1f16;
  --ground-2: #12301f;
  --line: #1d4130;
  --ink: #e6efe7;
  --ink-dim: #9db8a6;
  --gold-soft: #f0d29a;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font: 15px/1.9 -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  -webkit-text-size-adjust: 100%;
}
a { color: var(--gold-soft); }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 16px; }

.topbar { position: sticky; top: 0; z-index: 20; background: rgba(11, 31, 22, .96); border-bottom: 1px solid var(--line); }
.topbar .wrap { display: flex; align-items: center; gap: 14px; height: 56px; max-width: 1000px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 700; color: #fff; font-size: 17px; text-decoration: none; white-space: nowrap; }
.brand img { width: 30px; height: 30px; border-radius: 7px; }
.nav { margin-left: auto; display: flex; gap: 18px; }
.nav a { color: var(--ink-dim); text-decoration: none; font-size: 14px; white-space: nowrap; }
.nav a:hover { color: var(--gold-soft); }

.doc { padding: 34px 16px 48px; }
.doc h1 { margin: 0 0 6px; font-size: 26px; color: #fff; font-family: "Songti SC", "Source Han Serif SC", "Noto Serif SC", serif; letter-spacing: .04em; }
.doc .meta { margin: 0 0 26px; color: var(--ink-dim); font-size: 13px; }
.doc h2 { margin: 30px 0 8px; font-size: 17px; color: var(--gold-soft); font-family: "Songti SC", "Source Han Serif SC", "Noto Serif SC", serif; letter-spacing: .04em; }
.doc p { margin: 0 0 14px; }
.doc ul { margin: 0 0 14px; padding-left: 20px; color: var(--ink); }
.doc li { margin: 4px 0; }
.doc b { color: var(--gold-soft); font-weight: 600; }
.doc .back { margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--line); }

footer { padding: 22px 0 calc(28px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); color: var(--ink-dim); font-size: 12.5px; text-align: center; }
footer a { color: var(--ink-dim); }