*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif !important;}
body{
  background:#111827;
  color:#e5e7eb;
  line-height:1.8;
  background-image:
    linear-gradient(rgba(6,182,212,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,182,212,.055) 1px, transparent 1px);
  background-size:44px 44px;
}
a{color:#06b6d4;text-decoration:none;}
a:hover{color:#67e8f9;}
img{max-width:100%;display:block;}
h1,h2,h3,h4{font-family:inherit;line-height:1.4;}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px;}

/* Header */
.site-header{
  position:sticky;top:0;z-index:99;
  background:rgba(17,24,39,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(6,182,212,.35);
  box-shadow:0 0 22px rgba(6,182,212,.16);
}
.header-inner{
  max-width:1180px;margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
.logo{
  font-size:20px;font-weight:700;letter-spacing:1px;
  color:#06b6d4;text-shadow:0 0 12px rgba(6,182,212,.65);
  display:flex;align-items:center;gap:8px;
}
.logo span.dot{width:9px;height:9px;border-radius:50%;background:#06b6d4;box-shadow:0 0 10px #06b6d4;}
.nav-links{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;}
.nav-links a{
  font-size:14.5px;color:#cbd5e1;padding:6px 2px;position:relative;transition:.25s;
}
.nav-links a:hover{color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.8);}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#06b6d4;transition:.3s;
}
.nav-links a:hover::after{width:100%;}

/* Sections */
section{padding:58px 0;}
.sec-title{
  font-size:26px;color:#f3f4f6;margin-bottom:10px;
  display:flex;align-items:center;gap:12px;
}
.sec-title::before{
  content:"";width:5px;height:24px;border-radius:3px;
  background:linear-gradient(180deg,#06b6d4,#0e7490);box-shadow:0 0 12px rgba(6,182,212,.8);
}
.sec-sub{color:#94a3b8;font-size:14.5px;margin-bottom:30px;}

/* Hero */
#hero{
  padding:70px 0 56px;
  border-bottom:1px solid rgba(6,182,212,.18);
  background:radial-gradient(circle at 15% 10%, rgba(6,182,212,.16), transparent 55%);
}
#hero h1{
  font-size:clamp(24px,4vw,40px);
  color:#f9fafb;letter-spacing:.5px;margin-bottom:18px;
  text-shadow:0 0 26px rgba(6,182,212,.35);
}
#hero h1 em{color:#06b6d4;font-style:normal;text-shadow:0 0 18px rgba(6,182,212,.85);}
#geo-intro{
  border:1px solid rgba(6,182,212,.4);
  border-radius:14px;
  padding:24px 26px;
  background:rgba(17,24,39,.72);
  box-shadow:0 0 26px rgba(6,182,212,.14), inset 0 0 30px rgba(6,182,212,.05);
  margin-bottom:26px;
}
#geo-intro p{color:#cbd5e1;font-size:15.5px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;}
.btn{
  display:inline-block;padding:12px 26px;border-radius:10px;font-size:15px;font-weight:600;
  border:1px solid #06b6d4;transition:.25s;cursor:pointer;
}
.btn-primary{
  background:linear-gradient(135deg,#06b6d4,#0891b2);color:#04222b;
  box-shadow:0 0 22px rgba(6,182,212,.55);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 32px rgba(6,182,212,.9);color:#04222b;}
.btn-ghost{background:transparent;color:#67e8f9;}
.btn-ghost:hover{background:rgba(6,182,212,.14);color:#a5f3fc;}

/* Grid cards */
.grid{display:grid;gap:20px;}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.g4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
.card{
  position:relative;
  border:1px solid rgba(6,182,212,.35);
  border-radius:14px;
  padding:22px 22px 20px;
  background:rgba(15,23,42,.78);
  box-shadow:0 0 18px rgba(6,182,212,.1), inset 0 0 24px rgba(6,182,212,.04);
  transition:.3s;
  overflow:hidden;
}
.card::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(6,182,212,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,182,212,.05) 1px, transparent 1px);
  background-size:26px 26px;pointer-events:none;opacity:.7;
}
.card:hover{
  border-color:#06b6d4;
  box-shadow:0 0 30px rgba(6,182,212,.4), inset 0 0 30px rgba(6,182,212,.08);
  transform:translateY(-4px);
}
.card h3{font-size:17.5px;color:#e0f2fe;margin-bottom:10px;position:relative;}
.card p{font-size:14.5px;color:#a8b6c8;position:relative;}
.card .ico{font-size:24px;margin-bottom:10px;display:block;}

/* Stats */
.stat{
  text-align:center;padding:26px 14px;border-radius:14px;
  border:1px solid rgba(6,182,212,.35);
  background:rgba(15,23,42,.78);
  box-shadow:0 0 18px rgba(6,182,212,.1);
}
.stat b{
  display:block;font-size:32px;color:#06b6d4;letter-spacing:1px;
  text-shadow:0 0 18px rgba(6,182,212,.7);
}
.stat span{font-size:14px;color:#94a3b8;}

/* News */
.news-list{display:grid;gap:18px;}
.news-item{
  border:1px solid rgba(6,182,212,.28);
  border-left:3px solid #06b6d4;
  border-radius:12px;
  padding:20px 22px;
  background:rgba(15,23,42,.72);
  transition:.3s;
}
.news-item:hover{
  border-color:#06b6d4;border-left-color:#67e8f9;
  box-shadow:0 0 24px rgba(6,182,212,.28);
  transform:translateX(4px);
}
.news-item h3{font-size:17px;color:#e0f2fe;margin-bottom:8px;}
.news-item p{font-size:14.5px;color:#a8b6c8;}
.news-meta{font-size:13px;color:#06b6d4;margin-bottom:8px;letter-spacing:.5px;}

/* Reviews */
.review{
  border:1px solid rgba(6,182,212,.3);border-radius:14px;padding:22px;
  background:rgba(15,23,42,.7);
}
.review p{color:#cbd5e1;font-size:14.5px;}
.review .who{margin-top:14px;color:#06b6d4;font-size:13.5px;letter-spacing:.5px;}

/* FAQ */
.faq-item{
  border:1px solid rgba(6,182,212,.3);
  border-radius:12px;
  margin-bottom:14px;
  background:rgba(15,23,42,.72);
  overflow:hidden;
}
.faq-q{
  padding:16px 20px;font-size:15.5px;font-weight:600;color:#a5f3fc;
  display:flex;gap:10px;align-items:flex-start;
  border-bottom:1px dashed rgba(6,182,212,.22);
}
.faq-q .qmark{color:#06b6d4;font-weight:700;}
.faq-a{padding:16px 20px;font-size:14.5px;color:#a8b6c8;}

/* Highlights */
.hl-card{display:flex;gap:16px;align-items:flex-start;}
.hl-card img{width:88px;height:88px;object-fit:cover;border-radius:12px;border:1px solid rgba(6,182,212,.45);flex-shrink:0;}

/* Table */
.score-table{width:100%;border-collapse:collapse;font-size:14.5px;}
.score-table th,.score-table td{
  padding:12px 14px;text-align:left;border-bottom:1px solid rgba(6,182,212,.18);
}
.score-table th{color:#67e8f9;font-weight:600;background:rgba(6,182,212,.08);}
.score-table td{color:#cbd5e1;}
.score-table tr:hover td{background:rgba(6,182,212,.07);}

/* Story */
.story-box{
  border:1px solid rgba(6,182,212,.35);border-radius:16px;padding:30px;
  background:linear-gradient(135deg, rgba(6,182,212,.09), rgba(15,23,42,.85));
  box-shadow:0 0 28px rgba(6,182,212,.14);
}
.story-box p{color:#b6c4d4;font-size:15px;margin-bottom:12px;}

/* CTA */
#cta .cta-box{
  text-align:center;border:1px solid #06b6d4;border-radius:18px;padding:46px 26px;
  background:radial-gradient(circle at 50% 0%, rgba(6,182,212,.24), rgba(17,24,39,.9));
  box-shadow:0 0 40px rgba(6,182,212,.3);
}
#cta h2{font-size:26px;color:#f0fdfe;margin-bottom:12px;}
#cta p{color:#94a3b8;font-size:15px;margin-bottom:22px;}

/* Footer */
.site-footer{
  border-top:1px solid rgba(6,182,212,.35);
  background:rgba(9,14,24,.95);
  padding:42px 0 24px;margin-top:20px;
}
.footer-grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.footer-grid h4{color:#67e8f9;font-size:16px;margin-bottom:14px;}
.footer-grid p,.footer-grid li{color:#94a3b8;font-size:14px;list-style:none;margin-bottom:8px;}
.footer-grid a{color:#94a3b8;}
.footer-grid a:hover{color:#06b6d4;}
.footer-bottom{
  margin-top:28px;padding-top:18px;border-top:1px solid rgba(6,182,212,.18);
  text-align:center;color:#64748b;font-size:13px;line-height:2;
}
@media (max-width:640px){
  section{padding:40px 0;}
  .hl-card{flex-direction:column;}
  .hl-card img{width:100%;height:150px;}
}