:root { color-scheme: dark; --bg:#071b13; --panel:#102b20; --text:#eef5ea; --muted:#a8b9aa; --line:rgba(222,239,215,.15); --accent:#c9e6a8; }
* { box-sizing:border-box; }
body { margin:0; color:var(--text); background:radial-gradient(circle at 85% 0,rgba(100,150,112,.16),transparent 35%),var(--bg); font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif; line-height:1.8; }
a { color:var(--accent); }
.shell { width:min(900px,calc(100% - 32px)); margin:0 auto; }
header { position:sticky; top:0; z-index:2; border-bottom:1px solid var(--line); background:rgba(7,27,19,.92); backdrop-filter:blur(14px); }
.nav { display:flex; align-items:center; justify-content:space-between; min-height:64px; }
.brand { color:var(--text); font-size:20px; font-weight:800; text-decoration:none; letter-spacing:.08em; }
.back { text-decoration:none; }
main { padding:54px 0 70px; }
.eyebrow { color:var(--accent); font-size:13px; letter-spacing:.16em; }
h1 { margin:6px 0 10px; font-size:clamp(30px,5vw,48px); line-height:1.25; }
.meta { margin-bottom:30px; color:var(--muted); font-size:13px; }
article { padding:clamp(20px,5vw,46px); border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(24,59,44,.82),rgba(11,35,25,.86)); box-shadow:0 22px 70px rgba(0,0,0,.22); }
h2 { margin:32px 0 8px; color:#f4f8f1; font-size:21px; }
h2:first-child { margin-top:0; }
h3 { margin:22px 0 6px; font-size:16px; }
p,li { color:#d2ddd1; }
li { margin:5px 0; }
.notice { margin:20px 0; padding:14px 16px; border-left:3px solid var(--accent); border-radius:8px; color:#dbe8d6; background:rgba(201,230,168,.07); }
.links { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:34px; padding-top:22px; border-top:1px solid var(--line); font-size:13px; }
footer { padding:26px 0 38px; color:var(--muted); font-size:12px; text-align:center; }