:root { color-scheme: dark; --paper:#111714; --white:#171f1b; --ink:#ece9df; --muted:#9aa59f; --line:rgba(236,233,223,.14); --green:#7fa991; --serif:"Songti SC","STSong","SimSun",serif; --sans:"PingFang SC","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:var(--paper); font-family:var(--sans); line-height:1.8; }
a { color:var(--green); text-underline-offset:3px; }
.wrap { width:min(820px,calc(100vw - 36px)); margin:0 auto; padding:30px 0 80px; }
.top { display:flex; flex-wrap:wrap; gap:16px 28px; align-items:center; justify-content:space-between; margin-bottom:70px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font:700 24px/1 var(--serif); text-decoration:none; }
.nav { display:flex; flex-wrap:wrap; gap:10px 18px; font-size:12px; }
.nav a { color:var(--muted); text-decoration:none; }
.nav a:hover { color:var(--green); }
h1 { margin:0 0 10px; font:700 clamp(34px,6vw,52px)/1.2 var(--serif); letter-spacing:-.04em; }
.meta { margin:0 0 48px; color:var(--muted); font-size:12px; }
h2 { margin:42px 0 12px; padding-top:18px; border-top:1px solid var(--line); font:700 22px/1.4 var(--serif); }
p,li { margin:0 0 12px; color:#bcc5c0; font-size:15px; }
ul { margin:0 0 18px; padding-left:1.3em; }
strong { color:var(--ink); }
.notice { margin:24px 0; padding:18px 20px; border-left:3px solid var(--green); background:var(--white); }
.note { margin-top:48px; padding:22px 0 0; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.list { border-top:1px solid var(--ink); }
.list a { display:flex; justify-content:space-between; padding:18px 4px; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; }
.list a::after { content:"→"; color:var(--green); }
.actions { margin-top:42px; display:flex; gap:10px; flex-wrap:wrap; }
.actions a { padding:10px 16px; border:1px solid var(--ink); color:var(--ink); text-decoration:none; }
.actions a:first-child { color:#0e1713; background:var(--green); border-color:var(--green); }
@media(max-width:600px){ .top{margin-bottom:48px}.nav{width:100%}h2{margin-top:34px}.wrap{padding-top:22px} }