:root { color-scheme: dark; --bg:#071116; --panel:#102028; --text:#eef8f5; --muted:#9bb0aa; --accent:#25d799; --line:rgba(255,255,255,.09); }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 85% 0%,rgba(37,215,153,.13),transparent 32%),linear-gradient(180deg,#0a141a,var(--bg)); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC",Arial,sans-serif; line-height:1.7; }
a { color:#72e8bc; }
.shell { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:48px 0 70px; }
.hero { display:flex; align-items:center; gap:18px; padding-bottom:28px; border-bottom:1px solid var(--line); }
.logo { display:grid; place-items:center; width:72px; height:72px; border-radius:20px; background:linear-gradient(135deg,#25d799,#0b9c70); color:#063c2d; font-size:34px; font-weight:900; box-shadow:0 18px 45px rgba(37,215,153,.18); }
.eyebrow { margin:0; color:var(--accent); font-size:11px; font-weight:900; letter-spacing:.18em; }
h1 { margin:4px 0 0; font-size:34px; letter-spacing:-.03em; }
.updated { margin:5px 0 0; color:var(--muted); font-size:14px; }
section { margin-top:22px; padding:22px 24px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--panel); box-shadow:0 18px 45px rgba(0,0,0,.14); }
.notice { border-color:rgba(37,215,153,.25); background:rgba(37,215,153,.07); }
.notice strong { color:var(--accent); }
h2 { margin:0 0 10px; font-size:20px; }
h3 { margin:18px 0 4px; font-size:15px; color:#c9f6e6; }
p { margin:8px 0; color:#d8e7e2; }
ul,ol { margin:8px 0 0; padding-left:24px; color:#d8e7e2; }
footer { margin-top:28px; text-align:center; color:var(--muted); font-size:13px; }
@media (max-width:620px) { .shell{padding-top:28px}.hero{align-items:flex-start}.logo{width:58px;height:58px;border-radius:16px;font-size:28px}h1{font-size:27px}section{padding:18px} }