:root { color-scheme: light; --bg:#f6f7f4; --surface:#fff; --text:#202623; --muted:#66706a; --line:#dfe4df; --green:#2f8d61; --soft:#e2f1e7; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; line-height:1.8; }
a { color:#216c4a; }
.shell { width:min(100% - 36px,960px); margin:auto; }
header { border-bottom:1px solid var(--line); background:rgba(246,247,244,.94); }
.topbar { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:var(--text); font-size:20px; font-weight:800; letter-spacing:0; text-decoration:none; }
.brand span { color:var(--green); }
.topbar nav { display:flex; flex-wrap:wrap; gap:15px; font-size:14px; }
.topbar nav a { color:var(--muted); text-decoration:none; }
.topbar nav a:hover { color:var(--green); }
main { padding:68px 0 76px; }
.eyebrow { color:var(--green); font-size:13px; font-weight:800; letter-spacing:0; }
h1 { max-width:820px; margin:12px 0 16px; font-size:clamp(34px,5vw,52px); line-height:1.22; letter-spacing:0; }
h2 { margin:0 0 12px; font-size:23px; line-height:1.4; letter-spacing:0; }
.lead { max-width:760px; margin:0; color:var(--muted); font-size:17px; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:38px; }
.card { padding:22px; border:1px solid var(--line); background:var(--surface); }
.card p { margin:0; color:var(--muted); font-size:14px; }
.card ul { margin:8px 0 0; padding-left:20px; color:var(--muted); font-size:14px; }
.notice { margin-top:22px; padding:18px 20px; border-left:4px solid var(--green); background:var(--soft); color:#245d43; font-size:14px; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-flex; align-items:center; min-height:44px; padding:0 18px; background:var(--text); color:#fff; font-weight:800; text-decoration:none; }
.button.alt { border:1px solid var(--line); background:var(--surface); color:var(--text); }
.list { margin-top:36px; border-top:1px solid var(--line); }
.list article { padding:20px 0; border-bottom:1px solid var(--line); }
.list h2 { font-size:18px; }
.list p { margin:0; color:var(--muted); font-size:14px; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.footer { padding:24px 0 38px; display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }
@media (max-width:680px) { .shell { width:min(100% - 30px,560px); } .topbar { padding:14px 0; align-items:flex-start; flex-direction:column; } .topbar nav { gap:8px 14px; } main { padding:42px 0 54px; } .grid { grid-template-columns:1fr; gap:12px; margin-top:25px; } .lead { font-size:15px; } }