*{box-sizing:border-box}body{margin:0;background:#F5F2EA;color:#252B2D;font-family:Arial,"Microsoft YaHei",sans-serif}header{background:#1C272B;color:#fff;padding:20px;display:flex;justify-content:space-between}a{color:inherit;text-decoration:none}main{max-width:1200px;margin:auto;padding:24px}section,.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}article{background:#E9EEE9;padding:18px;border-radius:12px}img{max-width:100%;border-radius:8px}footer{padding:30px;text-align:center;background:#1C272B;color:#fff}@media(max-width:600px){header{display:block}main{padding:15px}}