*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Microsoft YaHei,Arial;background:#08111f;color:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1280px,95%);margin:auto}
.top{background:#020817;padding:10px 0;color:#cbd5e1;font-size:14px}
.header{background:#0b1730;border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-size:34px;font-weight:900;color:#38bdf8}
.logo b{color:#fff}
.menu{display:flex;gap:18px}
.hero{padding:70px 0;background:linear-gradient(135deg,#08111f,#0f2f56)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero h1{font-size:58px;line-height:1.1;margin-bottom:20px}
.hero p{font-size:18px;color:#cbd5e1;line-height:1.9}
.btns{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}
.btn{background:#38bdf8;color:#08111f;padding:13px 22px;border-radius:999px;font-weight:800}
.btn.alt{background:rgba(255,255,255,.12);color:#fff}
.hero img,.banner{width:100%;border-radius:24px}
.section{padding:70px 0}
.title{text-align:center;margin-bottom:36px}
.title h2{font-size:38px;margin-bottom:10px}
.title p{color:#94a3b8}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#101b30;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden}
.card img{width:100%;height:220px;object-fit:cover}
.card .pad{padding:18px}
.tag{display:inline-block;background:rgba(56,189,248,.15);color:#7dd3fc;padding:5px 12px;border-radius:999px;font-size:12px}
.card h3{margin:14px 0 10px}
.card p{color:#b6c3d4;line-height:1.8;font-size:14px}
.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.count-card{background:linear-gradient(135deg,#0f1f37,#111827);padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08)}
.count-card h3{margin:14px 0 10px}
.count-card p{color:#94a3b8;line-height:1.7;margin-bottom:18px}
.time{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.time div{background:rgba(0,0,0,.25);padding:10px;border-radius:14px;text-align:center}
.time b{display:block;color:#7dd3fc;font-size:24px}
.time span{font-size:12px;color:#cbd5e1}
.news{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.news-item{background:#101b30;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}
.news-item h3{margin:10px 0}
.news-item p{color:#b6c3d4;line-height:1.8}
.footer{background:#020817;padding:35px 0;text-align:center;color:#94a3b8;margin-top:50px}
.page-hero{padding:80px 0;background:linear-gradient(135deg,#08111f,#12345c)}
.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.article{background:#101b30;padding:26px;border-radius:22px;border:1px solid rgba(255,255,255,.08)}
.article h2{margin-bottom:12px}
.article p,.article li{line-height:1.9;color:#cbd5e1}
.article ul{padding-left:18px}
.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.linkbox{background:#101b30;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.linkbox h3{margin-bottom:10px;color:#7dd3fc}
.linkbox a{display:block;color:#fff;margin:8px 0}
@media(max-width:900px){
.hero-grid,.page-grid,.grid,.count-grid,.news,.links-grid{grid-template-columns:1fr}
.hero h1{font-size:40px}
.menu{display:none}
}