
/* Baihe Atlas immersive journey v1.6 */
.immersive-overview{background:#06111d;color:#edf7f7;min-height:100vh;overflow:clip}
body.journey-active{background:#06111d;overflow-x:hidden}
body.journey-active .status-strip,body.journey-active .site-footer{display:none}
body.journey-active main{padding:0}
.journey-shell{height:720vh;position:relative;background:#06111d}
.journey-stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;perspective:1250px;transform-style:preserve-3d;transition:background .7s linear}
.journey-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.journey-nebula{position:absolute;z-index:0;filter:blur(70px);opacity:.3;border-radius:50%;pointer-events:none;mix-blend-mode:screen}
.journey-nebula--a{width:48vw;height:40vw;left:-16vw;top:-12vw;background:radial-gradient(circle,#276d78,transparent 68%);animation:nebulaA 18s ease-in-out infinite alternate}
.journey-nebula--b{width:44vw;height:44vw;right:-15vw;bottom:-22vw;background:radial-gradient(circle,#344f78,transparent 70%);animation:nebulaB 22s ease-in-out infinite alternate}
@keyframes nebulaA{to{transform:translate(12vw,8vh) scale(1.18)}}@keyframes nebulaB{to{transform:translate(-10vw,-6vh) scale(1.12)}}
.journey-veil{position:absolute;inset:-10%;z-index:42;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(171,223,224,.14) 44%,rgba(223,242,244,.28) 50%,rgba(86,145,157,.13) 57%,transparent 100%);filter:blur(24px);opacity:0}
.journey-hud{position:absolute;inset:30px 34px 28px;z-index:60;pointer-events:none;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto}
.journey-hud__brand{display:flex;align-items:center;gap:10px;font:700 10px var(--mono);letter-spacing:.2em;color:rgba(220,241,241,.68)}
.journey-hud__brand img{width:32px;height:32px}
.journey-hud__chapter{justify-self:end;text-align:right}.journey-hud__chapter small,.journey-hud__chapter span{display:block;color:rgba(220,241,241,.45);font:700 9px var(--mono);letter-spacing:.18em}.journey-hud__chapter b{display:block;margin:4px 0;font:500 30px var(--serif);color:#dff4f3}
.journey-hud__progress{grid-column:1/-1;align-self:end;height:1px;background:rgba(226,244,244,.12);overflow:hidden}.journey-hud__progress i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#69c5c2,#6c93bd);box-shadow:0 0 18px rgba(105,197,194,.45)}
.journey-scroll-hint{position:absolute;left:50%;bottom:34px;z-index:61;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:rgba(220,241,241,.56);font:700 9px var(--mono);letter-spacing:.16em}.journey-scroll-hint i{width:54px;height:1px;background:rgba(220,241,241,.18);position:relative;overflow:hidden}.journey-scroll-hint i:after{content:"";position:absolute;inset:0;width:18px;background:#7bc9c6;animation:hint 1.8s ease-in-out infinite}@keyframes hint{from{transform:translateX(-20px)}to{transform:translateX(58px)}}
.journey-scene{position:absolute;inset:0;z-index:10;display:block;transform-style:preserve-3d;opacity:0;pointer-events:none;will-change:transform,opacity,filter}
.journey-scene.is-interactive{pointer-events:auto}
.scene-copy{position:absolute;z-index:18;max-width:820px;color:#eaf5f5}
.scene-copy--center{left:50%;top:50%;transform:translate(-50%,-50%)!important;text-align:center;width:min(900px,84vw)}
.scene-copy--left{left:clamp(34px,7vw,116px);top:50%;transform:translateY(-50%);width:min(760px,52vw)}
.scene-copy--right{right:clamp(34px,7vw,116px);top:50%;transform:translateY(-50%);width:min(720px,50vw)}
.scene-copy--narrow{width:min(600px,45vw)}
.scene-kicker{display:inline-flex;padding:8px 11px;border:1px solid rgba(142,213,213,.18);background:rgba(9,31,39,.28);backdrop-filter:blur(12px);color:#87cbc8;font:700 10px var(--mono);letter-spacing:.19em}
.scene-logo{width:94px;height:94px;margin:0 auto 22px;filter:drop-shadow(0 0 28px rgba(113,198,199,.24))}
.scene-copy h1{margin:12px 0 18px;font:650 clamp(82px,13vw,190px)/.9 var(--serif);letter-spacing:-.075em;color:#effafa;text-shadow:0 0 40px rgba(101,188,191,.08)}
.scene-copy h2{margin:18px 0 20px;font:650 clamp(42px,5.8vw,86px)/1.1 var(--serif);letter-spacing:-.05em;color:#eff8f8}
.scene-copy p{max-width:720px;margin:0;color:rgba(222,240,240,.66);font-size:15px;line-height:1.95}
.scene-action{margin-top:26px;padding:11px 16px;border:1px solid rgba(148,214,214,.25);background:rgba(13,42,49,.48);color:#edf8f7;font-size:12px;font-weight:750;backdrop-filter:blur(14px);transition:.25s}.scene-action:hover{transform:translateY(-3px);border-color:#70c6c4;background:rgba(29,78,84,.56);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.space-coordinate{position:absolute;z-index:6;color:rgba(164,213,215,.25);font:700 9px var(--mono);letter-spacing:.2em}.coordinate-a{left:8vw;top:20vh}.coordinate-b{right:8vw;bottom:18vh}
.source-vector{position:absolute;left:52%;top:16%;bottom:16%;width:1px;background:linear-gradient(transparent,rgba(119,196,198,.55),transparent);box-shadow:0 0 28px rgba(119,196,198,.26)}
.source-fragments{position:absolute;right:7vw;top:18vh;bottom:18vh;width:36vw;z-index:8;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.source-fragments span{padding:10px 14px;border-left:1px solid rgba(131,201,201,.32);background:linear-gradient(90deg,transparent,rgba(15,48,55,.55));color:rgba(221,240,240,.62);font:500 clamp(18px,2.1vw,32px) var(--serif);letter-spacing:.04em}
.constellation-label,.deep-label{position:absolute;z-index:20;border:0;background:transparent;color:#e9f5f5;text-align:left;padding:8px 12px 8px 28px;min-width:170px;transition:.25s}.constellation-label i{position:absolute;left:7px;top:18px;width:6px;height:6px;border-radius:50%;background:#83d2ce;box-shadow:0 0 0 8px rgba(131,210,206,.08),0 0 22px rgba(131,210,206,.6)}.constellation-label:after{content:"";position:absolute;left:10px;top:21px;width:90px;height:1px;background:linear-gradient(90deg,rgba(131,210,206,.5),transparent);transform:translateX(-90px)}.constellation-label b,.deep-label span{display:block;font:700 18px var(--serif)}.constellation-label span,.deep-label b{display:block;margin-top:5px;color:rgba(218,238,238,.48);font-size:10px;letter-spacing:.08em}.constellation-label:hover,.deep-label:hover{background:rgba(18,53,60,.48);transform:translateY(-4px)!important}.c1{left:10vw;bottom:18vh}.c2{left:42vw;top:20vh}.c3{right:9vw;bottom:18vh}.c4{left:30vw;bottom:35vh}.c5{right:18vw;top:34vh}.c6{left:60vw;bottom:42vh}
.deep-label{padding:12px 16px;border-left:1px solid rgba(120,198,200,.45);background:linear-gradient(90deg,rgba(11,37,44,.62),rgba(11,37,44,.02));backdrop-filter:blur(8px)}.deep-label span{font-size:24px}.deep-label b{font-size:11px}.d1{left:8vw;top:18vh}.d2{left:24vw;bottom:16vh}.d3{left:44vw;top:28vh}.d4{left:16vw;top:51vh}
.mri-space-card{position:absolute;z-index:20;width:min(330px,28vw);padding:18px 20px;border:1px solid rgba(129,198,201,.17);background:linear-gradient(135deg,rgba(12,38,48,.74),rgba(13,28,45,.55));backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.18);color:#edf7f7}.mri-space-card small{font:700 8px var(--mono);letter-spacing:.14em;color:#78c8c5}.mri-space-card b{display:block;margin:13px 0 7px;font:700 18px var(--serif)}.mri-space-card span{font-size:11px;color:rgba(220,240,240,.56)}.mri-space-card--a{right:8vw;top:14vh}.mri-space-card--b{right:22vw;top:38vh}.mri-space-card--c{right:7vw;bottom:15vh}.mri-space-card--d{right:34vw;bottom:9vh}
.formula-route{position:absolute;left:6vw;top:50%;transform:translateY(-50%);z-index:14;width:48vw;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px}.formula-route span,.formula-route b{padding:14px 16px;border:1px solid rgba(133,205,204,.18);background:rgba(10,34,41,.58);color:#e9f6f5;font:700 17px var(--serif);white-space:nowrap}.formula-route b{border-color:rgba(122,203,198,.48);box-shadow:0 0 30px rgba(99,193,191,.12)}.formula-route i{height:1px;background:linear-gradient(90deg,rgba(106,195,193,.18),rgba(106,195,193,.8),rgba(106,195,193,.18))}
.scene-copy--portal{top:27%}.scene-copy--portal h2{font-size:clamp(40px,5vw,72px)}
.journey-portals{position:absolute;left:6vw;right:6vw;bottom:9vh;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.journey-portal{min-height:150px;padding:20px;text-align:left;border:1px solid rgba(131,201,203,.16);background:linear-gradient(150deg,rgba(12,39,47,.68),rgba(10,28,42,.48));color:#eaf6f6;backdrop-filter:blur(14px);transition:.25s}.journey-portal small{font:700 9px var(--mono);color:#7bcac6}.journey-portal b{display:block;margin:23px 0 8px;font:700 19px var(--serif)}.journey-portal span{font-size:10px;line-height:1.7;color:rgba(220,239,239,.48)}.journey-portal:hover{transform:translateY(-7px)!important;border-color:rgba(112,198,196,.58);background:rgba(22,66,72,.66)}
[data-reveal]{will-change:transform,opacity,clip-path}
@media(max-width:960px){.journey-shell{height:670vh}.journey-stage{min-height:560px}.scene-copy--left,.scene-copy--right{left:24px;right:24px;top:19vh;transform:none;width:auto}.scene-copy--center{width:90vw}.scene-copy h1{font-size:22vw}.scene-copy h2{font-size:clamp(36px,7vw,58px)}.source-vector{left:auto;right:22vw}.source-fragments{width:48vw;right:2vw}.constellation-label{transform:scale(.85)}.c1{left:2vw}.c2{left:36vw}.c3{right:1vw}.c4{left:18vw}.c5{right:4vw}.c6{left:52vw}.deep-label{transform:scale(.9)}.d1{left:3vw}.d2{left:13vw}.d3{left:42vw}.d4{left:6vw}.mri-space-card{width:38vw}.mri-space-card--a{right:2vw}.mri-space-card--b{right:4vw;top:37vh}.mri-space-card--c{right:2vw}.mri-space-card--d{right:42vw}.formula-route{left:4vw;right:4vw;width:auto;bottom:12vh;top:auto;transform:none;grid-template-columns:1fr}.formula-route i{height:35px;width:1px;justify-self:center;background:linear-gradient(rgba(106,195,193,.18),rgba(106,195,193,.8),rgba(106,195,193,.18))}.journey-portals{grid-template-columns:repeat(3,1fr);bottom:5vh}.journey-portal{min-height:105px}.journey-portal b{margin:12px 0 5px}}
@media(max-width:560px){body.journey-active .topbar nav{display:none}.journey-shell{height:630vh}.journey-hud{inset:84px 16px 18px}.journey-hud__chapter{display:none}.journey-scroll-hint span{display:none}.scene-copy--left,.scene-copy--right{top:16vh}.scene-copy h1{font-size:28vw}.scene-copy h2{font-size:34px}.scene-copy p{font-size:12px}.source-fragments{top:45vh;bottom:12vh;width:86vw;right:7vw}.source-fragments span{font-size:18px}.constellation-label{min-width:130px}.constellation-label b{font-size:14px}.c1{left:-2vw;bottom:17vh}.c2{left:36vw;top:35vh}.c3{right:-3vw;bottom:20vh}.c4{left:7vw;bottom:36vh}.c5{right:3vw;top:24vh}.c6{left:46vw;bottom:43vh}.deep-label span{font-size:18px}.d1{left:2vw;top:36vh}.d2{left:5vw;bottom:14vh}.d3{left:50vw;top:43vh}.d4{left:31vw;bottom:30vh}.mri-space-card{width:46vw;padding:13px}.mri-space-card b{font-size:14px}.mri-space-card--a{right:2vw;top:39vh}.mri-space-card--b{right:49vw;top:53vh}.mri-space-card--c{right:2vw;bottom:8vh}.mri-space-card--d{right:49vw;bottom:17vh}.journey-portals{left:14px;right:14px;grid-template-columns:1fr 1fr;gap:7px}.journey-portal{min-height:84px;padding:13px}.journey-portal span{display:none}.journey-portal b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.journey-canvas,.journey-nebula,.journey-scroll-hint{display:none}.journey-scene,[data-reveal]{transition:none!important}}
