:root { --bg: #0B0B0D; --panel: #16161B; --line: #34343C; --ink: #F2EFE8; --mute: #A7A39B; --hero: #FF4A2B; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--ink); font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; line-height: 1.75; }
a { color: var(--hero); }
.wrap { width: min(820px, 100% - 32px); margin-inline: auto; }
header { border-bottom: 1px solid var(--line); }
header .wrap { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.pill { display: inline-flex; align-items: center; gap: 8px; background: var(--ink); color: var(--bg); font: 900 13px/1 "Segoe UI", sans-serif; letter-spacing: .14em; padding: 9px 14px; border-radius: 999px; text-decoration: none; }
.pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--hero); }
.back { color: var(--mute); font-size: 14px; text-decoration: none; }
.back:hover { color: var(--ink); }
.doc { padding: 56px 0 80px; }
.eyebrow { font: 600 12px/1 Consolas, monospace; letter-spacing: .3em; color: var(--hero); margin-bottom: 14px; }
h1 { font-size: clamp(34px, 6vw, 52px); line-height: 1.1; font-weight: 900; }
h1 span { display: block; font-size: .5em; color: var(--mute); font-weight: 700; margin-top: 10px; }
.meta { color: var(--mute); font-size: 14px; margin: 18px 0 36px; }
h2 { font-size: 20px; font-weight: 800; margin: 36px 0 10px; }
h2.zh { font-size: 22px; }
p, li { color: #DAD6CE; font-size: 16px; }
ul, ol { padding-left: 22px; display: grid; gap: 8px; margin: 10px 0; }
li b { color: var(--ink); }
hr { border: 0; border-top: 1px solid var(--line); margin: 48px 0 8px; }
footer { border-top: 1px solid var(--line); padding: 28px 0 40px; color: var(--mute); font-size: 13px; }
footer a { color: var(--mute); }