* {margin:0;padding:0;box-sizing:border-box;font-family:Microsoft Yahei;}
body {background:#f6f6f8;color:#333;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
header{background:#2b2b38;padding:20px 0;color:#fff;}
.header-wrap{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:24px;font-weight:600;letter-spacing:1px;}
nav a{color:#ddd;text-decoration:none;margin-left:26px;font-size:16px;}
.banner{background:#333342;color:#fff;padding:100px 0;text-align:center;}
.banner h1{font-size:40px;margin-bottom:14px;}
.section{padding:70px 0;}
.section-title{text-align:center;font-size:28px;color:#2b2b38;margin-bottom:40px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.box{background:#fff;padding:32px;border-radius:8px;box-shadow:0 3px 15px rgba(0,0,0,0.06);}
footer{background:#222;color:#999;text-align:center;padding:32px 0;margin-top:20px;}