@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#ececea;background:#0d141b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #ff394f;outline-offset:4px}header{height:80px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#141b20;border-bottom:1px solid #ffffff12}header img{width:215px;height:72px;object-fit:contain;display:block}.header-label{font-size:10px;letter-spacing:3px;color:#b4bbc0}.header-label span{color:#fa334e;margin:0 20px}.office-link{font-size:11px;color:#abb1b6;text-decoration:none}main{position:relative;height:calc(100svh - 124px);min-height:680px;isolation:isolate;overflow:hidden}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block}#poster{width:100%;height:100%;object-fit:cover;display:block;opacity:.75}#poster.hidden{display:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101820f0 0%,#101820a0 19%,transparent 42%),linear-gradient(0deg,#0d151de0,transparent 25%,transparent 70%,#10182080);z-index:1}.headline{position:absolute;left:38px;top:30px;z-index:2;pointer-events:none}.eyebrow{font-size:9px;color:#c1c6c8;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow span{width:5px;height:5px;background:#ff344d;border-radius:50%}h1{font-size:37px;letter-spacing:1px;font-weight:500;margin:14px 0 10px}h1 em{display:block;font-size:27px;font-style:normal;font-weight:400;color:#c2c9cd;margin-top:4px}.headline p{font-size:11px;letter-spacing:1px;color:#85949f;margin:0}.mode-switch{position:absolute;right:32px;top:30px;z-index:2;display:flex;background:#131d26cc;border:1px solid #ffffff20;border-radius:6px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-switch button{border:0;background:transparent;color:#a2aeb7;font-size:11px;padding:9px 17px;border-radius:3px}.mode-switch .active{background:#e9e9e1;color:#26343d}aside{position:absolute;left:38px;top:238px;width:238px;z-index:2}.section-label{font-size:8px;letter-spacing:2px;color:#81929f}h2{font-size:31px;letter-spacing:2px;font-weight:500;line-height:1.1;margin:15px 0}aside h2 span{display:block;font-size:11px;letter-spacing:3px;color:#a9b5bc;font-weight:400;margin-top:11px}.coordinates{font-size:8px;color:#7a8b97;letter-spacing:.6px}.stats{display:flex;justify-content:space-between;margin:25px 0 23px}.stats div{display:flex;flex-direction:column;gap:7px}.stats b{font-size:23px;font-weight:400;letter-spacing:-.5px}.stats small{font-size:10px;color:#8d9da8}.stats div>span{font-size:9px;color:#8d9da8}.rule{height:1px;background:#ffffff18;margin-bottom:22px}.views{display:grid;gap:4px;margin-top:12px}.views button{display:flex;align-items:center;gap:17px;padding:11px 12px;border:1px solid transparent;border-radius:4px;color:#acb9c2;background:transparent;text-align:left;font-size:11px}.views button span{font-size:9px;color:#718692}.views button i{margin-left:auto;font-style:normal}.views button:hover{background:#ffffff0d}.views button.active{background:#e92d481a;border-color:#ff3a4c60;color:#f1eded}.views button.active span{color:#ff5060}.scope{font-size:9px;line-height:1.9;color:#81919d;margin:20px 0 13px}.info-link{padding:0;border:0;border-bottom:1px solid #5b727d;background:transparent;color:#bac4ca;font-size:9px;line-height:2}.bottom-caption{position:absolute;left:340px;bottom:36px;z-index:2;pointer-events:none}.bottom-caption>span{font-size:9px;letter-spacing:2px;color:#a1b0bb}.bottom-caption h3{font-size:19px;font-weight:400;letter-spacing:1px;margin:8px 0}.bottom-caption p{font-size:9px;letter-spacing:.5px;color:#92a4b1}.toolbar{position:absolute;right:32px;bottom:40px;display:flex;gap:8px;z-index:3}.toolbar button{width:40px;height:40px;font-size:23px;line-height:1;background:#16232ccc;color:#dbe2e3;border:1px solid #ffffff30;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar button[aria-pressed=true]{background:#b9283d}.toolbar button:disabled{opacity:.3;cursor:default}.compass{position:absolute;right:38px;bottom:111px;z-index:2;display:flex;align-items:center;flex-direction:column;color:#9dafbc;font-size:9px;gap:5px;pointer-events:none}.compass i{font-size:28px;color:#eb5364;font-style:normal;transform-origin:50% 50%}#loading{position:absolute;left:60%;top:47%;transform:translate(-50%,-50%);width:270px;padding:25px;border:1px solid #ffffff25;background:#13212de8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:4;border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:12px;box-shadow:0 10px 60px #0005}#loading.hidden{display:none}#loading b{font-size:13px;font-weight:400}#progressText{font-size:10px;color:#9bb0bc}.loading-mark{height:20px;width:20px;border:1px solid #677780;border-top-color:#fa3e55;border-radius:50%;animation:spin 1.5s linear infinite}.track{width:100%;height:2px;background:#ffffff18}.track i{display:block;height:100%;width:3%;background:#ff3d55;transition:width .2s}@keyframes spin{to{transform:rotate(360deg)}}footer{height:44px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;background:#121a21;font-size:8px;letter-spacing:1px;color:#718797}footer a{text-decoration:none;color:#8296a2}footer b{font-weight:400;margin:0 9px;color:#a03246}footer>span:first-child{display:flex;align-items:center;gap:8px}#statusDot{width:5px;height:5px;border-radius:50%;background:#d2a155}#statusDot.ready{background:#76a990}dialog{max-width:540px;width:90vw;background:#16232d;color:#e2e9eb;border:1px solid #ffffff20;border-radius:10px;padding:38px}dialog::backdrop{background:#050b12b0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-size:22px;line-height:1.5;letter-spacing:0}dialog p{font-size:12px;line-height:1.9;color:#9db0bc}dialog a{font-size:11px}#closeInfo{position:absolute;top:10px;right:14px;border:0;background:none;color:#b4c1c8;font-size:25px}#doneInfo{display:block;width:100%;margin-top:25px;padding:12px;background:#db2d46;border:0;border-radius:4px;color:#fff}main:fullscreen{height:100svh}@media(max-width:1050px){header{padding:0 24px}.header-label{font-size:8px;letter-spacing:1.5px}.headline{left:24px}aside{left:24px;width:205px}.bottom-caption{left:266px}.mode-switch,.toolbar{right:20px}h1{font-size:32px}h1 em{font-size:25px}}@media(max-width:700px){header{height:68px;padding:0 16px}header img{width:174px;height:60px}.header-label{display:none}.office-link{font-size:10px}main{height:calc(100svh - 108px);min-height:710px}.headline{left:20px;top:22px}.eyebrow{font-size:7px}h1{font-size:27px;margin-top:13px}h1 em{display:inline;font-size:20px}.headline p{font-size:9px}.mode-switch{top:124px;right:18px}.mode-switch button{padding:7px 12px;font-size:10px}.vignette{background:linear-gradient(0deg,#0d151df5,transparent 40%,transparent 65%,#101820b0)}aside{inset:auto 20px 22px;width:auto}aside>.section-label:first-child,aside h2,.coordinates,.stats,.rule,.scope{display:none}aside>.section-label{font-size:8px}.views{display:flex;gap:8px}.views button{flex:1;justify-content:center;gap:8px;padding:11px 8px}.views button i{display:none}.info-link{font-size:8px;margin-top:13px}.bottom-caption{left:20px;bottom:155px}.bottom-caption h3{font-size:16px}.bottom-caption p{font-size:8px}.toolbar{bottom:156px;gap:5px;right:18px}.toolbar button{height:32px;width:32px;font-size:20px}.compass{bottom:219px;right:29px}#loading{left:50%;top:43%}footer{height:40px;padding:0 16px;font-size:7px}footer>span:nth-child(2){display:none}#poster{object-position:50% 45%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.environment{position:absolute;right:32px;top:93px;width:254px;z-index:3;background:#14212be8;border:1px solid #ffffff24;border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #0002}.environment summary{display:flex;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none;font-size:12px}.environment summary::-webkit-details-marker{display:none}.environment summary span:first-child{margin-left:auto;font-size:10px;color:#aabcc7}.environment summary span:last-child{color:#ff5269}.environment fieldset{border:0;margin:0;padding:0 16px 12px;min-width:0}.environment fieldset:disabled{opacity:.4}.weather-options{display:flex;gap:5px}.weather-options button,.time-presets button{flex:1;background:#ffffff08;color:#aabbc7;border:1px solid #ffffff16;border-radius:4px;padding:9px 3px;font-size:10px}.weather-options button.active,.time-presets button.active{color:#fff;background:#ba304733;border-color:#f54b6370}.time-heading{display:flex;justify-content:space-between;margin-top:20px;font-size:11px}.time-heading output{color:#f3b8be;font-variant-numeric:tabular-nums;font-size:14px}#timeOfDay{width:100%;margin:14px 0 9px;accent-color:#f44a61;cursor:pointer}.time-presets{display:flex;gap:4px}.time-presets button{border:0;background:transparent;font-size:9px;padding:6px 2px}.environment p{font-size:9px;line-height:1.6;color:#93a8b7;margin:0 16px 12px}.environment .water-note{border-top:1px solid #ffffff10;padding-top:10px;color:#78939f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1050px){.environment{right:20px;width:230px}}@media(max-width:700px){.environment{top:171px;right:18px;width:208px}.environment summary{padding:10px 12px}.environment fieldset{padding:0 12px 8px}.environment .time-heading{margin-top:10px}.environment p{margin:0 12px 8px;font-size:8px}.environment .water-note{display:none}.weather-options button{padding:7px 2px}}.environment{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17242ef5}.music-player{border-top:1px solid #ffffff14;padding:12px 16px 14px;margin-top:2px}.music-title{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.music-title>span{font-size:12px;color:#e7d4c6;letter-spacing:1px}.music-title small{font-size:8px;color:#93a8b7}.music-player button{border:1px solid #dca77b55;color:#efd4bc;background:#bf87521a;border-radius:4px;width:100%;padding:8px;font-size:10px}.music-player button[aria-pressed=true]{background:#bc80522b}.music-player button:disabled{opacity:.5}.music-volume{display:flex;align-items:center;gap:8px;margin:9px 0;font-size:9px;color:#aabcc7}.music-volume input{min-width:0;width:100%;accent-color:#d4a777}.music-volume output{font-size:8px;min-width:26px;font-variant-numeric:tabular-nums}#musicStatus{display:block;font-size:8px;color:#8b9eab}@media(max-width:700px){.music-player{padding:8px 12px}.music-title{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:6px}.music-title>span{font-size:10px}.music-title small{font-size:7px}.music-player button{padding:6px}.music-volume{margin:7px 0}.environment[open]{max-height:calc(100svh - 320px);overflow-y:auto;overscroll-behavior:contain}}.music-volume label{white-space:nowrap;flex-shrink:0}