*{box-sizing:border-box}body{margin:0;background:#F5F2EA;color:#252B2D;font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.8}.top{background:#1C272B;padding:18px;display:flex;justify-content:space-between}.top a{color:#F5F2EA;text-decoration:none;margin:0 8px}main{max-width:1100px;margin:auto;padding:24px}.hero{background:#3F5F68;color:white;padding:40px;border-radius:18px}.hero img,.card img{max-width:100%;border-radius:12px}.card,article{background:#E9EEE9;padding:20px;margin:16px 0;border-radius:12px}h1{color:#3F5F68}h2{color:#1C272B}footer{padding:30px;text-align:center;background:#1C272B;color:white}@media(max-width:700px){.top{display:block}.hero{padding:20px}}