:root { --paper:#fbfbfa; --surface:#fff; --ink:#141414; --muted:#6e6e6a; --rule:#ececea; --accent:#2f6b4f; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
main { width:min(860px,calc(100% - 40px)); margin:48px auto 80px; background:var(--surface); border:1px solid var(--rule); border-radius:14px; padding:44px; }
a { color:var(--accent); }
.back { display:inline-block; color:var(--muted); font-size:13px; text-decoration:none; margin-bottom:26px; }
.back:hover { color:var(--accent); }
h1 { font-size:30px; line-height:1.25; margin:0 0 6px; }
h2 { font-size:20px; margin:34px 0 10px; }
h3 { font-size:16px; margin:22px 0 6px; }
p, li { color:#30302e; }
ul { padding-left:22px; }
.meta, .notice { color:var(--muted); font-size:13px; }
.notice { background:#f3f3f1; border-radius:9px; padding:12px 14px; margin:22px 0; }
.warning { color:#9f2f2d; font-weight:600; }
@media (max-width:600px) { main { width:calc(100% - 24px); margin:12px auto 36px; padding:24px; } h1 { font-size:26px; } }