@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Syncopate:wght@400;700&display=swap";*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Rajdhani,Syncopate,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}#root{min-height:100vh}:root{color-scheme:dark;--bg: #070812;--bg-secondary: #0d0f22;--accent: #6a4dff;--accent-soft: #9c7cff;--electric: #57d5ff;--text: #f4f2ff;--muted: #b1b7d3;--card: rgba(8, 10, 24, .82);--glass: rgba(26, 28, 52, .65);--glow: rgba(90, 112, 255, .35)}.page{position:relative;min-height:100vh;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:0}.bg-canvas,.bg-fallback{position:absolute;inset:0;width:100%;height:100%}.bg-fallback{background:radial-gradient(circle at top,#1a1b2b,#070812 60%)}.bg-haze{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(106,77,255,.35),transparent 45%),radial-gradient(circle at 70% 10%,rgba(87,213,255,.2),transparent 40%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.08),transparent 35%);mix-blend-mode:screen;animation:hazeMove 16s ease-in-out infinite}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 64px}.brand{display:flex;flex-direction:column;gap:2px;font-family:Syncopate,sans-serif;letter-spacing:.12em}.brand-cn{font-size:20px;font-weight:700}.brand-en{font-size:12px;color:var(--muted);text-transform:uppercase}.nav{display:flex;gap:20px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.nav a{position:relative;transition:color .3s ease}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--electric));transition:width .35s ease}.nav a:hover,.nav a.active{color:var(--text)}.nav a.external{color:var(--electric)}.nav a:hover:after,.nav a.active:after{width:100%}.lang{border:1px solid rgba(255,255,255,.15);background:#0c0e1eb3;color:var(--text);padding:8px 16px;border-radius:999px;cursor:pointer;font-size:12px;letter-spacing:.16em;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}.lang:hover{transform:translateY(-2px);box-shadow:0 10px 20px #5862ff59}.hero{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:64px 64px 120px}.hero-text{display:flex;flex-direction:column;gap:20px;max-width:520px;animation:fadeUp 1s ease forwards}.hero-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:var(--muted)}.hero h1{font-family:Syncopate,sans-serif;font-size:64px;margin:0;letter-spacing:.04em}.hero-sub{font-size:20px;color:var(--accent-soft);margin:0}.hero-desc{font-size:18px;line-height:1.7;color:var(--muted)}.hero-badges{display:flex;flex-wrap:wrap;gap:12px}.hero-badges span{padding:6px 14px;border-radius:999px;background:#ffffff14;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero-actions{display:flex;gap:16px}button.primary,button.ghost,a.primary,a.ghost{border:none;padding:12px 24px;border-radius:999px;font-size:14px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;justify-content:center}button.primary,a.primary{background:linear-gradient(120deg,var(--accent),var(--accent-soft));color:#111;box-shadow:0 16px 32px #5e4cff59}button.primary:hover,button.ghost:hover,a.primary:hover,a.ghost:hover{transform:translateY(-2px)}button.ghost,a.ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}.hero-panel{display:flex;flex-direction:column;gap:20px;align-items:flex-end}.panel-card{background:var(--card);padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.1);max-width:320px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 20px 50px #283c8c73;animation:floatIn 1.2s ease forwards}.panel-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,#ffffff0d,#57d5ff40,#6a4dff33,#ffffff0d);opacity:.7;filter:blur(18px);animation:glassFlow 9s linear infinite}.panel-card>*{position:relative;z-index:1}.panel-card h3{margin-top:0;font-size:18px;text-transform:uppercase;letter-spacing:.2em}.panel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.panel-stats span{font-size:20px;font-weight:600}.panel-stats small{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.2em}.webgl-warning{background:#5a70ff1f;border:1px solid rgba(90,112,255,.4);padding:16px 20px;border-radius:16px;max-width:320px;box-shadow:0 12px 30px #5a70ff2e}.section{position:relative;z-index:1;padding:80px 64px;display:flex;flex-direction:column;gap:32px}.section-title h2,.section h2{font-family:Syncopate,sans-serif;font-size:36px;margin:0}.section-note{margin-top:12px;padding:20px;border-radius:18px;background:var(--glass);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cards.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;background:var(--card);padding:28px;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #283c8c59}.card.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card.glass:before{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,#ffffff0f,#57d5ff33,#6a4dff33,#ffffff0a);opacity:.7;filter:blur(24px);animation:glassFlow 10s ease-in-out infinite;pointer-events:none}.card.glow:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,var(--glow),transparent 55%);opacity:.7;filter:blur(26px);pointer-events:none}.card>*{position:relative;z-index:1}.card h3{margin-top:0;font-size:20px}.card p{color:var(--muted);line-height:1.7}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center}.about-panel{display:grid;gap:16px}.about-item{padding:18px 20px;background:#ffffff0f;border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:14px}.lead{font-size:18px;color:var(--muted)}.footer{padding:32px 64px 48px;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-domain{color:var(--electric)}.route-view{animation:routeIn .52s cubic-bezier(.2,.65,.2,1);will-change:transform}@keyframes floatIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glassFlow{0%{transform:translate3d(-10%,-10%,0) rotate(0)}50%{transform:translate3d(10%,8%,0) rotate(180deg)}to{transform:translate3d(-10%,-10%,0) rotate(360deg)}}@keyframes hazeMove{0%{transform:translateZ(0)}50%{transform:translate3d(-1.5%,-1%,0)}to{transform:translateZ(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes routeIn{0%{transform:translateY(10px) scale(.997)}to{transform:translateY(0) scale(1)}}@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-panel{align-items:flex-start}.cards,.cards.grid-3,.split{grid-template-columns:1fr}}@media(max-width:700px){.site-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.nav{flex-wrap:wrap}.hero,.section,.footer{padding:56px 24px}.hero h1{font-size:42px}}