:root{--gold:#e4ad42;--pale:#f4d385}*{box-sizing:border-box}body,html{margin:0;background:#000}a,button{font:inherit}.journey-page{width:100vw;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#000;color:#f8efda;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.journey-canvas{position:relative;width:min(100vw,150vh);aspect-ratio:3/2;overflow:hidden;background:#020609;box-shadow:0 0 60px #000d9;touch-action:none;cursor:grab;user-select:none}.journey-canvas:active{cursor:grabbing}.journey-base{width:100%;height:100%;display:block;object-fit:fill}.card-path,.journey-base{position:absolute;inset:0;pointer-events:none}.card-path{z-index:4;perspective:1200px;perspective-origin:56% 55%;transform-style:preserve-3d;clip-path:none}.path-card{position:absolute;left:var(--path-left);top:var(--path-top);width:var(--path-width);height:var(--path-height);padding:0;container-type:size;display:block;overflow:hidden;border:1px solid rgb(244 190 74/var(--path-frame-alpha));border-radius:clamp(6px,.72vw,12px);background:radial-gradient(circle at 50% 0,#d39d351c,transparent 38%),linear-gradient(145deg,#090d0ff8,#010405f5);color:#fff2d3;text-align:left;transform:translateZ(var(--path-z)) rotateY(var(--path-rotate-y)) rotate(var(--path-rotate-z));transform-origin:50% 0;transform-style:preserve-3d;backface-visibility:hidden;opacity:var(--path-opacity);filter:saturate(.82);z-index:var(--path-z-index);box-shadow:0 0 var(--path-frame-glow) rgb(228 173 66/var(--path-frame-alpha)),0 14px 36px #000b;pointer-events:auto;cursor:pointer;will-change:transform,opacity,filter}.path-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 22%,#ffe2a01f 44%,transparent 63%);opacity:.38}.path-card:hover{filter:saturate(.95);border-color:#fff0ad;box-shadow:0 0 25px #ffd56ea6,0 18px 40px #000c}.path-card.active{border-color:#fff0ad;box-shadow:inset 0 0 18px #ffd56e2e,0 22px 52px #000e}.path-card>strong{display:block;position:absolute;z-index:2;top:4%;left:5%;right:5%;color:var(--pale);font-family:Georgia,Times New Roman,serif;font-size:var(--path-year-size);line-height:1}.path-card>strong small{margin-left:.25em;font-size:.48em;font-weight:500}.path-card h2{z-index:2;top:21%;right:5%;margin:0;color:#fff6e4;font-size:var(--path-title-size);line-height:1.18}.path-card h2,.path-card img{position:absolute;left:5%;opacity:var(--path-content-opacity);transform:translateY(var(--path-content-offset))}.path-card img{z-index:1;top:36%;width:90%;height:47%;display:block;object-fit:cover;border-radius:.35vw;filter:grayscale(.58) contrast(1.09)}.path-card:not(.active)>strong{line-height:1}.path-card:not(.active) h2{line-height:1.08}.path-card:not(.active)>div{display:none}.path-card.third-card>strong{font-size:9.5cqw}.path-card>div{position:absolute;z-index:2;left:5%;right:5%;bottom:3%;display:flex;gap:3%;margin:0}.path-card>div span{border:1px solid #9b6a216b;border-radius:999px;font-size:clamp(10px,.72vw,13px);font-weight:700}.panel-tags span,.path-card>div span{padding:2.5% 5%;background:#ab771d26;color:var(--gold);white-space:nowrap}.panel-tags span{border:1px solid #dca83a40;border-radius:999px}.control-zone{position:absolute;z-index:9;top:87.7%;height:5.5%;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}.control-zone:focus-visible{outline:2px solid #ffe294;outline-offset:2px}.control-zone:disabled{cursor:default}.previous-zone{left:3.5%;width:9.5%}.next-zone{left:87%;width:9.7%}.live-counter{position:absolute;left:65.75%;top:80.5%;width:8.5%;height:5.2%;display:grid;place-items:center;background:#03080cf2;color:var(--pale);font:600 clamp(12px,1.35vw,24px) Georgia,serif;pointer-events:none}.live-counter,.live-timeline{z-index:8;border-radius:999px}.live-timeline{position:absolute;left:30.3%;top:87.1%;width:38.4%;height:6.2%;padding:0 1%;display:flex;align-items:center;justify-content:space-around;background:#02070cf0}.live-timeline:after{content:"";position:absolute;left:5%;right:5%;bottom:10%;height:1px;background:linear-gradient(90deg,transparent,#dca63e,transparent)}.live-timeline button{position:relative;z-index:1;min-width:15%;height:65%;padding:0 2%;border:0;border-radius:999px;background:transparent;color:#f4ead4;display:grid;place-items:center;font:600 clamp(7px,.9vw,15px) Georgia,serif;cursor:pointer}.live-timeline button i{position:absolute;left:50%;bottom:-28%;width:clamp(4px,.45vw,8px);height:clamp(4px,.45vw,8px);transform:translateX(-50%);border-radius:50%;background:#dfa63c;box-shadow:0 0 8px #d99a2a}.live-timeline button.active{background:linear-gradient(135deg,#f5d470,#dc9c29);color:#171005;box-shadow:0 0 14px #e2a83e70}.live-timeline button.active i{background:#ffe49a;box-shadow:0 0 12px #f2b940}.live-panel{position:absolute;z-index:8;left:74.6%;top:8.5%;width:23.5%;height:86.2%;padding:2% 1.8%;overflow:hidden;border:1px solid #f1c158c7;border-radius:1.5vw;background:radial-gradient(circle at 50% 0,#d39d3517,transparent 35%),linear-gradient(145deg,#050a0dfd,#010508fb);color:#fff2d3;box-shadow:0 0 0 1px #ffe08f24,0 0 22px #e4ad423d,0 16px 35px #000b8;animation:panel-in .32s ease both;cursor:default;user-select:text}.live-panel>strong{display:block;color:var(--pale);font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,calc(3.2vw + 1px),57px);line-height:1}.live-panel>strong small{margin-left:.25em;font-size:.48em}.live-panel h2{margin:4% 0;font-size:clamp(15px,calc(1.72vw + 1px),31px);line-height:1.25}.panel-tags{display:flex;gap:3%;margin:0 0 5%}.live-panel>img{width:100%;height:27%;display:block;object-fit:cover;border:1px solid #e0ae444d;border-radius:.7vw;filter:grayscale(.55) contrast(1.08)}.live-panel section{margin-top:5%}.live-panel h3{margin:0 0 2%;color:var(--gold);font-size:clamp(13px,calc(1.1vw + 2px),21px)}.live-panel p{margin:0;color:#f9efd9c7;font-size:clamp(12px,calc(.96vw + 2px),19px);line-height:1.55}.panel-related{display:grid;grid-template-columns:repeat(2,1fr);gap:.4vw 1vw}.panel-related span{color:#f9efd9d1;font-size:clamp(12px,calc(1vw + 2px),19px)}.panel-related b{margin-left:.4em;color:var(--gold)}.live-panel>a{position:absolute;left:7.5%;right:7.5%;bottom:2.5%;height:7.2%;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-radius:.65vw;background:linear-gradient(135deg,#f2c862,#d99a2a);color:#171005;text-decoration:none;font-size:clamp(10px,calc(.98vw + 1px),17px);font-weight:800}@keyframes panel-in{0%{opacity:.72;transform:translateX(1.2%)}to{opacity:1;transform:none}}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.mobile-fallback{display:none}@media(max-width:700px){.journey-page{display:block;min-height:100svh;overflow:auto;background:linear-gradient(#010508a3,#010508f5),url(/images/historical-corridor/hk-harbour-bg.jpg) 50%/cover fixed}.journey-canvas{display:none}.mobile-fallback{min-height:100svh;padding:22px 18px 36px;display:block}.mobile-logo{width:150px;height:auto}.mobile-fallback>p{margin:28px 0 6px;color:var(--gold);font:700 10px Georgia,serif;letter-spacing:.24em}.mobile-fallback>h1{margin:0 0 22px;color:#fff0cc;font-family:"Noto Serif TC",PMingLiU,serif;font-size:31px}.mobile-events{display:flex;gap:8px;overflow-x:auto}.mobile-events button{min-width:112px;padding:10px;border:1px solid #e0ae4259;border-radius:8px;background:#02070ad1;color:#f8efdaba;text-align:left}.mobile-events button.active{border-color:var(--pale);color:#fff;box-shadow:0 0 16px #e0ab3e3d}.mobile-events span,.mobile-events strong{display:block}.mobile-events strong{color:var(--gold);font:24px Georgia,serif}.mobile-events span{margin-top:5px;font-size:11px}.mobile-detail{margin-top:16px;padding:20px;border:1px solid #e6b9538c;border-radius:14px;background:#02070ae6;box-shadow:0 18px 45px #0007a}.mobile-detail>strong{color:var(--pale);font:42px/1 Georgia,serif}.mobile-detail>strong small{font-size:.45em}.mobile-detail h2{margin:10px 0 14px;font-size:21px}.mobile-detail img{width:100%;height:190px;object-fit:cover;border-radius:8px;filter:grayscale(.35)}.mobile-detail p{color:#f8efdabf;font-size:14px;line-height:1.7}}@media(prefers-reduced-motion:reduce){.live-panel{animation:none}.path-card{will-change:auto}}.panel-tags span{font-size:clamp(9px,calc(.78vw + 1px),14px)}.language-selector{position:absolute;z-index:14;top:6.25%;left:86.35%;transform:translateX(-50%) scale(1.3);min-height:3.2%;padding:.35% .7%;border:1px solid rgb(240 194 92/42%);border-radius:999px;background:rgb(2 7 11/88%);box-shadow:0 0 16px rgb(228 173 66/18%);cursor:default}.language-selector,.language-selector span{display:flex;align-items:center}.language-selector i{width:1px;height:1em;margin:0 .25vw;background:rgb(255 255 255/30%)}.language-selector button{min-width:2.2em;padding:.18em .32em;border:0;border-bottom:2px solid transparent;background:transparent;color:rgb(255 255 255/66%);font-size:clamp(12px,1.05vw,18px);font-weight:700;line-height:1.2;cursor:pointer}.language-selector button:hover{color:#fff4d6}.language-selector button.active{border-bottom-color:var(--gold);color:#fff}.language-selector button:focus-visible{outline:2px solid #ffe294;outline-offset:2px;border-radius:2px}.language-en .path-card h2{font-size:min(var(--path-title-size),5.2cqw);line-height:1.08}.language-en .live-panel h2{font-size:clamp(14px,calc(1.35vw + 1px),25px)}.language-en .live-panel p,.language-en .panel-related span{font-size:clamp(11px,calc(.8vw + 2px),16px)}.mobile-topbar{display:flex;align-items:flex-start;justify-content:space-between}.mobile-topbar .language-selector{position:static;transform:none;margin-top:6px;padding:7px 9px}.mobile-topbar .language-selector i{margin:0 4px}.mobile-topbar .language-selector button{font-size:15px}@media (max-width:700px){.mobile-topbar .mobile-logo{width:150px}.language-en .mobile-fallback>h1{font-size:27px;line-height:1.16}}.corridor-clean-logo{position:absolute;z-index:3;top:5.5%;left:2.2%;width:27.1%;height:auto;pointer-events:none;filter:drop-shadow(0 4px 12px #000)}@media (min-width:701px){.journey-page{display:flex;flex-direction:column;align-items:center;overflow:auto}.journey-canvas{flex:0 0 auto}}@media (prefers-reduced-motion:reduce){.journey-base,.live-panel,.path-card{transition:none!important;animation:none!important}}.journey-reduced-motion .live-panel,.journey-reduced-motion .path-card{transition:none!important;animation:none!important}.journey-portrait-prompt{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:rgb(2 6 10/88%);color:#f8efda;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;text-align:center;pointer-events:auto}.journey-portrait-prompt p{margin:0;font-size:clamp(15px,4vw,20px);line-height:1.5}.journey-portrait-prompt button{padding:10px 28px;border:1px solid rgb(240 194 92/60%);border-radius:999px;background:transparent;color:#ffe294;font-size:15px;font-weight:700;cursor:pointer}.journey-portrait-prompt button:hover{background:rgb(240 194 92/12%)}.journey-portrait-prompt button:focus-visible{outline:2px solid #ffe294;outline-offset:3px}.journey-portrait-prompt__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.journey-home-button{position:fixed;top:12px;left:12px;z-index:250;padding:8px 16px;border:1px solid rgb(240 194 92/60%);border-radius:999px;background:rgb(2 7 11/90%);color:#ffe294;font-size:14px;font-weight:700;cursor:pointer;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.journey-home-button:hover{background:rgb(240 194 92/12%)}.journey-home-button:focus-visible{outline:2px solid #ffe294;outline-offset:3px}.journey-immersive .public-header{display:none!important}.journey-mode-switch-wrap{display:flex;justify-content:flex-end;padding:8px 12px 0;background:#000}.journey-mode-switch{display:flex;gap:4px;align-items:center;padding:4px 6px;border:1px solid rgb(240 194 92/28%);border-radius:999px;background:rgb(2 7 11/90%)}.journey-mode-switch button{padding:4px 10px;border:0;border-radius:999px;background:transparent;color:rgb(255 255 255/55%);font-size:clamp(10px,1vw,13px);font-weight:600;cursor:pointer;white-space:nowrap}.journey-mode-switch button:hover{color:#fff4d6}.journey-mode-switch button.active{background:rgb(228 173 66/18%);color:#ffe294}.journey-mode-switch button:focus-visible{outline:2px solid #ffe294;outline-offset:2px;border-radius:999px}.journey-mode-switch--compact{margin:8px 0 12px}.journey-mode-switch--compact button{font-size:13px;padding:5px 12px}.journey-simplified{min-height:100vh;background:#0a0e14;color:#f0e6d0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;padding:0 0 40px}.journey-simplified__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 24px 16px;background:#050a10;border-bottom:1px solid rgb(228 173 66/18%)}.journey-simplified__heading{margin:32px 24px 24px;font-size:clamp(20px,3vw,32px);font-weight:700;color:#ffe294}.journey-simplified__list{list-style:none;margin:0;padding:0 24px;display:flex;flex-direction:column;gap:0}.journey-simplified__item{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid rgb(255 255 255/8%)}.journey-simplified__year{font-size:clamp(18px,2.5vw,24px);font-weight:700;color:#e4ad42;padding-top:2px;line-height:1.2}.journey-simplified__year span{font-size:.65em;margin-left:2px}.journey-simplified__content h2{margin:0 0 6px;font-size:clamp(14px,1.6vw,18px);font-weight:600;color:#f8efda}.journey-simplified__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.journey-simplified__tags span{padding:2px 8px;border:1px solid rgb(228 173 66/32%);border-radius:999px;font-size:12px;color:#c9a84c}.journey-simplified__content p{margin:0;font-size:clamp(12px,1.2vw,15px);line-height:1.6;color:rgb(240 230 208/75%)}@media (max-width:480px){.journey-simplified__item{grid-template-columns:60px 1fr;gap:12px}.journey-simplified__header{padding:14px 16px 12px}.journey-simplified__heading{margin:20px 16px 16px}.journey-simplified__list{padding:0 16px}}.experience-attribution{width:100%;padding:24px 18px 32px;display:flex;justify-content:center;background:#020713;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;text-align:center}.experience-attribution__content{width:min(100%,620px)}.experience-attribution__copyright{margin:0;color:rgba(255,255,255,.7);font-size:13px;font-weight:400;letter-spacing:.02em;line-height:1.6}.experience-attribution__label{margin:16px 0 12px;color:rgba(255,255,255,.65);font-size:12px;font-weight:500;letter-spacing:.18em;line-height:1.5}.experience-attribution__logo{display:block;width:120px;max-width:130px;height:auto;margin:0 auto}@media (max-width:1024px){.experience-attribution__logo{width:110px}}@media (max-width:620px){.experience-attribution__logo{width:95px}}.journey-canvas>.experience-attribution{position:absolute;z-index:10;left:.17%;bottom:1.6%;width:12.6%;padding:0;background:transparent;pointer-events:none}.mobile-fallback>.experience-attribution{margin-top:32px;background:transparent}