*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Microsoft YaHei,Arial,sans-serif;color:#333;line-height:1.8}
header{background:#0b4ea2;position:sticky;top:0}
nav{max-width:1200px;margin:auto;padding:15px}
nav a{color:#fff;text-decoration:none;margin-right:25px}
.hero{padding:100px 20px;text-align:center;background:#eef5ff}
.hero h1{font-size:48px}
.container{max-width:1200px;margin:auto;padding:60px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{border:1px solid #ddd;border-radius:10px;padding:25px;background:#fff}
.section-title{margin-bottom:25px;font-size:32px}
.footer{background:#111;color:#ddd;text-align:center;padding:30px}
.footer a{color:#fff}
.banner{width:100%;height:320px;background:#dfeafb;border-radius:10px;display:flex;align-items:center;justify-content:center}