:root{--bg:#02040a;--cyan:#22e6ff;--blue:#2f6bff}.home{background:var(--bg)}.home .top{z-index:10;max-width:1280px;position:fixed;top:0;left:0;right:0}.home .icon-btn{-webkit-backdrop-filter:blur(8px);background:#0810208c;border-color:#22e6ff2e}.home .lang-menu{-webkit-backdrop-filter:blur(12px);background:#060c1afa;border-color:#22e6ff2e}.home .lang-menu a.active{color:var(--cyan);text-shadow:0 0 10px #22e6ff99}.home .nav-link{color:#a9b6cf}.home .nav-link:hover{color:#fff}.stage{height:500vh;position:relative}.viewport{height:100svh;position:sticky;top:0;overflow:hidden}#scene{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.viewport:before{content:"";z-index:0;width:calc(var(--orb,30vmin) * 2.6);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle closest-side,#78dcff47 0,#2f8cff1f 20%,#0000 50%),radial-gradient(circle closest-side,#0000 74%,#22e6ff33 76.5%,#22e6ff0f 78.5%,#0000 85%),radial-gradient(circle closest-side,#145aaa57 0,#0a326e3d 55%,#0514321a 77%,#0000 100%);border-radius:50%;transition:opacity 1s;animation:3.2s ease-in-out infinite orb-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orb-breathe{50%{opacity:.8;transform:translate(-50%,-50%)scale(1.035)}}.scene-wait #scene,.viewport.live:not(.scene-on) #scene{opacity:0}#scene{transition:opacity .9s}.viewport.scene-on:before{opacity:0;animation:none}.intro{z-index:3;pointer-events:none;will-change:opacity, transform;max-width:40rem;position:absolute;bottom:max(72px,11vh);left:max(24px,5vw);right:24px}.intro h1{letter-spacing:-.03em;color:#fff;text-wrap:balance;text-shadow:0 0 40px #02040ae6;font-size:clamp(2rem,4.6vw,3.5rem);font-weight:700;line-height:1.12}:lang(zh) .intro h1{letter-spacing:-.01em;line-height:1.28}.intro .lead{color:#b6c2d9;white-space:pre-line;text-shadow:0 0 24px #02040a;margin-top:14px;font-size:1.0625rem}.hint{z-index:3;color:#8fa3c4;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;bottom:22px;left:0;right:0}.hint i{background:linear-gradient(var(--cyan), transparent);transform-origin:top;width:1px;height:26px;animation:2.2s ease-in-out infinite drop}@keyframes drop{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(14px)}}.nodes{z-index:4;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.node{white-space:nowrap;color:#f1f8ff;pointer-events:auto;-webkit-backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#060e1eb8;border:1px solid #22e6ff66;align-items:baseline;gap:10px;padding:10px 16px 10px 13px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.node b{font-family:var(--mono);color:var(--cyan);letter-spacing:.06em;font-size:12px;font-weight:500}a.node:hover,a.node:focus-visible{border-color:var(--cyan);box-shadow:none;background:#22e6ff33}.node.soon{color:#9fb2d3;border-style:dashed;border-color:#82a0d266;font-weight:400}.node.soon b{color:#7f95bb}.scene-wait .viewport:not(.live) .nodes{visibility:hidden}.live .nodes{display:block}.live .node{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.live .node:not(.on){pointer-events:none}.lead-line{transform-origin:0;opacity:0;background:linear-gradient(90deg, var(--cyan), #22e6ff40);pointer-events:none;will-change:transform, opacity;height:1px;position:absolute;top:0;left:0}.rail{display:none}.live .rail{z-index:5;gap:6px;display:grid;position:absolute;top:50%;right:max(14px,2vw);transform:translateY(-50%)}.rail button{background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.rail button:before{content:"";background:#8caadc59;width:14px;height:2px;transition:width .25s,background .25s,box-shadow .25s}.rail button.on:before{background:var(--cyan);width:22px;box-shadow:0 0 10px #22e6ffcc}.loadbar{z-index:1;left:50%;top:calc(50% + var(--orb,30vmin) * 1.18);pointer-events:none;opacity:0;justify-items:center;gap:8px;width:168px;transition:opacity .5s;display:grid;position:absolute;transform:translate(-50%)}.scene-wait .loadbar{opacity:1}.loadbar span{font:500 10px/1 var(--mono);letter-spacing:.32em;color:#78c8ffb3;text-indent:.32em}.loadbar i{background:#22e6ff24;width:100%;height:2px;display:block;position:relative;overflow:hidden}.loadbar i:before{content:"";transform-origin:0;background:linear-gradient(90deg, #2f6bff66, var(--cyan));animation:4.5s cubic-bezier(.2,.7,.2,1) forwards load;position:absolute;inset:0;transform:scaleX(.02);box-shadow:0 0 10px #22e6ffb3}.viewport.scene-on .loadbar i:before{animation:none;transform:scaleX(1)}@keyframes load{55%{transform:scaleX(.7)}to{transform:scaleX(.94)}}.reticle{display:none}@media (hover:hover) and (pointer:fine){.live .reticle{z-index:6;opacity:0;pointer-events:none;will-change:transform, opacity;--b:#78ebffd9;background:linear-gradient(var(--b), var(--b)) 0 0 / 10px 1px no-repeat, linear-gradient(var(--b), var(--b)) 0 0 / 1px 10px no-repeat, linear-gradient(var(--b), var(--b)) 100% 0 / 10px 1px no-repeat, linear-gradient(var(--b), var(--b)) 100% 0 / 1px 10px no-repeat, linear-gradient(var(--b), var(--b)) 0 100% / 10px 1px no-repeat, linear-gradient(var(--b), var(--b)) 0 100% / 1px 10px no-repeat, linear-gradient(var(--b), var(--b)) 100% 100% / 10px 1px no-repeat, linear-gradient(var(--b), var(--b)) 100% 100% / 1px 10px no-repeat;filter:drop-shadow(0 0 4px #22e6ff8c);width:44px;height:44px;margin:-22px 0 0 -22px;display:block;position:absolute;top:0;left:0}.live .reticle:after{content:"";background:var(--cyan);width:3px;height:3px;box-shadow:0 0 8px var(--cyan);border-radius:50%;margin:-1.5px;position:absolute;top:50%;left:50%}}.hud{display:none}.live .hud{z-index:2;pointer-events:none;font:500 10.5px/1.7 var(--mono);letter-spacing:.14em;color:#8fa3c48c;display:block;position:absolute;inset:0}.hud p{margin:0;position:absolute}.hud b{color:#a0e1ffd9;font-variant-numeric:tabular-nums;font-weight:500}.hud-tl{align-items:center;gap:8px;display:flex;top:78px;left:max(24px,5vw)}.hud-tl i{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite hud-blink;box-shadow:0 0 8px #34d399}@keyframes hud-blink{50%{opacity:.35}}.hud-tr{text-align:right;top:78px;right:max(24px,5vw)}.hud-br{text-align:right;bottom:26px;right:max(24px,5vw)}.home footer{color:#5f7193;padding-top:28px;padding-bottom:28px}.home footer a:hover{color:#a9b6cf}@media (width<=640px){.intro{bottom:84px}.intro .lead{font-size:1rem}.node{padding:8px 13px 8px 11px;font-size:14px}.live .rail,.live .hud{display:none}}@media (prefers-reduced-motion:reduce){.hint i,.viewport:before,.hud-tl i{animation:none}}
