:root{--mouse-x:50vw;--mouse-y:42vh;--ink:#eaf7ff;--muted:#9fb9d6;--cyan:#27d7ff;--blue:#1f7cff;--green:#2cffb2}*{box-sizing:border-box}html{background:#020611}body{color:var(--ink);background:#020611;margin:0;font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{z-index:-4;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #27d7ff2e, transparent 18rem), radial-gradient(circle at 72% 12%, #1a5eff47, transparent 28rem), linear-gradient(180deg, #07142d 0%, #030816 54%, #020611 100%)}body:after{z-index:-3;background-image:linear-gradient(#4bb4ff14 1px,#0000 1px),linear-gradient(90deg,#4bb4ff14 1px,#0000 1px),radial-gradient(circle,#94ddff52 1px,#0000 1px);background-size:56px 56px,56px 56px,120px 120px;animation:22s linear infinite gridMove;-webkit-mask-image:linear-gradient(#0000,#000 14% 78%,#0000);mask-image:linear-gradient(#0000,#000 14% 78%,#0000)}@keyframes gridMove{to{background-position:0 56px,56px 0,120px 120px}}main{max-width:1500px;margin:auto}button,a,.module,.tag,.node,.orbitCore,.stats div,.chainCard{-webkit-tap-highlight-color:transparent}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#040d20c2;border-bottom:1px solid #4bb4ff3d;align-items:center;gap:18px;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:235px;display:flex}.logo{background:linear-gradient(135deg,#1ce9ff,#135eff 58%,#06152e);border-radius:8px;place-items:center;width:43px;height:43px;font-weight:900;display:grid;box-shadow:0 0 28px #1378ffa3,inset 0 0 18px #ffffff3d}.brand strong{font-size:18px}.brand span{color:#7eb9ff;margin-top:2px;font-size:12px;display:block}.links{white-space:nowrap;flex:1;justify-content:center;gap:clamp(12px,1.6vw,24px);display:flex}.links a{color:#dcecff;cursor:pointer;font-size:14px;text-decoration:none;transition:color .25s,text-shadow .25s,transform .25s;position:relative}.links a:before,.links a:after{content:"";opacity:0;position:absolute;left:50%;transform:translate(-50%)}.links a:before{background:radial-gradient(circle,#27d7ff29,#0000 68%);border-radius:999px;transition:opacity .25s;inset:-10px -16px}.links a:after{background:linear-gradient(90deg,#0000,#48e7ff,#0000);width:0;height:2px;transition:width .25s,opacity .25s;bottom:-12px;box-shadow:0 0 14px #28d7ff}.links a:hover,.links a.active{color:#75ecff;text-shadow:0 0 18px #27d7ffcc;transform:translateY(-1px)}.links a:hover:before,.links a:hover:after,.links a.active:after{opacity:1;width:100%}.links a.active:after{animation:1.6s linear infinite navScan}@keyframes navScan{50%{filter:brightness(1.8)}}.login,.primary,.ghost{color:#fff;cursor:pointer;border:0;border-radius:8px;padding:14px 26px;font-weight:700;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.login,.ghost{background:#07152bdb;border:1px solid #4295ff94}.primary{background:linear-gradient(90deg,#07f,#27d7ff);box-shadow:0 0 28px #008cff7a}.primary:after,.ghost:after,.login:after{content:"";background:linear-gradient(90deg,#0000,#ffffff5c,#0000);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.primary:hover,.ghost:hover,.login:hover{transform:translateY(-2px);box-shadow:0 0 36px #27d7ff8a}.primary:hover:after,.ghost:hover:after,.login:hover:after{transform:translate(120%)skew(-18deg)}.small{padding:11px 18px}.hero{grid-template-columns:.86fr 1.14fr;align-items:center;gap:18px;min-height:690px;padding:50px 52px 28px;display:grid}.badge{color:#8ed8ff;background:#082655a8;border:1px solid #1b86ff9e;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:9px 14px;display:inline-flex;box-shadow:inset 0 0 22px #27d7ff1f}.hero h1{background:linear-gradient(#fff,#8fd8ff 55%,#1f93ff);color:#0000;text-shadow:0 0 35px #178bff66;-webkit-background-clip:text;margin:0;font-size:clamp(48px,6vw,82px);line-height:.96}.hero h2{max-width:760px;margin:22px 0 16px;font-size:clamp(25px,2.4vw,36px);line-height:1.32}.hero p{color:#bad0ef;max-width:650px;font-size:18px;line-height:1.9}.motto{color:#bdf4ff;background:linear-gradient(90deg,#27d7ff24,#0000);border-left:2px solid #27d7ff;width:fit-content;margin-top:18px;padding:8px 16px}.cta{flex-wrap:wrap;gap:18px;margin:34px 0 42px;display:flex}.ghost{align-items:center;gap:10px;display:flex}.stats{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.stats div{border-left:1px solid #54a5ff6b;padding:4px 0 4px 18px;transition:transform .25s,border-color .25s}.stats div:hover{border-color:#27d7ff;transform:translateY(-3px)}.stats strong{font-size:26px;display:block}.stats span{color:#a8c4e6;font-size:13px}.scene{perspective:1000px;height:570px;position:relative}.cubeGlow{filter:blur(30px);background:radial-gradient(circle,#0e8bff57,#0000 58%);border-radius:50%;animation:3s infinite pulse;position:absolute;inset:90px 20px 10px}.cube{clip-path:polygon(0 10%,100% 0,100% 88%,0 100%);background:#12213b;border:1px solid #238dff73;width:min(660px,78vw);height:330px;transition:filter .25s,transform .25s;position:absolute;bottom:38px;right:50px;overflow:hidden;transform:skew(-10deg)rotateX(2deg);box-shadow:0 0 70px #087dff5c,inset 0 0 45px #27d7ff14}.cube:hover{filter:brightness(1.18);transform:skew(-10deg)rotateX(2deg)translateY(-6px)}.layer{background:linear-gradient(90deg, transparent, #ffffff14, transparent), var(--c);height:16.66%;animation:4s ease-in-out infinite layerBreath,8s linear infinite stratumDrift;animation-delay:calc(var(--i) * .24s), 0s;background-size:220% 100%,auto;border-top:2px solid #6fb9ff33;position:relative}.layer:after{content:"";background:linear-gradient(90deg,#0000,#9dd6ff9e,#0000);height:3px;position:absolute;inset:45% 0 auto;transform:skewY(-6deg)}@keyframes layerBreath{50%{filter:brightness(1.26)}}@keyframes stratumDrift{to{background-position:220% 0,0 0}}.waterFlow{position:absolute;inset:25% -10% 0}.waterFlow i{background:linear-gradient(90deg,#0000,#00d5ff,#1d70ff,#0000);border-radius:999px;width:130%;height:6px;animation:3s linear infinite flow;position:absolute;left:-15%;box-shadow:0 0 20px #00d5ff}.waterFlow i:nth-child(2){animation-delay:.7s;top:80px}.waterFlow i:nth-child(3){animation-delay:1.4s;top:155px}@keyframes flow{0%{transform:translate(-30%)}to{transform:translate(30%)}}.borehole{background:#87e9ff;width:8px;position:absolute;top:0;bottom:0;left:45%;box-shadow:0 0 25px #00eaff}.borehole b{background:#e8ffff;border-radius:50%;width:16px;height:16px;animation:2.5s infinite drop;position:absolute;left:-4px}.borehole b:nth-child(2){animation-delay:.8s}.borehole b:nth-child(3){animation-delay:1.6s}@keyframes drop{0%{top:-5%}to{top:100%}}.scanLine{background:linear-gradient(90deg,#0000,#65eaff6b,#0000);width:120px;animation:4s infinite scan;position:absolute;top:0;bottom:0}@keyframes scan{0%{left:-160px}to{left:100%}}.drill{width:95px;height:145px;animation:3s ease-in-out infinite float;position:absolute;bottom:330px;left:115px}.mast{background:#8ed8ff;width:15px;height:120px;position:absolute;top:0;left:44px;box-shadow:0 0 18px #16a4ff}.bit{background:#fff;width:5px;height:70px;animation:1s infinite drill;position:absolute;top:105px;left:49px}.base{background:#0d66c9;border-radius:8px;width:88px;height:22px;position:absolute;bottom:0;left:10px}@keyframes drill{50%{height:95px}}.mountain{clip-path:polygon(0 100%,40% 10%,65% 55%,80% 28%,100% 100%);background:linear-gradient(135deg,#203b61,#0b162b);position:absolute}.m1{width:230px;height:150px;top:72px;right:380px}.m2{opacity:.7;width:280px;height:170px;top:58px;right:190px}.city{align-items:end;gap:12px;display:flex;position:absolute;top:100px;right:55px}.city span{width:20px;height:var(--h);animation:2s ease-in-out infinite city;animation-delay:var(--d);background:linear-gradient(#34d5ff,#0e62ff);box-shadow:0 0 20px #18a8ff}@keyframes city{50%{filter:brightness(1.55)}}.dataStream{opacity:.8;background:linear-gradient(90deg,#0000,#27d7ff,#0000);width:170px;height:2px;position:absolute;box-shadow:0 0 18px #27d7ff}.streamA{animation:2.2s linear infinite stream;top:170px;right:225px;transform:rotate(-22deg)}.streamB{animation:2.8s linear infinite reverse stream;top:245px;right:120px;transform:rotate(18deg)}@keyframes stream{50%{opacity:.25;filter:brightness(1.8)}}.tag{color:#34d7ff;background:#061633d1;border:1px solid #18cfff8f;border-radius:8px;grid-template-columns:auto auto;align-items:center;gap:4px 8px;padding:10px 14px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:4s ease-in-out infinite float;display:grid;position:absolute;box-shadow:0 0 28px #0c8cff57}.tag:hover{border-color:#9df2ff;transform:translateY(-8px)scale(1.03);box-shadow:0 0 42px #27d7ff8c}.tag span{color:#b8d7ff;grid-column:1/3;font-size:12px;font-weight:400;display:block}.rock{top:120px;right:475px}.soil{color:var(--green);border-color:#19ffa680;bottom:205px;right:640px}.water{bottom:170px;right:10px}@keyframes float{50%{translate:0 -12px}}@keyframes pulse{50%{opacity:.5;transform:scale(1.05)}}.lifeChain{background:linear-gradient(90deg,#071a3be6,#08285894,#071a3be6);border:1px solid #156dff66;border-radius:8px;grid-template-rows:repeat(2,minmax(210px,auto));grid-template-columns:minmax(230px,1fr) minmax(360px,1.3fr) minmax(230px,1fr);align-items:stretch;gap:0;margin:0 32px 20px;display:grid;overflow:hidden;box-shadow:inset 0 0 45px #0d7bff1f}.chainCard{border:1px solid #27d7ff1f;gap:10px;min-height:210px;padding:28px 32px;transition:background .25s,transform .25s;display:grid}.chainCard:hover{background:#27d7ff14;transform:translateY(-2px)}.chainCard svg{color:var(--cyan)}.chainCard strong{font-size:22px;display:block}.chainCard span{color:#a7c4e8;line-height:1.7}.trust{border-right:1px solid #27d7ff1f}.corner1{grid-area:1/1}.corner2{grid-area:1/3}.corner3{grid-area:2/1}.corner4{grid-area:2/3}.orbitWrap{background:radial-gradient(circle,#27d7ff21,#0000 30%),linear-gradient(#0208121f,#02081261);border-left:1px solid #27d7ff24;border-right:1px solid #27d7ff24;grid-area:1/2/3;place-items:center;min-height:460px;display:grid;position:relative;overflow:hidden}.orbitCore{z-index:2;background:radial-gradient(circle,#2dc7ff,#0b48e6 70%);border-radius:50%;place-items:center;width:120px;height:120px;transition:transform .25s,box-shadow .25s;animation:2.4s infinite aiBreathe;display:grid;box-shadow:0 0 65px #1aa0ffc2}.orbitCore:hover{transform:scale(1.06);box-shadow:0 0 90px #27d7ffe6}.orbitCore strong{font-size:34px}.orbitCore span{color:#dff7ff;font-size:12px}@keyframes aiBreathe{50%{filter:brightness(1.18)}}.orbit,.pulseRing{border:1px solid #27d7ff61;border-radius:50%;animation:12s linear infinite rotate;position:absolute}.ring1{width:260px;height:96px}.ring2{width:330px;height:122px;animation-direction:reverse}.pulseRing{border-color:#92f4ff6b;width:132px;height:132px;animation:2s infinite wave}.node{transform:rotate(var(--a)) translateX(176px) rotate(calc(-1 * var(--a)));z-index:3;background:#061c3feb;border:1px solid #2aa9ff8c;border-radius:999px;padding:6px 12px;font-size:12px;transition:transform .25s,border-color .25s;position:absolute;top:50%;left:50%;box-shadow:0 0 15px #168cff5c}.node:hover{border-color:#7eeeff}@keyframes rotate{to{rotate:360deg}}@keyframes wave{0%{opacity:.8;transform:scale(.92)}to{opacity:0;transform:scale(1.7)}}.modules{background:#061126cc;border:1px solid #0d58bf8a;border-radius:8px;margin:20px 32px;padding:30px 16px 16px}.sectionTitle{text-align:center}.sectionTitle span{color:#4adfff}.sectionTitle h3{margin:8px 0 26px;font-size:32px}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.module{background:linear-gradient(#27d7ff0d 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#27d7ff0d 1px,#0000 1px) 0 0/26px 26px,linear-gradient(#0b2a5cad,#06152deb);border:1px solid #1b63c97a;border-radius:8px;min-height:168px;padding:26px 18px;transition:transform .32s,box-shadow .32s,border-color .32s;position:relative;overflow:hidden}.module:hover{border-color:#36dfff;transform:perspective(700px)rotateX(3deg)rotateY(-4deg)translateY(-8px);box-shadow:0 0 35px #0a8eff61}.module:before,.module:after{content:"";pointer-events:none;position:absolute}.module:before{background:radial-gradient(circle,#25d7ff33,#0000 45%);transition:transform .35s;inset:-60px;transform:translateY(80px)}.module:after{opacity:0;background:linear-gradient(90deg,#0000,#27d7ffe6,#0000) border-box;border:1px solid #0000;border-radius:8px;animation:1.8s linear infinite borderFlow;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.module:hover:before{transform:translateY(0)}.module:hover:after{opacity:1}@keyframes borderFlow{to{filter:hue-rotate(70deg)}}.module svg{color:#37d7ff;filter:drop-shadow(0 0 12px #27d7ff75);position:relative}.module h4{margin:14px 0 8px;font-size:20px;position:relative}.module p{color:#a9c3e6;font-size:13px;line-height:1.7;position:relative}.module>svg:last-child{position:absolute;bottom:18px;right:18px}.flowPanel{background:linear-gradient(135deg,#07172fe6,#061f48d1);border:1px solid #1c78ff66;border-radius:8px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin:18px 32px 42px;padding:34px;display:grid}.flowPanel h3{margin:0 0 12px;font-size:30px}.flowPanel p{color:#b8cceb;line-height:1.9}.flowLine{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.flowLine span{background:#061831e6;border:1px solid #2aa9ff8c;border-radius:8px;padding:14px 18px}.flowLine i{background:linear-gradient(90deg,#11b4ff,#3fb);width:70px;height:3px;animation:1.4s infinite beam;box-shadow:0 0 18px #16d4ff}@keyframes beam{50%{filter:brightness(1.8);transform:scaleX(1.15)}}.soundToggle{z-index:30;color:#cdefff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#040e1fdb;border:1px solid #40baff8f;border-radius:999px;align-items:center;gap:9px;padding:12px 16px;animation:2.6s ease-in-out infinite soundBreath;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 0 30px #27d7ff3d}.soundToggle.on{color:#fff;border-color:#2cffb2;box-shadow:0 0 32px #2cffb25c}@keyframes soundBreath{50%{box-shadow:0 0 44px #27d7ff5c}}@media (width<=1100px){.hero{grid-template-columns:1fr;padding:34px 24px}.scene{height:500px}.grid{grid-template-columns:repeat(2,1fr)}.links{display:none}.lifeChain,.flowPanel{grid-template-columns:1fr}.lifeChain{grid-template-rows:auto}.corner1,.corner2,.corner3,.corner4,.orbitWrap{grid-area:auto/1}.orbitWrap{border:1px solid #27d7ff24;border-left:0;border-right:0;min-height:390px}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.nav{gap:10px;padding:0 16px}.brand{flex:1;min-width:0}.brand strong{font-size:15px}.login{display:none}.hero{min-height:auto}.hero h1{font-size:46px}.hero h2{font-size:24px}.scene{transform-origin:top;height:430px;margin-bottom:-70px;transform:scale(.82)}.grid,.stats{grid-template-columns:1fr}.modules,.lifeChain,.flowPanel{margin-left:16px;margin-right:16px}.flowLine i{width:34px}}