*{box-sizing:border-box}body{margin:0;color:#18362b;background:#f4f7f5;font:16px/1.8 system-ui,"Microsoft YaHei",sans-serif}a{color:#12664c;text-decoration:none}a:hover{text-decoration:underline}header{background:#103d2c;color:#fff;padding:24px max(20px,calc((100vw - 1120px)/2));border-bottom:5px solid #c4e970}header a{color:white;font-weight:700;font-size:22px}main{max-width:1120px;margin:auto;padding:36px 20px}h1{font-size:clamp(28px,4vw,46px);line-height:1.3;margin:12px 0}h2{line-height:1.5}p{overflow-wrap:anywhere}.intro{max-width:760px;color:#53685e}.eyebrow{font-weight:700;color:#12664c;letter-spacing:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.card{background:white;border:1px solid #d9e5dd;padding:24px;border-radius:12px;display:flex;flex-direction:column}.card h2{font-size:21px;margin:12px 0}.meta{color:#587063;font-size:14px}.card p{color:#53685e;flex:1}.tools{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}input,select{font:inherit;padding:12px;border:1px solid #afc6b6;border-radius:7px;background:white;max-width:100%}input{flex:1;min-width:200px}.article{max-width:800px;background:white;padding:36px;border:1px solid #d9e5dd;border-radius:12px}.article h2{font-size:24px;margin-top:36px}.article img{max-width:100%;height:auto}.article table{display:block;overflow:auto;border-collapse:collapse}.article td{padding:8px;border:1px solid #d9e5dd}.article p{white-space:pre-wrap}.count{margin:20px 0;color:#587063}footer{max-width:1120px;margin:auto;padding:30px 20px;color:#587063;border-top:1px solid #d9e5dd}:focus-visible{outline:3px solid #458c21;outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 16px}.article{padding:22px 18px}}