:root{color-scheme:light;--ink:#193049;--paper:#f3f6f8;--green:#b9ef81}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 "Microsoft YaHei",system-ui,sans-serif}a{color:inherit}header{background:#0e1a2b;color:#fff;padding:24px max(6vw,20px) 42px}nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}nav a{text-decoration:none}header small{display:block;color:var(--green);margin-top:40px;letter-spacing:.12em}h1{font-size:clamp(28px,4vw,44px);line-height:1.3;margin:15px 0}header p{color:#c0ccda;max-width:720px}main{max-width:1100px;margin:32px auto;padding:0 20px 60px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.card{background:white;border:1px solid #dce4ea;border-radius:14px;padding:25px;overflow-wrap:anywhere}.card h2{font-size:23px;margin:8px 0}.meta{font-size:13px;color:#63768a}.card p{margin:8px 0;color:#52667b}input,button{font:inherit;min-height:46px;border-radius:8px}input{padding:10px 12px;border:1px solid #bccbd6;width:100%;min-width:0;background:white;color:var(--ink)}button{border:0;background:var(--ink);color:white;padding:10px 18px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}form{display:grid;gap:10px;margin-top:18px}label{display:grid;gap:6px;font-size:14px}.message{min-height:26px;font-size:14px;color:#52667b}.narrow{max-width:540px;margin:0 auto}.toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:24px}.quiet{background:#e7edf1;color:var(--ink)}.resource{display:block;text-decoration:none;border:1px solid #dce4ea;border-radius:12px;padding:22px;background:white}.resource:hover{border-color:#709c62}.resource h3{margin:4px 0;font-size:19px}.resource p{font-size:14px;color:#52667b;margin:8px 0}.arrow{display:block;margin-top:15px;color:#38683b}details{margin-top:30px}summary{cursor:pointer}footer{text-align:center;padding:24px;font-size:13px;color:#63768a}[hidden]{display:none!important}:focus-visible{outline:3px solid #699bcb;outline-offset:3px}@media(max-width:520px){header{padding-bottom:25px}header small{margin-top:25px}.card{padding:20px}main{margin-top:22px}}