*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07070d;--fg:#e8eaf2;--mute:#8d93a8;--a:#ff4d2e;--b:#7a5cff;--c:#22d3ee}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--fg);font:16px/1.7 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1}
.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(7,7,13,.6);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff10}
.nav nav a{color:var(--mute);text-decoration:none;margin-left:22px;font-size:14px;transition:.2s}
.nav nav a:hover{color:#fff}
.logo{color:#fff;font-weight:800;text-decoration:none;letter-spacing:1px;display:flex;align-items:center;gap:8px}
.dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffb199,var(--a));box-shadow:0 0 14px var(--a)}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:110px 7vw 60px;max-width:1200px;margin:auto}
.tag{color:var(--c);letter-spacing:3px;font-size:13px;margin-bottom:18px}
h1{font-size:clamp(40px,8vw,92px);line-height:1.1;font-weight:900}
.glow{background:linear-gradient(90deg,var(--a),var(--b),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px #ff4d2e66)}
.sub{max-width:640px;color:var(--mute);margin:26px 0;font-size:18px}.sub b{color:#fff}
.stats{display:flex;flex-wrap:wrap;gap:34px;margin:10px 0 38px}
.stats b{display:block;font-size:46px;font-weight:900;color:#fff;line-height:1.1}
.stats span{color:var(--mute);font-size:13px}
.btn{display:inline-block;padding:14px 30px;border-radius:40px;color:#fff;text-decoration:none;font-weight:700;background:linear-gradient(90deg,var(--a),var(--b));box-shadow:0 0 30px #ff4d2e55;transition:.25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 40px #7a5cff88}
.sec{max-width:1100px;margin:auto;padding:110px 6vw 40px}
.sec.end{text-align:center;padding-bottom:100px}
h2{font-size:clamp(28px,4.5vw,46px);font-weight:900;margin-bottom:10px}
.lead{color:var(--mute);margin-bottom:40px;max-width:640px}.end .lead{margin:0 auto 30px}
.hubviz{position:relative;height:300px;margin:0 auto 40px;max-width:420px}
.core{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:800;line-height:1.3;background:radial-gradient(circle,#ff7a5c,var(--a) 60%,#8a1f0e);box-shadow:0 0 60px var(--a),0 0 120px #ff4d2e55;animation:pulse 3s infinite}
.orb{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#14142a;border:1px solid var(--b);box-shadow:0 0 18px var(--b)}
.o1{animation:orbit 12s linear infinite}.o2{animation:orbit 12s linear infinite -3s;border-color:var(--c);box-shadow:0 0 18px var(--c)}
.o3{animation:orbit 12s linear infinite -6s}.o4{animation:orbit 12s linear infinite -9s;border-color:var(--a);box-shadow:0 0 18px var(--a)}
@keyframes orbit{from{transform:rotate(0) translateX(var(--r,125px)) rotate(0)}to{transform:rotate(360deg) translateX(var(--r,125px)) rotate(-360deg)}}
@keyframes pulse{50%{transform:scale(1.07)}}
.cols,.grid{display:grid;gap:18px}
.cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card,.tile{padding:26px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff14;transition:.3s;position:relative;overflow:hidden}
.card:hover,.tile:hover{transform:translateY(-6px);border-color:var(--a);box-shadow:0 0 34px #ff4d2e44,inset 0 0 30px #7a5cff22}
.card h3,.tile h3{font-size:22px;margin-bottom:6px}.card p,.tile p{color:var(--mute);font-size:14px}
.tile em{font-style:normal;color:var(--c);font-size:13px;letter-spacing:2px}
.chat{max-width:680px;display:flex;flex-direction:column;gap:12px}
.msg{padding:12px 16px;border-radius:14px;max-width:88%;opacity:0;transform:translateY(14px);transition:.6s;background:#ffffff0d;border:1px solid #ffffff14}
.msg.a{align-self:flex-end;background:linear-gradient(135deg,#ff4d2e33,#7a5cff33)}
.msg.show{opacity:1;transform:none}
.msg b{display:block;font-size:12px;color:var(--c);margin-bottom:2px}
footer{text-align:center;color:var(--mute);font-size:13px;padding:30px;border-top:1px solid #ffffff10}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:600px){
  :root{--r:100px}
  body{font-size:15px}
  .nav{padding:12px 18px}.nav nav a:not(:last-child){display:none}
  .hero{min-height:auto;padding:104px 22px 56px;align-items:center;text-align:center}
  .tag{font-size:11px;letter-spacing:2px}
  h1{font-size:clamp(38px,12vw,52px)}
  .sub{font-size:15px;margin:20px 0}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:6px 0 30px}
  .stats div{padding:14px 4px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff14}
  .stats b{font-size:30px}.stats span{font-size:11px;display:block;line-height:1.4;margin-top:2px}
  .btn{padding:13px 28px}
  .sec{padding:64px 20px 8px}
  h2{font-size:26px}.lead{font-size:14px;margin-bottom:26px}
  .hubviz{height:250px;max-width:300px;margin-bottom:26px}
  .core{width:88px;height:88px;margin:-44px;font-size:14px}
  .orb{width:46px;height:46px;margin:-23px;font-size:12px}
  .cols{gap:12px}.card{padding:18px}.card h3{font-size:18px}
  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .tile{padding:16px}.tile h3{font-size:18px}.tile p{font-size:12px;line-height:1.5}
  .tile:last-child{grid-column:1/-1}
  .msg{max-width:94%;font-size:14px}
  .sec.end{padding-bottom:56px}
  footer{padding:24px 16px calc(24px + env(safe-area-inset-bottom))}
}