*{box-sizing:border-box}body{margin:0;background:#fff9fa;color:#2f292c;font-family:Arial,"Microsoft Yahei",sans-serif}header{background:#241c22;color:#fff;padding:20px;display:flex;justify-content:space-between}a{color:#a63d57;text-decoration:none}header a{color:#fff;margin-right:16px}main{max-width:1100px;margin:auto;padding:30px}article,section{background:#f6ecef;padding:20px;margin:15px 0;border-radius:12px}img{max-width:100%}footer{padding:30px;text-align:center;background:#f6ecef}@media(max-width:700px){header{display:block}nav{margin-top:15px}main{padding:15px}}