:root{--bg:#0e1525;--fg:#e9eef7;--mt:#9aa4b2;--b1:#3fa9f5;--b2:#00c6ae;--gs:rgba(255,255,255,.06);--st:rgba(255,255,255,.12);--r:16px;--sh:0 30px 80px rgba(0,0,0,.55);--logoH:40px}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Noto Sans","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--fg);overflow-x:hidden}
a{color:inherit;text-decoration:none}

.nv{position:fixed;inset:0 0 auto 0;height:76px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 22px;backdrop-filter:saturate(140%) blur(12px);background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.35) 70%,transparent);border-bottom:1px solid rgba(255,255,255,.06)}
.bd{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.3px}
.bd img{height:var(--logoH);width:auto;border-radius:6px;display:block}
.pl{font-size:12px;letter-spacing:.3px;color:#c7d1e2;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border-radius:999px;padding:8px 12px;display:flex;gap:8px;align-items:center}

.hr{position:relative;min-height:98vh;display:grid;place-items:center;padding:110px 22px 90px;isolation:isolate;overflow:hidden;perspective:1200px;background:#020b1a}
.bg{position:absolute;inset:0;z-index:-3}
.fx{position:absolute;inset:-30% -10% -30% -10%;z-index:-2;pointer-events:none;background:radial-gradient(800px 800px at 60% 40%,rgba(63,169,245,.12),rgba(0,198,174,.08) 35%,transparent 70%)}

.w{width:min(1140px,92vw);margin:0 auto}
.hi{will-change:transform}
.ht{position:relative;font-size:clamp(32px,6vw,68px);margin:0 0 14px;font-weight:1000;line-height:1.05;letter-spacing:.2px;color:#eef3ff;opacity:.92;transform:translate3d(0,0,0)}
.ht::before{content:attr(data-t);position:absolute;inset:0;filter:blur(12px);opacity:.34;color:#b9d6ff;z-index:-1}
.sb{max-width:820px;font-size:clamp(15px,1.7vw,18px);color:#c5cfde;line-height:1.85;margin:0;opacity:.96;transform:translate3d(0,0,0)}
.bgx{font-size:12px;color:#9fb0c8;margin-top:14px;opacity:.95}

.ct{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.bt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));font-weight:900;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease;transform:translate3d(0,0,0)}
.bt::after{content:"";position:absolute;inset:-2px;border-radius:16px;background:radial-gradient(140px 80px at var(--mx,50%) var(--my,50%),rgba(63,169,245,.35),rgba(0,198,174,.25),transparent 70%);opacity:0;transition:opacity .18s ease}
.bt:hover{transform:translateZ(0) scale(1.03);border-color:rgba(63,169,245,.45);box-shadow:0 10px 30px rgba(63,169,245,.35)}
.bt:hover::after{opacity:1}

.sc{padding:60px 22px}
.h2{font-size:clamp(22px,2.8vw,32px);margin:0 0 18px;font-weight:1000}
.gr{display:grid;gap:18px}
.cd{border:1px solid var(--st);border-radius:16px;background:var(--gs);padding:20px;box-shadow:var(--sh);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.cd:hover{transform:translateY(-3px);border-color:rgba(63,169,245,.35)}
.tg{font-size:12px;color:#a8b3c4;letter-spacing:.3px}
.tt{font-size:20px;font-weight:1000;margin:6px 0 8px}
.ds{font-size:15px;color:#c0c9d8;line-height:1.75;margin:0}
.ly{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.ap{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.st{min-height:auto;border:none;background:none;border-radius:0;box-shadow:none;display:grid;place-items:center;position:relative}
.st::before{content:"";position:absolute;inset:0 10% 4% 10%;pointer-events:none;background:radial-gradient(44% 34% at 50% 66%,rgba(80,160,255,.18),transparent 70%);filter:blur(26px);z-index:0}
.st img{max-width:96%;max-height:96%;object-fit:contain;opacity:.96;transform:translateY(12px);position:relative;z-index:1}

.gi{grid-template-columns:1.1fr .9fr;gap:20px}
.more{padding:60px 22px 64px}
.more .w{display:flex;flex-direction:column;align-items:center;gap:12px}
.more .bt{min-width:260px}
.hint{font-size:12px;color:#9fb0c8;opacity:.9;text-align:center}

.ft{padding:46px 22px 70px;color:#8a94a7;border-top:1px solid rgba(255,255,255,.06)}
.ft .w{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}

.rv{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.rv.on{opacity:1;transform:none}

.cur{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(140px 140px at 50% 50%,rgba(80,160,255,.18),rgba(0,198,174,.12),transparent 70%);filter:blur(22px);opacity:.9;transform:translate(-50%,-50%);z-index:30;display:none}
.dot{position:fixed;width:10px;height:10px;border-radius:50%;background:#cde8ff;box-shadow:0 0 18px rgba(120,190,255,.9);transform:translate(-50%,-50%);pointer-events:none;z-index:31;display:none}
body.hc{cursor:none}

@media (max-width:640px){
  .st{display:none}
  .gi{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .rv{transition:none}
  .cur,.dot{display:none}
  body{cursor:auto}
}
@media (max-width:900px){
  .hr{min-height:92vh}
}