:root{color:#f5efe2;background:#080c0a;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;--paper: #f5efe2;--muted: rgba(245, 239, 226, .62);--gold: #d8b779;--gold-bright: #f1d49a;--green-black: #0b1712;--hairline: rgba(229, 201, 148, .28)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#080c0a}body{-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}button:focus-visible{outline:1px solid var(--gold-bright);outline-offset:4px}.experience{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;background:var(--green-black)}.world,.panorama-shell,.panorama-canvas,.final-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.world{z-index:-3;overflow:hidden;background:#070b09}.panorama-shell{overflow:hidden}.panorama-canvas{display:block;cursor:grab;touch-action:none}.panorama-canvas:active{cursor:grabbing}.final-canvas{object-fit:cover;object-position:50% 50%;animation:still-reveal 1.25s cubic-bezier(.2,.7,.2,1) both}.cinematic-tone,.edge-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cinematic-tone{background:linear-gradient(90deg,#050d0ac7,#060f0b61 28%,#070b0905 58%,#050a082e);mix-blend-mode:multiply}.edge-vignette{box-shadow:inset 0 0 15vw #00040394,inset 0 -18vh 22vh #00040375}.scene-gallery .cinematic-tone{background:linear-gradient(90deg,#050c09ad,#060b0933,#07090800 64%,#04080640)}.scene-lamp .cinematic-tone{background:linear-gradient(90deg,#0508078f,#05080729 43%,#0407050d 70%,#0406052e);mix-blend-mode:normal}.topbar{position:absolute;z-index:12;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:30px 4.6vw 0}.brand{justify-self:start;display:grid;gap:5px;padding:0 0 12px;border:0;border-bottom:1px solid var(--hairline);background:transparent;text-align:left;cursor:pointer}.brand-kicker{color:var(--gold-bright);font-family:STSong,Songti SC,SimSun,serif;font-size:12px;letter-spacing:.18em}.brand strong{color:#f5efe294;font-size:8px;font-weight:400;letter-spacing:.42em}.top-meta{display:flex;align-items:center;gap:12px;margin-top:5px;color:#f7edda80;font-size:9px;letter-spacing:.18em}.top-meta i{display:block;width:24px;height:1px;background:#e1c28775}.controls{justify-self:end;display:flex;border:1px solid rgba(230,203,151,.2);background:#08110d8a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls button{position:relative;display:grid;place-items:center;width:44px;height:42px;padding:0;border:0;border-right:1px solid rgba(230,203,151,.16);background:transparent;color:#f6ecd7c7;cursor:pointer;transition:color .18s ease,background .18s ease}.controls button:last-child{border-right:0}.controls button:hover{color:var(--gold-bright);background:#d8b7791a}.controls button:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);right:0;width:max-content;padding:6px 8px;background:#070d0ad1;color:#f6ecd7b8;font-size:8px;letter-spacing:.1em;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease}.controls button:hover:after{opacity:1;transform:translateY(0)}.story{position:absolute;z-index:7;left:4.6vw;top:47%;width:min(610px,46vw);transform:translateY(-50%);pointer-events:none;animation:story-in .9s .18s cubic-bezier(.22,.72,.22,1) both}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--gold-bright);font-size:10px;letter-spacing:.32em}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}.eyebrow span{opacity:.52;font-size:8px;letter-spacing:.08em}.story h1{display:grid;margin:0;color:var(--paper);font-family:STSong,Songti SC,SimSun,serif;font-size:clamp(52px,5.65vw,86px);font-weight:400;letter-spacing:.045em;line-height:1.04;text-shadow:0 7px 38px rgba(0,0,0,.45)}.story h1 em{margin-top:9px;color:var(--gold-bright);font-style:normal}.story-copy{width:min(450px,100%);margin:26px 0 0;padding-top:17px;border-top:1px solid rgba(227,202,155,.28);color:#f7efe0c2;font-family:STSong,Songti SC,SimSun,serif;font-size:clamp(14px,1.12vw,18px);line-height:1.9;letter-spacing:.08em}.story-final{width:min(575px,42vw);top:45%}.story-final h1{font-size:clamp(58px,6.2vw,94px)}.story-final .story-copy{width:430px;color:#f7efe0b8}.final-back{min-width:150px;height:45px;margin-top:24px;padding:0 22px;border:1px solid rgba(224,192,132,.54);background:#0d18136b;color:var(--gold-bright);font-size:11px;letter-spacing:.13em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .18s ease}.final-back:hover{background:#d8b77924}.portal{position:absolute;z-index:9;right:11.8vw;top:53%;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:14px;min-width:250px;min-height:74px;padding:14px 18px;border:1px solid rgba(236,205,145,.62);background:#0a1711a8;color:var(--paper);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 42px #00000047;cursor:pointer;animation:portal-in .85s .62s ease both;transition:background .2s ease,transform .2s ease}.portal:hover{background:#213629d1;transform:translate(4px)}.portal:disabled{cursor:wait;opacity:.58}.portal-dot{width:8px;height:8px;border:1px solid var(--gold-bright);border-radius:50%;box-shadow:0 0 0 5px #dab7771a,0 0 24px #f8cf7ed9}.portal-copy{display:grid;gap:5px}.portal-copy strong{font-family:STSong,Songti SC,SimSun,serif;font-size:16px;font-weight:400;letter-spacing:.08em}.portal-copy small{color:#f5efe27a;font-size:8px;letter-spacing:.13em}.portal-arrow{color:var(--gold-bright);font-size:23px;font-family:Georgia,serif}.look-hint{position:absolute;z-index:7;left:50%;bottom:82px;display:flex;align-items:center;gap:10px;color:#f5efe2a3;font-size:9px;letter-spacing:.16em;transform:translate(-50%);pointer-events:none}.journey{position:absolute;z-index:10;left:4.6vw;right:4.6vw;bottom:27px;display:flex;align-items:flex-end;justify-content:space-between}.journey ol{display:grid;grid-template-columns:repeat(3,minmax(90px,138px));width:min(414px,42vw);margin:0;padding:0;list-style:none}.journey li{position:relative;border-top:1px solid rgba(227,208,170,.26)}.journey li:before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border:1px solid rgba(240,217,172,.7);border-radius:50%;background:#132019}.journey li.visited:before{background:var(--gold-bright);box-shadow:0 0 16px #eec77c8c}.journey li.active:before{width:9px;height:9px;top:-5px;box-shadow:0 0 0 5px #eec77c1a,0 0 22px #eec77cb8}.journey button{display:grid;gap:4px;width:100%;padding:13px 8px 0 0;border:0;background:transparent;color:#f0eadc66;text-align:left;cursor:pointer}.journey button span{color:#ebc98899;font-size:8px}.journey button strong{font-family:STSong,Songti SC,SimSun,serif;font-size:14px;font-weight:400;letter-spacing:.12em}.journey li.active button,.journey li.visited button{color:#f8f0e1e6}.journey p{margin:0;color:#ede3d180;font-size:8px;letter-spacing:.16em}.side-mark{position:absolute;z-index:6;right:2.2vw;top:32%;display:flex;align-items:center;gap:12px;color:#eddab375;font-size:7px;letter-spacing:.26em;writing-mode:vertical-rl}.side-mark i{display:block;width:1px;height:36px;background:#e0bf7e6b}.transition-curtain{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:22px;background:#08110d;opacity:0;pointer-events:none;transition:opacity .36s ease}.transition-curtain span{width:1px;height:52px;background:linear-gradient(transparent,var(--gold-bright));transform:scaleY(0);transform-origin:top;transition:transform .32s ease}.transition-curtain p{margin:0;color:var(--gold-bright);font-family:STSong,Songti SC,SimSun,serif;font-size:15px;letter-spacing:.32em;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.is-transitioning .transition-curtain{opacity:1}.is-transitioning .transition-curtain span{transform:scaleY(1)}.is-transitioning .transition-curtain p{opacity:.76;transform:translateY(0)}.guide-backdrop{position:absolute;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#030906bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in .22s ease both}.guide{position:relative;width:min(720px,100%);padding:clamp(30px,5vw,60px);border:1px solid rgba(209,178,119,.46);background:#efe8d9f7;color:#423b2e;box-shadow:0 34px 90px #0006}.guide-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:#544933;cursor:pointer}.guide>p{margin:0 0 12px;color:#8c6c35;font-size:9px;letter-spacing:.3em}.guide h2{margin:0 0 30px;font-family:STSong,Songti SC,SimSun,serif;font-size:clamp(30px,4vw,44px);font-weight:400}.guide-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(93,76,47,.2);border-left:1px solid rgba(93,76,47,.2)}.guide-grid article{display:grid;gap:7px;padding:18px;border-right:1px solid rgba(93,76,47,.2);border-bottom:1px solid rgba(93,76,47,.2)}.guide-grid span{color:#9b793f;font-size:8px}.guide-grid strong{color:#4d422f;font-family:STSong,Songti SC,SimSun,serif;font-size:17px;font-weight:400}.guide-grid small{color:#766c59;font-size:11px;line-height:1.6}.guide-confirm{min-width:150px;height:46px;margin-top:28px;border:1px solid #516055;background:#243a2f;color:#f5ebd8;font-size:12px;letter-spacing:.15em;cursor:pointer}.webgl-error{position:absolute;left:50%;top:50%;width:min(420px,80vw);margin:0;color:#eadbbd;text-align:center;transform:translate(-50%,-50%)}@keyframes story-in{0%{opacity:0;transform:translateY(calc(-50% + 22px))}to{opacity:1;transform:translateY(-50%)}}@keyframes portal-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes still-reveal{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.topbar{grid-template-columns:1fr auto;padding:18px 20px 0}.top-meta,.side-mark,.journey p{display:none}.story,.story-final{left:22px;top:42%;width:calc(100% - 44px);transform:translateY(-50%)}.story h1,.story-final h1{font-size:clamp(44px,13vw,64px)}.story-copy,.story-final .story-copy{width:min(390px,100%);margin-top:20px;padding-top:14px;font-size:14px;line-height:1.75}.portal{right:22px;top:auto;bottom:132px;min-width:min(270px,calc(100vw - 44px))}.look-hint{bottom:92px}.journey{left:22px;right:22px;bottom:22px}.journey ol{width:100%;grid-template-columns:repeat(3,1fr)}.journey button strong{font-size:12px}.scene-lamp .final-canvas{object-position:59% center}.scene-lamp .cinematic-tone{background:linear-gradient(180deg,#0307051f,#03070538 38%,#030705eb 72%)}.story-final{top:auto;bottom:100px;transform:none}.story-final h1{font-size:clamp(42px,12vw,58px)}.final-back{margin-top:16px}}@media(max-width:560px){.brand-kicker{font-size:10px}.controls button{width:40px;height:40px}.eyebrow{margin-bottom:15px}.story{top:39%}.story h1{font-size:clamp(39px,12vw,52px)}.story-copy{max-width:310px}.portal{min-height:66px;bottom:126px}.look-hint{display:none}.journey button{padding-top:11px}.journey button span{font-size:7px}.journey button strong{font-size:11px}.guide-backdrop{align-items:end;padding:0}.guide{max-height:88dvh;overflow:auto;padding:32px 22px 26px}.guide-grid{grid-template-columns:1fr}}@media(max-height:720px)and (min-width:901px){.story{top:45%}.story h1{font-size:clamp(46px,5vw,70px)}.story-copy{margin-top:18px;padding-top:13px}.journey{bottom:18px}.look-hint{bottom:68px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}