:root{color-scheme:dark;--ivory:#f2ecdc;--muted:#cacbbd;--gold:#d6c69b;--ink:#16211d;--serif:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-family:"Microsoft YaHei",sans-serif;color:var(--ivory);background:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{border:0}a{color:inherit;text-decoration:none}#journey{position:relative;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:#18231d;touch-action:pan-x}
.scenery,.scene-image,.shade,.mist{position:absolute;inset:0;width:100%;height:100%}.scenery{z-index:-4}.scene-image{object-fit:cover;will-change:transform,opacity;transform:scale(1.025)}.shade{z-index:-2;background:linear-gradient(180deg,rgba(9,20,16,.53),transparent 26%,transparent 43%,rgba(8,19,15,.42) 64%,rgba(8,19,15,.94)),linear-gradient(90deg,rgba(8,19,15,.26),transparent 65%);pointer-events:none}.mist{z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 40% 70%,#dbe0d1b3,transparent 70%),linear-gradient(100deg,#a6b7a25c,#dde3d075,#8a9b8154);filter:blur(15px);transform:scale(1.2)}
.masthead{position:absolute;top:35px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:15px;align-items:center}.brand svg{width:43px;height:38px}.brand>span{font-family:var(--serif);font-size:22px;letter-spacing:.24em}.brand small{display:block;font-family:"Microsoft YaHei",sans-serif;font-size:9px;letter-spacing:.45em;margin-top:9px;opacity:.65}.header-actions{display:flex;gap:26px}.quiet-button{background:transparent;font-size:12px;letter-spacing:.12em;padding:10px 0;display:flex;align-items:center;gap:9px}.quiet-button>span{font-size:22px;font-weight:300}.quiet-button:hover{color:var(--gold)}.side-note{position:absolute;right:4.8%;top:31%;writing-mode:vertical-rl;letter-spacing:.45em;font:12px var(--serif);opacity:.7}.story{position:absolute;left:7.3%;bottom:215px;max-width:620px;text-shadow:0 2px 22px #07150ca8}.eyebrow{font-size:11px;letter-spacing:.35em;color:var(--gold);margin:0 0 22px;display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--gold)}h1{font:400 clamp(42px,5vw,76px)/1.2 var(--serif);letter-spacing:.17em;margin:0 0 22px}h1.long-title{font-size:clamp(35px,4vw,62px)}.description{font:14px/1.9 var(--serif);letter-spacing:.17em;margin:0;color:#e1e4d9}.location{font-size:10px;letter-spacing:.15em;margin:22px 0 0;color:#bdc3b5}.travel-status{position:absolute;right:4.6%;bottom:242px;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);font-family:Georgia,serif}.travel-status>span:first-child{font-size:27px;color:var(--ivory)}.count-rule{height:1px;width:28px;background:#c7ceba66}.journey-footer{position:absolute;left:4.5%;right:4.5%;bottom:22px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-bottom:24px}.previous{background:transparent;text-align:left;padding:14px 0;font-size:17px}.previous span{font-size:11px;letter-spacing:.16em;margin-left:8px}.continue-wrap{text-align:center}.next{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-width:195px;padding:15px 24px;border:1px solid #ddd8ba66;background:#15271d80;backdrop-filter:blur(12px);font-family:var(--serif);font-size:16px;letter-spacing:.2em;transition:background .2s,border .2s}.next:hover{background:#d5c49b;color:#1c2c20;border-color:#d5c49b}.next>span:last-child{font-family:sans-serif;font-size:20px}.gesture-hint{font-size:9px;letter-spacing:.13em;color:#a6b0a1;margin:11px 0 0}.next-stop{text-align:right;font-size:11px;letter-spacing:.12em;color:#b5c0ad}.status{position:absolute;top:100px;left:50%;transform:translateX(-50%);background:#14251ded;padding:12px 20px;font-size:12px;z-index:4;max-width:90%;text-align:center}.panorama .scene-image{object-fit:contain!important;transform:none!important}.panorama .shade{background:linear-gradient(#0c1915bf,transparent 22%,transparent 63%,#0c1915ed 91%)}.panorama .story{opacity:0;pointer-events:none}.panorama .side-note,.panorama .travel-status{opacity:0}
dialog{color:var(--ivory);background:#192820f5;border:1px solid #d2d6b733;width:min(520px,calc(100% - 32px));max-height:85svh;padding:32px 38px;box-shadow:0 28px 110px #0007}dialog::backdrop{background:#08150eb3;backdrop-filter:blur(9px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading .eyebrow{font-size:9px;margin-bottom:12px}h2{font:32px var(--serif);letter-spacing:.18em;margin:0}.close-button{font-size:30px;background:transparent;width:40px;height:40px}.map-intro,.map-footnote{font-size:11px;line-height:1.8;color:#b7c2b0}.map-intro{margin:20px 0}.route-list{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid #9daa7355}.route-list li{padding-left:15px}.route-list button{width:100%;background:transparent;display:flex;justify-content:space-between;text-align:left;align-items:center;padding:11px 9px;line-height:1.4;font-family:var(--serif);letter-spacing:.1em}.route-list button:hover,.route-list button[aria-current="step"]{color:#efe0b2;background:#d8ca9820}.route-list .road button{color:#a4b198;font-size:11px;padding-top:8px;padding-bottom:8px}.route-list small{font-family:sans-serif;font-size:9px;opacity:.65}.map-footnote{margin:18px 0 0}.noscript{position:fixed;top:40%;left:10%;right:10%;padding:30px;background:#18231d;text-align:center}
@media(min-width:1700px){.story{bottom:250px}.journey-footer{bottom:32px}.controls{margin-bottom:36px}}
@media(max-width:700px){#journey{min-height:560px}.masthead{top:max(23px,env(safe-area-inset-top));left:6%;right:6%}.brand{gap:8px}.brand svg{width:31px}.brand>span{font-size:17px}.brand small{font-size:7px;letter-spacing:.32em}.header-actions{gap:17px}.quiet-button{font-size:10px;gap:4px}.quiet-button>span{font-size:19px}.scene-image{object-position:var(--focus,50%) center}.side-note{right:6%;top:24%;font-size:10px}.story{left:8%;right:10%;bottom:233px}.eyebrow{font-size:10px;letter-spacing:.22em;margin-bottom:16px}h1{font-size:46px;letter-spacing:.12em;margin-bottom:16px}h1.long-title{font-size:32px}.description{font-size:12px;letter-spacing:.1em;max-width:260px;line-height:1.85}.location{margin-top:16px;font-size:9px}.travel-status{right:6%;bottom:240px;gap:6px}.travel-status>span:first-child{font-size:20px}.count-rule{width:15px}.journey-footer{left:6%;right:6%;bottom:max(18px,env(safe-area-inset-bottom))}.controls{grid-template-columns:1fr 2fr 1fr;margin-bottom:27px}.previous{font-size:22px}.previous span{display:none}.next{min-width:172px;padding:13px 18px;gap:26px;font-size:15px}.next-stop{font-size:9px;line-height:1.8;max-width:58px;justify-self:end}.gesture-hint{font-size:8px;letter-spacing:0;margin-top:10px}.shade{background:linear-gradient(#08170f80,transparent 27%,transparent 38%,#091a1255 52%,#091a12e8 76%,#091a12f5)}dialog{padding:25px 23px}.panorama .scene-image{object-position:center}.panorama .shade{background:linear-gradient(#091a1280,transparent 25%,transparent 60%,#091a12f5 80%)}.panorama .scene-image{padding-bottom:60px}}
@media(max-height:650px) and (min-width:701px){#journey{min-height:430px}.masthead{top:20px}.story{bottom:180px}h1{font-size:42px;margin-bottom:12px}.eyebrow{margin-bottom:12px}.location{margin-top:12px}.journey-footer{bottom:14px}.controls{margin-bottom:15px}.travel-status{bottom:205px}}
@media(prefers-reduced-motion:reduce){*,*:before{scroll-behavior:auto!important;transition:none!important}.scene-image{will-change:auto}}
dialog[open]{display:flex;flex-direction:column;overflow:hidden}.dialog-heading,.map-intro,.map-footnote{flex-shrink:0}.route-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9eaa7f44 transparent}
@media(max-width:700px){h1.long-title .name-part{display:block}h1.long-title .title-divider{display:none}h1.long-title{line-height:1.3}.route-list button{gap:12px}.route-list small{max-width:61%;text-align:right}}
.story{bottom:145px}.travel-status{bottom:168px}
@media(max-width:700px){.story{bottom:165px}.travel-status{bottom:172px}}
[hidden]{display:none!important}
.masthead{z-index:3}.unfold{position:absolute;inset:0;width:100%;height:100%;z-index:1;background:transparent;cursor:pointer}.unfold:focus-visible{outline:2px solid var(--gold);outline-offset:-14px}.story{z-index:2;bottom:135px;max-width:min(550px,85vw);pointer-events:none}.story h1{font-size:clamp(36px,4vw,56px);margin-bottom:16px}.story h1.long-title{font-size:clamp(31px,3.5vw,48px)}.narration p{font:16px/1.85 var(--serif);letter-spacing:.08em;margin:0 0 7px;color:#e7e9df}.revealed-line{animation:reveal-line .55s ease-out both}@keyframes reveal-line{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal-hint{position:absolute;z-index:2;left:50%;bottom:37px;transform:translateX(-50%);margin:0;white-space:nowrap;text-align:center;color:#ebeadf;font:12px var(--serif);letter-spacing:.14em;text-shadow:0 2px 18px #06140c}.reveal-hint:before{content:"";display:block;width:1px;height:24px;margin:0 auto 10px;background:#d8d0a788}.choices{position:absolute;z-index:3;left:7.3%;bottom:42px;display:flex;align-items:center;gap:13px}.choices button{min-width:152px;padding:15px 19px;border:1px solid #e0d9bc77;background:#14251ec9;backdrop-filter:blur(10px);font:15px var(--serif);letter-spacing:.1em;text-align:center;transition:background .2s,color .2s}.choices button:hover{background:#d5c49b;color:#1c2c20}.choices .choice-forward{display:flex;align-items:center;justify-content:space-between;gap:20px}.panorama .unfold,.panorama .reveal-hint,.panorama .choices{display:none!important}
@media(max-width:700px){.story{left:8%;right:8%;bottom:165px;max-width:none}.story h1{font-size:39px;line-height:1.25;margin-bottom:13px}.story h1.long-title{font-size:31px}.narration p{font-size:14px;line-height:1.8;letter-spacing:.04em;margin-bottom:7px}.choices{left:8%;right:8%;bottom:max(32px,env(safe-area-inset-bottom));gap:10px}.choices button{min-width:0;flex:1;padding:13px 8px;font-size:13px;white-space:nowrap}.choices .choice-forward{justify-content:center;gap:12px}.reveal-hint{bottom:max(37px,env(safe-area-inset-bottom));font-size:11px;letter-spacing:.06em}.reveal-hint:before{height:18px}}
@media(max-height:650px) and (min-width:701px){.story{bottom:120px}.choices{bottom:20px}.reveal-hint{bottom:20px}}
@media(prefers-reduced-motion:reduce){.revealed-line{animation:none}}
.panorama .story{visibility:hidden}
.choices .choice-forward:disabled{opacity:.78;cursor:not-allowed}.choices .choice-forward:disabled:hover{background:#14251ec9;color:var(--ivory)}.choices .choice-forward:disabled>span:last-child{display:none}
@media(max-width:700px){.choices .choice-forward:disabled{font-size:12px;letter-spacing:0;white-space:normal}}