*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background:#11141b;color:#eef1f5;line-height:1.7;}
a{text-decoration:none;color:#fff;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
header{background:#181c26;padding:1rem 0;position:sticky;top:0;z-index:99;}
.header-wrap{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:24px;font-weight:bold;color:#72d1ff;}
nav ul{display:flex;gap:32px;list-style:none;}
nav a:hover{color:#72d1ff;transition:0.3s;}
.banner{height:420px;background:linear-gradient(135deg,#151b27,#0d1016);display:flex;align-items:center;}
.banner-text h1{font-size:42px;margin-bottom:16px;}
.banner-text p{font-size:18px;color:#b4bcd0;max-width:620px;}
.btn{display:inline-block;margin-top:24px;padding:12px 32px;background:#2688cb;border-radius:4px;}
section{padding:70px 0;}
.title{text-align:center;font-size:32px;margin-bottom:48px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.card{background:#1b212d;padding:30px;border-radius:8px;}
.card h3{margin-bottom:12px;color:#72d1ff;}
footer{background:#0d1016;padding:40px 0;text-align:center;color:#8690a2;}