*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Microsoft YaHei,Arial,sans-serif;color:#333;line-height:1.8}
header{background:#1565c0}
nav{max-width:1200px;margin:auto;padding:15px}
nav a{color:#fff;text-decoration:none;margin-right:22px}
.hero{background:#eef6ff;padding:90px 20px;text-align:center}
.hero h1{font-size:48px}
.container{max-width:1200px;margin:auto;padding:50px 20px}
.banner{height:320px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:25px}
.card{border:1px solid #ddd;border-radius:10px;padding:22px}
.footer{background:#111;color:#ddd;text-align:center;padding:30px;margin-top:40px}
.footer a{color:#fff}