*{box-sizing:border-box}body{margin:0;background:#F5F2EA;color:#252B2D;font-family:Arial,"Microsoft YaHei",sans-serif}header{background:#1C272B;padding:18px 5%;display:flex;justify-content:space-between}header a{color:#F5F2EA;text-decoration:none;margin-right:18px}main{max-width:1100px;margin:auto;padding:30px}.hero{background:#E9EEE9;padding:25px;border-radius:16px}.hero img,article img{max-width:100%;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}article{background:#fff;padding:20px;border-radius:12px}.post{margin:15px 0}footer{padding:30px;background:#1C272B;color:white;text-align:center}@media(max-width:700px){header{display:block}.grid{grid-template-columns:1fr}main{padding:15px}}