:root{color-scheme:dark;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#08090a;color:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body.intro-active{height:100dvh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ff8000;outline-offset:6px}.portal-intro{position:fixed;inset:0;z-index:100;background:#070707;overflow:hidden;isolation:isolate}.scene-fallback{position:absolute;inset:0;background:#080808 url('assets/reference-01.jpg') center center/cover no-repeat;will-change:transform;transform-origin:50% 57%}#portal-canvas{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity 1.1s}#portal-canvas.ready{opacity:1}.intro-top{position:absolute;top:35px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.19em;color:#ffffff90}.intro-top>span{font-weight:500}.intro-top button{background:none;border:0;color:#ffffffb3;font-size:12px;letter-spacing:.08em;padding:10px 0;cursor:pointer}.intro-top button span{margin-left:12px;font-size:17px}.journey-copy{position:absolute;left:4%;top:43%;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .7s,transform .7s}.copy-index{font-size:9px;letter-spacing:.19em;color:#ffffff70}.journey-copy p{font-size:clamp(19px,2.2vw,32px);line-height:1.6;font-weight:300;letter-spacing:.12em;margin-top:20px}.intro-footer{position:absolute;left:40px;right:40px;bottom:32px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.coordinates{font-size:9px;line-height:1.9;letter-spacing:.15em;color:#ffffff73}.coordinates>span{font-size:8px;color:#ffffff45}.scroll-prompt{position:absolute;left:50%;bottom:0;transform:translateX(-50%);color:#ffffffc9;display:flex;flex-direction:column;align-items:center;gap:11px;border:0;background:none;cursor:pointer;font-size:10px;letter-spacing:.2em;white-space:nowrap}.mouse-icon{width:16px;height:25px;border:1px solid #ffffff67;border-radius:10px;display:block;position:relative}.mouse-icon:before{content:'';position:absolute;top:5px;left:6px;width:2px;height:5px;background:#fff;animation:wheel 2s infinite}.scroll-arrow{font-size:17px;line-height:1;color:#ffffff83;animation:arrow 2s infinite}.journey-progress{display:flex;gap:12px;align-items:center;color:#ffffff73;font-size:9px;letter-spacing:.06em}.progress-line{height:1px;width:100px;background:#ffffff25;display:block}.progress-line i{display:block;height:1px;width:0;background:#fff}.whiteout{position:absolute;inset:0;background:white;opacity:0;pointer-events:none;z-index:10;will-change:opacity}.loading-state{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);color:#ffffff85;font-size:10px;letter-spacing:.16em;transition:opacity .6s;display:flex;align-items:center;gap:10px}.loading-state>span{display:block;width:9px;height:9px;border:1px solid #ffffff30;border-top-color:white;border-radius:50%;animation:spin 1.3s linear infinite}.loading-state.loaded{opacity:0;pointer-events:none}.portal-intro.departing{pointer-events:none}.portal-intro.departing .whiteout{transition:opacity 1.3s ease;opacity:0!important}.portal-intro.departing #portal-canvas,.portal-intro.departing .scene-fallback,.portal-intro.departing .intro-top,.portal-intro.departing .intro-footer,.portal-intro.departing .journey-copy{opacity:0!important}.portal-intro.departing{background:transparent}#event-mount{min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes wheel{0%,100%{opacity:0;transform:translateY(0)}25%{opacity:1}75%{opacity:0;transform:translateY(8px)}}@keyframes arrow{50%{transform:translateY(4px);opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.intro-top{top:17px;left:21px;right:21px;font-size:9px}.intro-footer{left:21px;right:21px;bottom:23px}.coordinates{font-size:7px}.coordinates>span{font-size:6px}.journey-progress{font-size:7px;gap:6px}.progress-line{width:38px}.scroll-prompt{font-size:9px;bottom:62px}.journey-copy{left:6%;top:40%}.journey-copy p{font-size:19px}.copy-index{font-size:7px}.loading-state{bottom:164px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mouse-icon:before,.scroll-arrow{animation:none}}

.journey-progress{margin-left:auto}

.scroll-labels{display:grid;place-items:center}.scroll-labels>span{grid-area:1/1;white-space:nowrap;will-change:opacity}#scroll-label-next{opacity:0}.journey-progress #progress-number{font-variant-numeric:tabular-nums}

.intro-top>img{display:block;width:82px;height:auto}
@media(max-width:700px){.intro-top>img{width:68px}}