*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif;}
body{background:#87CEEB;color:#333;line-height:1.7;}
.container{width:1200px;max-width:100%;margin:0 auto;padding:0 15px;}
.header{background:#0f1623;color:#fff;padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.header h1{font-size:24px;font-weight:normal;}
.nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;}
.nav a{color:#fff;text-decoration:none;padding:8px 14px;border-radius:4px;transition:0.2s;}
.nav a:hover{background:#2a3d5a;}
.banner{height:320px;background:#87CEEB;color:#fff;display:grid;place-items:center;font-size:32px;font-weight:bold;letter-spacing:2px;}
.section{background:#fff;padding:50px 40px;margin:30px 0;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.04);}
.title{font-size:26px;margin-bottom:25px;color:#1e293b;border-left:5px solid #2563eb;padding-left:12px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px;}
.card{background:#f9fafb;padding:25px;border-radius:10px;border:1px solid #e5e7eb;transition:0.2s;}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,0.06);}
.card h3{color:#1e293b;margin-bottom:10px;}
.footer{background:#0f1623;color:#fff;padding:40px 0;text-align:center;margin-top:60px;}
.btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:10px;}
.form{max-width:700px;}
.form input,.form textarea{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:6px;font-size:14px;}
.form textarea{min-height:100px;resize:vertical;}
@media(max-width:768px){.grid{grid-template-columns:repeat(2,1fr);}.banner{height:220px;font-size:24px;}.section{padding:30px 20px;}}
@media(max-width:500px){.grid{grid-template-columns:1fr;}}