*{box-sizing:border-box}body{margin:0;color:#18392e;background:#f5f4ee;font:17px/1.7 system-ui,"Microsoft YaHei",sans-serif}a{color:#175f4c;text-underline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding:28px}header{border-bottom:1px solid #ccd6ca}header a{font-weight:700;letter-spacing:2px;text-decoration:none}h1{font-size:clamp(30px,4.8vw,55px);line-height:1.2;margin:28px 0 16px}h2{font-size:25px;margin:30px 0 12px}h3{margin:0;font-size:20px}p{max-width:900px}small,.en{color:#52695e;font-size:14px}.en{display:block;margin:5px 0 12px}nav{display:flex;gap:18px;flex-wrap:wrap}.intro{font-size:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:#fff;border:1px solid #d6dfd1;border-radius:6px;padding:22px}.code{font-size:13px;font-weight:bold;letter-spacing:2px;color:#687b52}input{width:100%;font:inherit;padding:14px;border:1px solid #879e89;border-radius:4px;margin:15px 0 28px}ol,ul{padding-left:25px}li{margin:10px 0}.count{font-size:30px;font-weight:700}.stats{display:flex;gap:36px;flex-wrap:wrap;margin:32px 0}.article{max-width:850px;margin:auto;background:white;padding:30px}.article img{max-width:100%;height:auto}table{border-collapse:collapse;width:100%}th,td{padding:10px;border:1px solid #ddd;text-align:left}footer{font-size:13px;color:#66765c}@media(max-width:600px){header,main,footer{padding:20px}.article{padding:16px}}