body{margin:0;background:#f6f8f4;color:#203028;font:16px/1.8 system-ui,"Microsoft YaHei",sans-serif}main{max-width:900px;margin:auto;padding:36px 22px 70px}header{border-bottom:1px solid #dce3d8;padding-bottom:25px}h1{font-size:clamp(28px,5vw,42px);line-height:1.3;margin:12px 0}h2{font-size:23px;margin-top:30px}h3{font-size:18px;margin:0 0 7px}p{margin:8px 0}a{color:#275f28;text-underline-offset:3px}.tag{display:inline-block;border:1px solid #adc594;border-radius:20px;padding:3px 14px;background:#edf6e5}.note{border-left:4px solid #b88a30;background:#fff8e9;padding:16px 20px;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.card{background:white;border:1px solid #dce3d8;border-radius:14px;padding:22px}li{margin:8px 0}small{color:#526050}code{overflow-wrap:anywhere}footer{margin-top:36px;border-top:1px solid #dce3d8;padding-top:20px}@media print{body{background:white}main{padding:0}.card{break-inside:avoid}}