:root{color-scheme:dark;--stage-scale:1;--px:0px;--py:0px;--cyan:#8bdcff;--muted:#8797bf;--edge:rgba(159,186,255,.18);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#070a22;color:#eaf4ff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #9bdcff;outline-offset:6px}button{color:inherit}button svg{pointer-events:none}
.ambient{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 48% 61%,#14244c 0,transparent 57%),linear-gradient(120deg,#050b25,#0b0e2d 60%,#151136);z-index:0}.mist{position:absolute;border-radius:50%;filter:blur(85px);opacity:.48;will-change:transform;animation:mist-drift 23s ease-in-out infinite alternate}.mist-blue{width:65vw;height:60vh;left:-25vw;top:24vh;background:radial-gradient(ellipse,#1856b8,transparent 68%)}.mist-violet{width:72vw;height:75vh;right:-28vw;top:3vh;background:radial-gradient(ellipse,#693cb8,transparent 70%);animation-duration:29s;animation-delay:-9s}.mist-cyan{width:65vw;height:28vh;left:18vw;bottom:-18vh;background:#1e6dba;opacity:.22;animation-delay:-14s}.grain{position:absolute;inset:0;opacity:.024;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
#particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#viewport{position:fixed;inset:0;z-index:2;overflow:hidden}#world{width:1920px;height:1080px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--stage-scale));transform-origin:center}
.topbar{position:absolute;left:58px;right:58px;top:36px;display:flex;align-items:center;justify-content:space-between;z-index:30}.brand{display:flex;gap:22px;align-items:center}.brand img{width:174px;height:auto;max-height:42px;object-fit:contain}.brand>span{font-size:14px;color:#8493b7;letter-spacing:1.5px;border-left:1px solid #64719550;padding-left:22px}.top-right{display:flex;align-items:center;gap:25px}.edition{font-size:13px;color:#8494b8;letter-spacing:2px;display:flex;gap:10px;align-items:center}.edition i{width:5px;height:5px;background:#79c9ee;border-radius:50%}.icon-btn{border:1px solid #bac8ff22;border-radius:9px;width:38px;height:38px;background:#ffffff04;display:grid;place-items:center;transition:.2s}.icon-btn:hover{background:#adc7ff18;border-color:#99c7ff66}.icon-btn svg{width:17px;height:17px;fill:none;stroke:#b7cbea;stroke-width:1.4}
.headline{position:absolute;left:0;right:0;top:95px;text-align:center;z-index:22;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:7px;color:#7f9fc5;display:flex;align-items:center;justify-content:center;gap:25px;margin:0 0 17px 7px}.eyebrow>span{width:50px;height:1px;background:linear-gradient(90deg,transparent,#6890bd66)}.eyebrow>span:last-child{transform:rotate(180deg)}h1{font-size:52px;letter-spacing:3px;line-height:1.3;font-weight:600;margin:0;color:#edf5ff;text-shadow:0 4px 35px #a3c3ff18}h1>span{background:linear-gradient(100deg,#e2f7ff,#a5bbff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subhead{font-size:16px;letter-spacing:5px;color:#8e9fbe;margin:18px 0 0}.subhead span{margin:0 17px;color:#52688c}
.scene-parallax{position:absolute;inset:0;transform:translate3d(var(--px),var(--py),0);transition:transform .7s ease-out}.pyramid{position:absolute;inset:0;z-index:5;isolation:isolate}.layer{width:var(--width);position:absolute;left:50%;top:var(--top);z-index:var(--order);transform:translate(-50%,-50%);transition:opacity .5s,filter .5s,margin-top .5s;pointer-events:none}.layer-float{width:100%;position:relative;animation:layer-float var(--speed) ease-in-out var(--delay) infinite;will-change:transform;filter:drop-shadow(0 13px 22px #02091a80)}.layer-float img{display:block;width:100%;height:auto;object-fit:contain}.layer-aura{position:absolute;inset:14% 5% 3%;background:radial-gradient(ellipse,#4387e51c,transparent 62%);z-index:-1;filter:blur(18px)}.layer.is-muted{opacity:.38;filter:saturate(.6)}.layer.is-focused{filter:drop-shadow(0 0 16px #73d8ff65);margin-top:-12px}.layer-caption{position:absolute;top:50%;padding:6px 0;display:flex;align-items:flex-start;gap:12px;border:0;background:transparent;text-align:left;white-space:nowrap;pointer-events:auto;color:#d6e9ff;text-shadow:0 2px 14px #05091c;font-size:19px;letter-spacing:1px;transition:.25s}.layer-caption small{display:block;font-size:10px;line-height:2.2;color:#6e8cae;letter-spacing:1.2px;font-weight:400}.layer-caption .index{color:#5a7caa;font-size:10px;letter-spacing:1px;margin-top:5px}.layer-caption i{position:absolute;top:19px;width:48px;height:1px;background:linear-gradient(90deg,#5f9cc780,transparent)}.caption-right{left:calc(100% + 36px);transform:translateY(-50%)}.caption-right i{right:calc(100% + 12px);transform:rotate(180deg)}.caption-left{right:calc(100% + 37px);transform:translateY(-50%)}.caption-left i{left:calc(100% + 12px)}.layer-caption:hover,.layer-caption[aria-pressed="true"]{color:#a9e8ff}.fusion-axis{position:absolute;left:50%;top:278px;height:530px;width:1px;z-index:0;background:linear-gradient(transparent,#6dcfff30,transparent);pointer-events:none}
.orbital-floor{position:absolute;left:50%;top:897px;width:1280px;height:260px;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.floor-disc{position:absolute;inset:0;background:radial-gradient(ellipse,#3680d025,transparent 65%);filter:blur(12px)}.floor-ring{position:absolute;border:1px solid #74a5ff1b;border-radius:50%;inset:10px 60px}.ring-two{inset:32px 160px;border-style:dashed;border-color:#9eb6ff18;animation:ring-turn 100s linear infinite}.floor-cross{position:absolute;inset:15px 30px;background:repeating-linear-gradient(90deg,transparent 0 79px,#9ac3ff07 79px 80px);mask-image:radial-gradient(ellipse,black,transparent 70%);transform:perspective(500px) rotateX(52deg)}
.flight-network{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.route-under{fill:none;stroke:#6bbdff;stroke-width:8;filter:url(#route-blur);opacity:.045}.route-line{fill:none;stroke:url(#route-gradient);stroke-width:1;stroke-dasharray:3 7}.route-flow{fill:none;stroke:#95d9ff;stroke-width:1.5;stroke-dasharray:45 2100;opacity:.5;animation:route-dash 21s linear infinite}
.aircraft{position:absolute;z-index:11;width:330px;pointer-events:none}.aircraft-left{left:157px;top:355px;transform:rotate(-6deg)}.aircraft-right{left:1458px;top:506px;width:350px;transform:rotate(5deg);will-change:transform}.aircraft-hover{position:relative;animation:aircraft-float 6.7s ease-in-out infinite}.aircraft-right .aircraft-hover{animation-duration:8.2s;animation-delay:-3s}.aircraft-product{position:relative;z-index:3;display:block;width:100%;height:auto;filter:drop-shadow(0 10px 9px #010620b0) drop-shadow(0 0 12px #559aff35)}.scan-light{position:absolute;left:50%;top:63%;width:330px;height:345px;transform:translateX(-50%) rotate(-13deg);transform-origin:50% 0;z-index:1;pointer-events:none}.aircraft-right .scan-light{height:300px;transform:translateX(-50%) rotate(16deg)}.scan-ray{position:absolute;inset:0;clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);background:linear-gradient(180deg,#70d9ff70,#4db5ff15 53%,#6ba5ff02);filter:blur(3px);opacity:.65;animation:beam-breathe 6s ease-in-out infinite}.scan-line{position:absolute;left:50%;top:0;width:2px;height:90%;background:linear-gradient(#d3f6ff95,#9cddff00);filter:blur(1px);opacity:.45}.scan-foot{position:absolute;bottom:-20px;left:0;width:100%;height:56px;background:radial-gradient(ellipse,#76cfff25,transparent 66%);border:1px solid #73b8ff18;border-radius:50%;transform:rotate(4deg);animation:beam-breathe 6s ease-in-out infinite}.aircraft-tail{position:absolute;left:50%;top:50%;width:140px;height:35px;background:linear-gradient(90deg,#83ceff15,transparent);filter:blur(12px);z-index:0}.aircraft-note{display:flex;gap:11px;margin:12px 10px 0 30px;color:#9bb3d0;align-items:center;transform:rotate(6deg)}.aircraft-right .aircraft-note{transform:rotate(-5deg);margin-left:120px}.aircraft-note b{font-size:10px;color:#648ab6;font-weight:400;border:1px solid #688fc540;padding:5px;border-radius:4px}.aircraft-note span{font-size:13px;letter-spacing:2px}.aircraft-note small{font-size:8px;display:block;color:#637b9f;letter-spacing:1.5px;line-height:1.8}
.scenario-tags{position:absolute;inset:0;z-index:15;pointer-events:none}.scenario{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;gap:12px;align-items:center;padding:13px 19px;border-radius:9px;border:1px solid rgba(var(--tone),.16);background:linear-gradient(120deg,rgba(var(--tone),.065),#171b3b1a);backdrop-filter:blur(12px);font-size:20px;letter-spacing:2px;white-space:nowrap;pointer-events:auto;color:#b9cbe4;animation:tag-float var(--duration) ease-in-out var(--phase) infinite;box-shadow:inset 0 1px 0 #ffffff05,0 8px 20px #03071b22;transition:color .3s,border-color .3s,background .3s,box-shadow .3s}.scenario i{display:inline-block;width:5px;height:5px;border-radius:50%;background:rgb(var(--tone));opacity:.8}.scenario>span{font-size:8px;letter-spacing:0;color:rgba(var(--tone),.38);margin-left:3px;align-self:flex-start}.scenario:hover,.scenario.is-active{color:#edf8ff;border-color:rgba(var(--tone),.6);background:rgba(var(--tone),.11);box-shadow:0 0 25px rgba(var(--tone),.08)}
.scene-description{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);text-align:center;z-index:21;pointer-events:none}.description-line{display:block;width:28px;height:1px;background:#6ca6e477;margin:0 auto 13px}.scene-description strong{font-size:16px;font-weight:400;letter-spacing:5px;color:#b4c7e3}.scene-description>span:last-child{display:block;font-size:11px;letter-spacing:2px;color:#7289aa;margin-top:10px}.footer{position:absolute;left:58px;right:58px;bottom:31px;display:flex;justify-content:space-between;align-items:center;z-index:30;font-size:11px;letter-spacing:1px;color:#687d9f}.footer>a{font-size:12px;letter-spacing:2px;color:#8aa7c7}.footer>a span{margin-left:10px;color:#5f7ba3}.footer-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:17px;align-items:center}.footer-center i{height:10px;width:1px;background:#7084ab40}.controls{display:flex;gap:21px}.text-btn{padding:7px 0;border:0;background:transparent;color:#8aa1c1;font-size:11px;letter-spacing:1px;display:flex;gap:8px;align-items:center}.text-btn:hover{color:#d5edff}.text-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.text-btn>span:first-child{font-size:15px}.noscript-note{position:fixed;bottom:8px;left:8px;font-size:12px;color:white;z-index:50}
.pyramid{transform:scale(.88);transform-origin:50% 57%}.scene-description{bottom:65px}.scenario[data-scene="生态监测"]{left:1510px}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}body.reduced-motion .mist,body.reduced-motion .route-flow,body.reduced-motion .layer-float,body.reduced-motion .aircraft-hover,body.reduced-motion .scenario,body.reduced-motion .scan-ray,body.reduced-motion .scan-foot{animation:none!important}
@keyframes mist-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(8vw,-4vh,0) scale(1.15)}}@keyframes layer-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes aircraft-float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(6px,-15px,0) rotate(1deg)}}@keyframes beam-breathe{0%,100%{opacity:.55}50%{opacity:.85}}@keyframes tag-float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}@keyframes ring-turn{to{transform:rotate(360deg)}}@keyframes route-dash{to{stroke-dashoffset:-2145}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
body.portrait #world{width:900px;height:1500px}body.portrait .topbar{left:38px;right:38px;top:40px}body.portrait .brand img{width:195px}body.portrait .brand>span,body.portrait .edition{display:none}body.portrait .icon-btn{width:48px;height:48px}body.portrait .headline{top:137px}body.portrait h1{font-size:40px;letter-spacing:1px}body.portrait .eyebrow{font-size:13px;letter-spacing:5px}body.portrait .subhead{font-size:19px;letter-spacing:3px;margin-top:23px}body.portrait .subhead span{margin:0 12px}body.portrait .pyramid{top:230px;transform:scale(.72);transform-origin:50% 0}body.portrait .layer{left:50%}body.portrait .layer-caption{font-size:21px}body.portrait .layer-caption small{font-size:12px}body.portrait .caption-right{left:calc(100% + 15px)}body.portrait .caption-left{right:calc(100% + 15px)}body.portrait .layer-caption i{width:20px}body.portrait .layer-data .layer-caption{left:100%;margin-left:-15px}body.portrait .layer-dem .layer-caption{left:auto;right:10px;top:85%}body.portrait .layer-dem .layer-caption i{display:none}body.portrait .orbital-floor{top:1030px;width:1000px}body.portrait .flight-network{width:1400px;height:900px;left:-250px;top:235px}body.portrait .aircraft-left{width:250px;left:40px;top:345px}body.portrait .aircraft-right{width:240px;left:640px;top:690px}body.portrait .scan-light{height:240px;width:200px}body.portrait .aircraft-right .scan-light{height:230px}body.portrait .aircraft-note{margin:10px 0 0 20px}body.portrait .aircraft-right .aircraft-note{margin-left:65px}body.portrait .aircraft-note span{font-size:15px}body.portrait .aircraft-note small{font-size:8px}
body.portrait .scenario{font-size:24px;padding:13px 15px;gap:10px}body.portrait .scenario>span{font-size:10px}body.portrait .scenario:nth-child(1){left:580px;top:310px}body.portrait .scenario:nth-child(2){left:170px;top:630px}body.portrait .scenario:nth-child(3){left:175px;top:830px}body.portrait .scenario:nth-child(4){left:245px;top:1150px}body.portrait .scenario:nth-child(5){left:735px;top:467px}body.portrait .scenario:nth-child(6){left:745px;top:610px}body.portrait .scenario:nth-child(7){left:730px;top:978px}body.portrait .scenario:nth-child(8){left:675px;top:1155px}body.portrait .scenario:nth-child(9){left:465px;top:1240px}body.portrait .scenario:nth-child(10){left:225px;top:1030px}body.portrait .scene-description{bottom:140px;width:100%}body.portrait .scene-description strong{font-size:22px}body.portrait .scene-description>span:last-child{font-size:15px;letter-spacing:1px}body.portrait .footer{left:38px;right:38px;bottom:43px;font-size:16px}body.portrait .footer>a{font-size:18px}body.portrait .footer-center{display:none}body.portrait .text-btn{font-size:16px}body.portrait .text-btn svg{width:15px;height:15px}body.portrait .controls{gap:28px}