:root {
  --c1:#0a0e27; --c2:#1a1145; --c3:#0f1a3d;
  --accent:#00C2FF; --accent2:#6AFFE8;
  --fg:#eef3ff; --fg2:#b6c2e6; --glass:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:radial-gradient(ellipse at top,#141a4b 0%,var(--c1) 50%,var(--c2) 100%);color:var(--fg);font-family:-apple-system,"PingFang SC","Microsoft YaHei",Segoe UI,sans-serif;line-height:1.7;min-height:100vh}
a{color:var(--accent2);text-decoration:none}
img{max-width:100%;display:block;border-radius:8px}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
/* TOP */
.topbar{background:rgba(10,14,39,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1240px;margin:0 auto}
.logo{font-size:20px;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent;letter-spacing:1px}
nav ul{display:flex;gap:22px;list-style:none;flex-wrap:wrap}
nav a{color:var(--fg);font-size:14px;opacity:.85;transition:.25s}
nav a:hover{opacity:1;color:var(--accent2)}
.search-wrap{position:relative}
.search-wrap input{background:var(--glass);border:1px solid var(--border);color:var(--fg);padding:8px 14px;border-radius:22px;width:180px;outline:none;font-size:13px}
.search-status{position:absolute;top:42px;left:0;right:0;background:var(--c3);border:1px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--accent2);display:none;box-shadow:0 8px 26px rgba(0,0,0,.4)}
/* Crumb */
.crumb{padding:14px 0;font-size:13px;color:var(--fg2)}
.crumb a{color:var(--fg2)} .crumb a:hover{color:var(--accent2)}
/* Hero */
.hero{padding:70px 0 50px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(var(--accent-rgb,88,139,249),.25),transparent 55%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:34px;line-height:1.25;background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;color:transparent;font-weight:800}
.hero p.sub{margin-top:18px;color:var(--fg2);font-size:16px}
.cta-row{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 26px;border-radius:30px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.25s}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#0a0e27}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.btn-ghost{border-color:var(--border);color:var(--fg)}
.btn-ghost:hover{border-color:var(--accent2);color:var(--accent2)}
.hero-img{border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.5);aspect-ratio:16/10;background:#000}
.hero-img img{width:100%;height:100%;object-fit:cover;border-radius:0}
/* Ticker */
.ticker{background:rgba(255,255,255,.04);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:12px 0;margin-top:30px;white-space:nowrap}
.ticker-track{display:inline-flex;gap:46px;animation:scroll 38s linear infinite;padding-left:100%}
.tk{font-size:14px;color:var(--fg);opacity:.9}
.tk .up{color:#16e08c} .tk .dn{color:#ff5b6e}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:60px 0}
.stat{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:26px;backdrop-filter:blur(10px);text-align:center}
.stat .num{font-size:32px;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}
.stat .lb{color:var(--fg2);font-size:13px;margin-top:6px}
/* Section */
section.block{margin:60px 0}
section.block h2{font-size:26px;margin-bottom:28px;display:flex;align-items:center;gap:12px}
section.block h2::before{content:"";width:5px;height:22px;background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:3px}
section.block h4,section.block h5,section.block h6{color:var(--accent2);margin:12px 0 6px;font-weight:600}
/* News */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news-card{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:22px;transition:.3s}
.news-card:hover{border-color:var(--accent2);transform:translateY(-4px)}
.news-card .tag{display:inline-block;padding:3px 10px;border-radius:12px;background:rgba(255,255,255,.08);font-size:11px;color:var(--accent2);margin-bottom:12px}
.news-card h3{font-size:17px;line-height:1.4;margin-bottom:10px}
.news-card p{font-size:13px;color:var(--fg2)}
/* Video */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.video-card{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#000;position:relative;aspect-ratio:16/10}
.video-card img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:.4s}
.video-card:hover img{opacity:1;transform:scale(1.04)}
.video-card .play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 8px #000}
.video-card .play .tr{width:66px;height:66px;border-radius:50%;background:rgba(0,0,0,.5);border:2px solid var(--accent2);display:flex;align-items:center;justify-content:center;font-size:24px;backdrop-filter:blur(6px)}
.video-card .play .title{margin-top:10px;font-size:14px;font-weight:600}
.video-card .play .dur{font-size:12px;color:var(--fg2)}
/* Testimonials */
.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ts{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:22px}
.ts p{font-size:14px;color:var(--fg2);line-height:1.8}
.ts .u{margin-top:14px;font-size:13px;color:var(--accent2);font-weight:600}
/* Article */
article.post{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:38px;backdrop-filter:blur(10px);margin-top:24px}
article.post h1{font-size:28px;margin-bottom:20px;background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;color:transparent}
article.post h2{font-size:20px;margin:28px 0 12px;color:var(--accent2)}
article.post h3{font-size:17px;margin:20px 0 8px}
article.post p{color:var(--fg2);margin:12px 0;font-size:15px;line-height:1.9}
article.post ul{margin:12px 0 12px 26px;color:var(--fg2)}
article.post img{margin:20px 0;border-radius:14px}
article.post blockquote{border-left:3px solid var(--accent);padding-left:18px;margin:18px 0;color:var(--fg);font-style:italic}
/* Footer */
footer{margin-top:80px;border-top:1px solid var(--border);padding:40px 0 24px;background:rgba(0,0,0,.25)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.foot h4{color:var(--accent2);font-size:14px;margin-bottom:14px}
.foot p,.foot a{color:var(--fg2);font-size:13px;display:block;margin:6px 0}
.foot a:hover{color:var(--accent2)}
.copy{border-top:1px solid var(--border);margin-top:32px;padding-top:18px;text-align:center;color:var(--fg2);font-size:12px}
/* animations */
.fade-in{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.fade-in.visible{opacity:1;transform:none}
/* responsive */
@media (max-width:900px){
  .hero-grid,.news-grid,.video-grid,.ts-grid,.foot{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  nav ul{display:none}
  .hero h1{font-size:26px}
  .topbar .inner{flex-wrap:wrap;gap:10px}
  .search-wrap input{width:100%}
}