:root{--cyan:#43e6ff;--ink:#020912}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink)}body{color:#effcff;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow:hidden}
.stage{position:relative;width:100vw;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 67% 45%,rgba(19,121,181,.17),transparent 29%),linear-gradient(135deg,#01070e 0%,#03111d 48%,#020914 100%)}.stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:radial-gradient(#7beeff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,black,transparent 72%)}
.grid{position:absolute;left:-12%;right:-12%;bottom:-27%;height:62%;transform:perspective(600px) rotateX(63deg);transform-origin:center bottom;background-image:linear-gradient(rgba(42,178,220,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(42,178,220,.14) 1px,transparent 1px);background-size:54px 54px;animation:gridMove 8s linear infinite;mask-image:linear-gradient(transparent,black)}.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2;mix-blend-mode:screen}.auroraOne{width:45vw;height:15vw;left:-6vw;top:36%;background:#086bbd;transform:rotate(-28deg);animation:drift 9s ease-in-out infinite alternate}.auroraTwo{width:32vw;height:22vw;right:10vw;top:20%;background:#00d5c5;opacity:.11;animation:drift 12s ease-in-out infinite alternate-reverse}.scanline{position:absolute;inset:-100% 0 auto;height:120%;background:linear-gradient(transparent 48%,rgba(95,230,255,.045) 50%,transparent 52%);animation:scan 7s linear infinite;pointer-events:none}
.topbar{position:absolute;top:0;left:0;right:0;height:112px;padding:35px clamp(28px,5vw,88px);display:flex;align-items:center;border-bottom:1px solid rgba(107,221,255,.16)}.brandMark{width:38px;height:38px;position:relative;margin-right:15px}.brandMark i{position:absolute;left:2px;width:34px;height:7px;border-radius:100%;border-top:2px solid var(--cyan);transform:rotate(-12deg)}.brandMark i:nth-child(1){top:6px}.brandMark i:nth-child(2){top:15px;width:26px}.brandMark i:nth-child(3){top:24px;width:18px}.brand{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:15px;letter-spacing:.2em;font-weight:500}.brand span,.systemStatus{font:9px/1.3 Arial,sans-serif;letter-spacing:.22em;color:#68b7ca}.systemStatus{margin-left:auto;display:flex;align-items:center;gap:10px}.pulse{width:6px;height:6px;border-radius:50%;background:#52f7d4;box-shadow:0 0 12px #52f7d4;animation:pulse 1.8s ease-out infinite}
.hero{position:absolute;left:clamp(32px,9vw,160px);top:50%;transform:translateY(-44%);width:min(53vw,750px);z-index:2}.eyebrow{display:flex;align-items:center;gap:15px;color:#61dff3;font:10px Arial,sans-serif;letter-spacing:.42em;margin-bottom:26px}.eyebrow:before{content:"";width:46px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}h1{margin:0;font-size:clamp(48px,6.4vw,102px);line-height:1.08;font-weight:300;letter-spacing:.055em;text-shadow:0 0 34px rgba(70,218,255,.13)}h1 em{color:transparent;font-style:normal;font-weight:700;-webkit-text-stroke:1px rgba(133,240,255,.94);background:linear-gradient(180deg,rgba(190,250,255,.92),rgba(38,163,210,.32));background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 14px rgba(52,195,255,.18))}.lead{margin:26px 0 19px;color:#b5dfe8;font-size:clamp(13px,1.15vw,18px);letter-spacing:.32em;font-weight:300}.coordinates{color:#478da2;font:10px Arial,sans-serif;letter-spacing:.25em}
.orbital{position:absolute;width:min(47vw,680px);aspect-ratio:1;right:-4vw;top:50%;transform:translateY(-50%)}.orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(86,219,255,.16);animation:rotate 28s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%}.orbit:before{inset:8%;border:1px dashed rgba(85,222,255,.18)}.orbit:after{inset:20%;border:1px solid rgba(67,230,255,.24);box-shadow:inset 0 0 50px rgba(31,142,206,.05),0 0 45px rgba(39,164,230,.06)}.orbit b{position:absolute;width:7px;height:7px;background:#66efff;border-radius:50%;box-shadow:0 0 14px #53dcff;top:12%;left:28%}.orbit b:nth-child(2){top:auto;left:auto;right:5%;bottom:35%}.orbitMiddle{inset:11%;animation-duration:19s;animation-direction:reverse;border-style:dotted}.orbitMiddle b{top:68%;left:2%;background:#4effcf}.orbitInner{inset:29%;animation-duration:11s;border-color:rgba(91,239,255,.35)}.core{position:absolute;inset:39%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 42% 35%,rgba(96,239,255,.33),rgba(3,39,66,.5) 42%,rgba(1,9,17,.8));border:1px solid rgba(105,229,255,.38);box-shadow:0 0 55px rgba(44,190,255,.24),inset 0 0 30px rgba(89,228,255,.12)}.core span{font:600 clamp(20px,2.2vw,34px) Arial,sans-serif;letter-spacing:.16em;color:#baf8ff}.core small{margin-top:7px;font-size:9px;letter-spacing:.25em;color:#5fb5c9}
.dataPanel{position:absolute;right:clamp(22px,4vw,70px);bottom:9%;width:220px;z-index:3;padding:17px 19px;background:linear-gradient(135deg,rgba(6,24,40,.68),rgba(4,15,26,.24));border-top:1px solid rgba(75,221,255,.3);border-right:1px solid rgba(75,221,255,.12);backdrop-filter:blur(8px)}.panelLabel{font:8px Arial,sans-serif;letter-spacing:.25em;color:#4d9eb1;margin-bottom:13px}.destination{display:grid;grid-template-columns:22px 72px 1fr;align-items:center;gap:8px;height:26px;font-size:10px;color:#94cbd5}.destination span{color:#38798d;font:8px Arial,sans-serif}.destination strong{font-weight:400;letter-spacing:.12em}.destination i{height:1px;background:rgba(64,185,215,.18);position:relative}.destination i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--level);background:#4bdcf4;box-shadow:0 0 7px #4bdcf4}
footer{position:absolute;left:clamp(28px,5vw,88px);bottom:34px;display:flex;align-items:center;gap:18px;color:#7eabb6;font-size:10px;letter-spacing:.32em}.footerLine{width:54px;height:1px;background:rgba(82,210,236,.22);position:relative}.footerLine span{display:block;width:17px;height:1px;background:#52d2ec;animation:line 3s ease-in-out infinite alternate}.en{font:8px Arial,sans-serif;letter-spacing:.18em;color:#356779}.icp{margin-left:10px;font-size:9px;letter-spacing:.12em;color:#477987}.corner{position:absolute;width:22px;height:22px;border-color:rgba(89,216,241,.3)}.cornerTL{left:22px;top:22px;border-left:1px solid;border-top:1px solid}.cornerTR{right:22px;top:22px;border-right:1px solid;border-top:1px solid}.cornerBL{left:22px;bottom:22px;border-left:1px solid;border-bottom:1px solid}.cornerBR{right:22px;bottom:22px;border-right:1px solid;border-bottom:1px solid}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes gridMove{to{background-position:0 54px,54px 0}}@keyframes scan{to{transform:translateY(180%)}}@keyframes drift{to{transform:translate(8vw,-3vw) rotate(-20deg)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(82,247,212,.5)}70%{box-shadow:0 0 0 9px rgba(82,247,212,0)}100%{box-shadow:0 0 0 0 rgba(82,247,212,0)}}@keyframes line{to{transform:translateX(37px)}}
@media(max-width:800px){.topbar{height:92px;padding:25px 28px}.systemStatus{display:none}.hero{left:28px;top:43%;width:calc(100vw - 56px)}h1{font-size:clamp(42px,11vw,68px)}.lead{line-height:1.9;max-width:360px}.orbital{width:88vw;right:-38vw;top:66%;opacity:.65}.dataPanel{display:none}footer{left:28px;bottom:28px;right:28px;flex-wrap:wrap;gap:8px 12px}.footerLine{display:none}.en{display:none}.icp{width:100%;margin:0}.stage:before{mask-image:linear-gradient(black,transparent)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}