:root{--night:#030405;--paper:#f3f4ee;--acid:#d9ff3f;--red:#ff493c;--muted:#aeb5b7;--line:rgba(255,255,255,.2);--display:"Arial Narrow","Avenir Next Condensed","DIN Condensed","PingFang SC","Microsoft YaHei",sans-serif;--body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Menlo,Consolas,monospace;--mx:0;--my:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--night)}
body{margin:0;background:var(--night);color:var(--paper);font:16px/1.7 var(--body);overflow-x:hidden}
a{color:inherit}button{font:inherit}.cosmos-header{position:fixed;z-index:50;left:0;right:0;top:0;height:76px;padding:0 34px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,3,4,.9),rgba(2,3,4,.18));backdrop-filter:blur(8px)}
.cosmos-brand{text-decoration:none;font:900 28px/.9 var(--display);letter-spacing:-.055em}.cosmos-brand span{color:var(--acid)}.cosmos-header nav{display:flex;justify-content:center;gap:38px}.cosmos-header nav a{text-decoration:none;font-size:14px;font-weight:700}.cosmos-header nav a:hover{color:var(--acid)}.soundless-control{padding:8px 11px;border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.22);color:#d6dad7;font:11px var(--mono);cursor:pointer}.soundless-control:hover{border-color:var(--acid);color:var(--acid)}
.journey-rail{position:fixed;z-index:45;left:32px;top:50%;width:110px;transform:translateY(-45%)}.rail-title{display:block;margin-bottom:18px;color:#838b90;font:9px var(--mono);letter-spacing:.16em;writing-mode:vertical-rl}.journey-rail nav{display:grid;gap:4px}.journey-rail a{position:relative;height:46px;display:grid;grid-template-columns:22px 1fr;align-items:center;text-decoration:none;color:#777f84;transition:color .25s}.journey-rail a i{font:10px var(--mono);font-style:normal}.journey-rail a b{font-size:12px;white-space:nowrap;opacity:0;transform:translateX(-5px);transition:.25s}.journey-rail a:before{content:"";position:absolute;left:-12px;width:2px;height:0;background:var(--acid);transition:height .3s}.journey-rail a.active{color:#fff}.journey-rail a.active:before{height:30px}.journey-rail a.active b,.journey-rail:hover a b{opacity:1;transform:none}.rail-progress{position:absolute;left:-12px;top:67px;width:2px;height:276px;background:rgba(255,255,255,.15)}.rail-progress i{display:block;width:100%;height:0;background:var(--acid)}
.cosmic-panel{position:relative;height:100svh;min-height:700px;scroll-snap-align:start;overflow:hidden;isolation:isolate;background:#080a0c}.scene-media,.scene-media:after,.scene-filter{position:absolute;inset:0}.scene-media{z-index:-3;overflow:hidden;background:radial-gradient(circle at 70% 44%,#172533 0,#07090c 48%,#020303 78%)}.scene-media img{width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.88) contrast(1.08);transform:scale(1.05) translate(calc(var(--mx)*-8px),calc(var(--my)*-5px));transition:opacity .9s ease,transform 8s cubic-bezier(.2,.7,.1,1)}.cosmic-panel.is-visible .scene-media img{transform:scale(1.01) translate(calc(var(--mx)*-8px),calc(var(--my)*-5px))}.scene-media img.loaded{opacity:1}.scene-media:after{content:"";background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.7) 0 1px,transparent 1.6px),radial-gradient(circle at 75% 35%,rgba(255,255,255,.5) 0 1px,transparent 1.4px);background-size:190px 190px,270px 270px;opacity:.18}.scene-filter{background:linear-gradient(90deg,rgba(2,3,4,.94) 0%,rgba(2,3,4,.7) 38%,rgba(2,3,4,.12) 72%),linear-gradient(0deg,rgba(2,3,4,.8),transparent 35%,rgba(2,3,4,.18))}
.panel-copy{position:absolute;z-index:3;left:max(10vw,150px);top:50%;width:min(700px,47vw);transform:translateY(-48%)}.mission-label{margin:0 0 25px;color:var(--acid);font:700 11px var(--mono);letter-spacing:.16em}.panel-copy h1,.panel-copy h2{margin:0;font:900 clamp(70px,8.2vw,142px)/1 var(--display);letter-spacing:-.08em;text-wrap:balance;text-shadow:0 4px 24px rgba(0,0,0,.35)}.panel-copy .lead{max-width:610px;margin:34px 0 0;color:#d2d6d4;font-size:16px;line-height:1.9;text-wrap:pretty}.panel-actions{margin-top:34px;display:flex;align-items:center;gap:28px}.panel-actions a{font-weight:800;text-decoration:none;font-size:14px}.panel-actions a:not(.solid-action){padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.6)}.solid-action{display:inline-flex;align-items:center;gap:28px;padding:13px 16px;background:var(--acid);color:#0b0c09}.solid-action span{font-size:19px}.panel-actions a:hover{color:var(--acid)}.panel-actions .solid-action:hover{background:#fff;color:#080906}
.scale-word{position:absolute;z-index:-1;right:-.03em;bottom:-.14em;color:rgba(255,255,255,.07);font:900 clamp(160px,30vw,560px)/.72 var(--display);letter-spacing:-.09em;user-select:none}.object-caption{position:absolute;right:38px;top:104px;text-align:right}.object-caption span{display:block;color:var(--acid);font:11px var(--mono);letter-spacing:.18em}.object-caption b{display:block;margin-top:5px;color:#bec4c2;font-size:12px}
.news-transmission{position:absolute;z-index:5;right:35px;bottom:36px;width:min(480px,38vw);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:8px 20px;border-top:1px solid rgba(255,255,255,.55);background:rgba(3,5,6,.64);backdrop-filter:blur(10px);text-decoration:none}.news-transmission span{color:#adb4b5;font:10px var(--mono);letter-spacing:.11em}.news-transmission span i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(255,73,60,.15)}.news-transmission b{grid-column:1/-1;font:800 25px/1.15 var(--display);letter-spacing:-.02em}.news-transmission small{grid-column:2;grid-row:1;color:#7e878a;font:9px var(--mono)}.news-transmission:hover{border-color:var(--acid)}
.scroll-cue{position:absolute;left:max(10vw,150px);bottom:34px;display:flex;align-items:center;gap:15px;color:#aab0b0;font:9px var(--mono);letter-spacing:.12em}.scroll-cue i{display:block;width:45px;height:1px;background:#aab0b0;animation:cue 1.8s ease-in-out infinite;transform-origin:left}.orbit-line{position:absolute;right:-15vw;top:22%;width:78vw;height:50vw;border:1px solid rgba(217,255,63,.25);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 40px rgba(217,255,63,.04)}
.moon-panel .scene-filter{background:linear-gradient(90deg,rgba(2,3,4,.95),rgba(2,3,4,.7) 38%,rgba(2,3,4,.06) 78%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 50%)}.mars-panel .scene-filter{background:linear-gradient(90deg,rgba(16,7,4,.95),rgba(16,7,4,.63) 42%,rgba(12,4,1,.06) 78%),linear-gradient(0deg,rgba(5,2,1,.7),transparent 45%)}.mars-panel .mission-label,.mars-panel .object-caption span{color:#ff7a47}.solar-panel .scene-filter{background:linear-gradient(90deg,rgba(3,3,4,.95),rgba(3,3,4,.66) 40%,rgba(3,3,4,.06) 78%),linear-gradient(0deg,#030304,transparent 45%)}.galaxy-panel .scene-filter{background:linear-gradient(90deg,rgba(2,3,8,.95),rgba(2,3,8,.62) 42%,rgba(2,3,8,.06) 78%),linear-gradient(0deg,#020308,transparent 48%)}.universe-panel .scene-filter{background:linear-gradient(90deg,rgba(3,2,8,.95),rgba(3,2,8,.58) 43%,rgba(3,2,8,.04) 80%),linear-gradient(0deg,#030207,transparent 48%)}.universe-panel .mission-label,.universe-panel .object-caption span{color:#8de8ff}.universe-panel .scale-word{font-size:clamp(130px,24vw,460px)}
.cosmos-footer{position:absolute;left:0;right:0;bottom:0;min-height:54px;padding:14px 34px 14px max(10vw,150px);display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);background:rgba(2,3,5,.7);color:#929a9e;font:10px var(--mono)}.cosmos-footer a{text-decoration:none}.cosmos-footer a:last-child{margin-left:auto}
body.motion-paused *{animation-play-state:paused!important}.motion-paused .scene-media img{transition:none!important}.motion-paused .scene-media img,.motion-paused .cosmic-panel.is-visible .scene-media img{transform:none!important}
@keyframes cue{0%,100%{transform:scaleX(.25);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-media img,.journey-rail a,.journey-rail a b{transition:none}.scroll-cue i{animation:none}}
@media(max-width:900px){.cosmos-header{height:68px;padding:0 18px;grid-template-columns:1fr auto}.cosmos-header nav{display:none}.soundless-control{font-size:10px}.journey-rail{left:auto;right:12px;width:30px}.journey-rail .rail-title,.journey-rail a b{display:none}.journey-rail a{grid-template-columns:1fr}.journey-rail a:before,.rail-progress{left:-7px}.panel-copy{left:24px;width:calc(100% - 70px);top:auto;bottom:110px;transform:none}.panel-copy h1,.panel-copy h2{font-size:clamp(58px,17vw,92px)}.panel-copy .lead{max-width:90%;font-size:14px;line-height:1.75}.scene-filter,.moon-panel .scene-filter,.mars-panel .scene-filter,.solar-panel .scene-filter,.galaxy-panel .scene-filter,.universe-panel .scene-filter{background:linear-gradient(0deg,rgba(2,3,4,.97) 0%,rgba(2,3,4,.68) 48%,rgba(2,3,4,.05) 84%)}.object-caption{right:52px;top:88px}.news-transmission{left:24px;right:54px;bottom:25px;width:auto}.earth-panel .panel-copy{bottom:215px}.scroll-cue{display:none}.scale-word{font-size:52vw;bottom:.1em}.cosmos-footer{padding:12px 52px 12px 18px;gap:14px;flex-wrap:wrap}.cosmos-footer a:last-child{margin-left:0}.universe-panel .panel-copy{bottom:120px}}
@media(max-width:560px){.cosmic-panel{min-height:720px}.cosmos-brand{font-size:24px}.panel-copy{bottom:90px}.earth-panel .panel-copy{bottom:205px}.panel-copy .lead{margin-top:22px}.panel-actions{margin-top:24px;gap:15px;align-items:flex-start;flex-direction:column}.panel-actions a{font-size:13px}.news-transmission b{font-size:21px}.object-caption b{display:none}.cosmos-footer span{width:100%}}