/* ===== 基础重置 ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;line-height:1.7;color:#e0e0e0;background:#0a0a14;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

/* ===== 顶部导航（含移动端汉堡） ===== */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(10,10,20,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,212,255,0.12);}
.nav-wrap{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{font-size:20px;font-weight:800;letter-spacing:1px;color:#00d4ff;white-space:nowrap;}
.brand small{display:block;font-size:10px;font-weight:400;color:#667;letter-spacing:2px;}
.nav-links{display:flex;gap:4px;align-items:center;}
.nav-links a{padding:8px 12px;font-size:14px;color:#aab;border-radius:6px;transition:.25s;white-space:nowrap;}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#00d4ff;background:rgba(0,212,255,0.08);}
.nav-toggle{display:none;background:none;border:1px solid #334;color:#00d4ff;font-size:20px;padding:6px 12px;border-radius:6px;cursor:pointer;}

/* ===== 通用容器与区块 ===== */
.container{max-width:1240px;margin:0 auto;padding:0 24px;}
.section{padding:72px 0;}
.section-title{font-size:30px;font-weight:800;color:#fff;margin-bottom:12px;}
.section-title em{color:#00d4ff;font-style:normal;}
.section-sub{color:#889;font-size:15px;margin-bottom:40px;max-width:760px;}

/* ===== 英雄区 ===== */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;background-size:cover;background-position:center;background-color:#0a0a14;}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,30,0.9) 0%,rgba(20,10,50,0.72) 100%);}
.hero .container{position:relative;z-index:2;padding-top:80px;padding-bottom:80px;}
.hero h1{font-size:52px;line-height:1.15;font-weight:900;max-width:820px;margin-bottom:22px;}
.hero h1 em{color:#00d4ff;font-style:normal;}
.hero .lead{font-size:18px;color:#bcc;max-width:680px;margin-bottom:36px;line-height:1.8;}
.btn-group{display:flex;gap:16px;flex-wrap:wrap;}
.btn{display:inline-block;padding:14px 36px;border-radius:6px;font-weight:700;font-size:15px;transition:.25s;}
.btn-primary{background:#00d4ff;color:#061018;}
.btn-primary:hover{background:#fff;transform:translateY(-2px);}
.btn-ghost{border:1px solid #00d4ff;color:#00d4ff;}
.btn-ghost:hover{background:#00d4ff;color:#061018;}

/* ===== 数据条 ===== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px;padding-top:36px;border-top:1px solid rgba(255,255,255,0.1);}
.stat b{display:block;font-size:34px;font-weight:900;color:#00d4ff;}
.stat span{font-size:13px;color:#889;}

/* ===== 卡片网格 ===== */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;}
.card{background:#12121e;border:1px solid #1e2230;border-radius:12px;overflow:hidden;transition:.3s;}
.card:hover{transform:translateY(-6px);border-color:rgba(0,212,255,0.4);}
.card img{width:100%;height:210px;object-fit:cover;background:#1a1a2a;}
.card-body{padding:24px;}
.card-body h3{font-size:19px;color:#fff;margin-bottom:10px;}
.card-body p{font-size:14px;color:#99a;line-height:1.8;}

/* ===== 图文左右布局 ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.split img{border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.5);}
.split .txt h2{font-size:28px;color:#00d4ff;margin-bottom:18px;}
.split .txt p{color:#99a;font-size:15px;line-height:1.9;margin-bottom:14px;}

/* ===== 列表型长文 ===== */
.prose{max-width:820px;color:#aab;font-size:15px;line-height:2;}
.prose h2{font-size:24px;color:#fff;margin:36px 0 14px;padding-left:14px;border-left:4px solid #00d4ff;}
.prose h3{font-size:18px;color:#00d4ff;margin:24px 0 10px;}
.prose p{margin-bottom:14px;}
.prose ul{margin:10px 0 18px 22px;list-style:disc;}
.prose li{margin-bottom:8px;}

/* ===== 页脚 ===== */
.site-footer{background:#07070f;border-top:1px solid #161a26;padding:56px 0 32px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px;}
.footer-grid h4{color:#fff;font-size:15px;margin-bottom:16px;}
.footer-grid a,.footer-grid p{display:block;color:#667;font-size:13px;margin-bottom:10px;line-height:1.7;}
.footer-grid a:hover{color:#00d4ff;}
.footer-bottom{border-top:1px solid #161a26;padding-top:24px;text-align:center;color:#445;font-size:12px;}

/* ===== 面包屑 ===== */
.crumb{font-size:13px;color:#667;padding:16px 0;}
.crumb a{color:#889;}
.crumb a:hover{color:#00d4ff;}

/* ===== 移动端 ===== */
@media(max-width:900px){
  .nav-toggle{display:block;}
  .nav-links{position:fixed;top:68px;left:0;right:0;background:#0c0c18;flex-direction:column;align-items:stretch;padding:12px;gap:2px;border-bottom:1px solid #1e2230;display:none;max-height:calc(100vh - 68px);overflow-y:auto;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:12px 16px;font-size:15px;}
  .hero h1{font-size:34px;}
  .hero .lead{font-size:16px;}
  .stats{grid-template-columns:repeat(2,1fr);gap:20px;}
  .stat b{font-size:26px;}
  .split{grid-template-columns:1fr;gap:28px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .section{padding:48px 0;}
  .section-title{font-size:24px;}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr;}
  .hero h1{font-size:28px;}
}