*{box-sizing:border-box}body{margin:0;background:#F5F2EA;color:#252B2D;font-family:Arial,"Microsoft YaHei",sans-serif}header{background:#1C272B;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center}a{color:inherit;text-decoration:none;margin:0 8px}.logo{color:#C7A96B;font-size:24px;font-weight:bold}main{max-width:1100px;margin:auto;padding:32px}h1{color:#3F5F68}section,.item{background:#E9EEE9;padding:20px;margin:20px 0;border-radius:12px}img{max-width:100%;border-radius:12px}footer{background:#1C272B;color:#fff;padding:24px;text-align:center}@media(max-width:700px){header{display:block}main{padding:18px}nav{margin-top:12px}}