@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#f1f0e9;background:#101a1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #dcba83;outline-offset:4px}header{height:78px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#101a1eea;border-bottom:1px solid #fff1}header img{width:206px;height:68px;object-fit:contain}header>span{font-size:9px;letter-spacing:2px;color:#9eafb0}header i{margin:0 20px;color:#d1ad77}.back{font-size:11px;color:#c4ceca}main{position:relative;height:calc(100svh - 120px);min-height:650px;overflow:hidden;isolation:isolate}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block}#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.hidden{display:none!important}.shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b181ba6,transparent 36%),linear-gradient(0deg,#07171dbb,transparent 32%,transparent 75%,#11222733)}.intro{position:absolute;left:38px;top:30px;z-index:2;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2.4px;color:#b6c4bf}h1{font-weight:400;font-size:38px;letter-spacing:5px;margin:16px 0 12px}h1 em{display:block;font-style:normal;font-size:27px;letter-spacing:4px;color:#dce2d5;margin-top:5px}.intro p{font-size:10px;letter-spacing:1.3px;color:#b3c4bc}.mode{position:absolute;right:32px;top:28px;z-index:3;background:#112426d9;border:1px solid #ffffff2b;padding:4px;border-radius:5px;display:flex}.mode button{padding:8px 15px;background:none;border:0;font-size:10px;color:#b5c6c4;border-radius:3px}.mode button[aria-pressed=true]{background:#e9e9dc;color:#2b3f3d}details{position:absolute;right:32px;top:90px;width:248px;z-index:3;background:#13282de8;border:1px solid #ffffff24;border-radius:6px}summary{display:flex;align-items:center;padding:14px;font-size:11px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{margin-left:auto;color:#a8bcb7;font-size:9px}summary i{font-style:normal;margin-left:12px;color:#d7b887}fieldset{border:0;margin:0;padding:0 14px 14px}fieldset:disabled{opacity:.45}.weather,.hours{display:flex;gap:5px}.weather button,.hours button{flex:1;border:1px solid #ffffff20;background:#ffffff07;font-size:10px;padding:8px 3px;border-radius:4px}.weather button[aria-pressed=true]{background:#a4b48a29;border-color:#c4d3a555}.hours button{border:0;background:none;font-size:9px;padding:5px 2px}.time-label{display:flex;justify-content:space-between;margin-top:18px;font-size:11px}#timeValue{font-size:14px;color:#e1c99e}input[type=range]{accent-color:#cfb584;cursor:pointer;min-width:0}#timeOfDay{width:100%;margin:14px 0 9px}.music{padding:12px 14px;border-top:1px solid #fff1}.music>span{font-size:11px}.music small{display:block;font-size:8px;color:#9cafaa;margin-top:5px}.music button{display:block;width:100%;background:#c7ae7520;border:1px solid #c7ae7540;border-radius:4px;padding:8px;font-size:10px;margin-top:10px}.volume{display:flex;gap:8px;align-items:center;font-size:9px;margin:7px 0}.volume label{white-space:nowrap}.volume input{width:100%}.volume output{font-size:8px}#musicStatus{font-size:8px;color:#96aca7}.note{margin:0 14px 12px;font-size:8px;color:#95aca7}aside{position:absolute;left:38px;top:245px;width:218px;z-index:2}aside h2{font-size:42px;font-weight:400;letter-spacing:6px;margin:13px 0}aside h2 small{display:block;font-size:11px;letter-spacing:2px;margin-top:9px;color:#b7c7c0}.coordinates{font-size:8px;letter-spacing:1px;color:#b3c5bc}.facts{display:flex;gap:32px;margin:23px 0 26px}.facts div{display:flex;flex-direction:column;gap:8px}.facts b{font-size:24px;font-weight:400}.facts b small{font-size:10px}.facts span{font-size:8px;color:#afc2b9}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:15px;border:1px solid transparent;background:#0d272020;font-size:10px;text-align:left;padding:11px 10px;border-radius:4px}nav button[aria-pressed=true]{border-color:#c4cd9960;background:#9caa7225}nav button span{font-size:8px;color:#bccdba}nav button i{margin-left:auto;font-style:normal}.about{background:none;border:0;border-bottom:1px solid #becaaf55;padding:0;color:#bacdbf;font-size:8px;margin-top:17px}.caption{position:absolute;bottom:32px;left:320px;z-index:2;pointer-events:none}.caption>span{font-size:8px;letter-spacing:3px;color:#c0cbbd}.caption h3{font-size:19px;font-weight:400;letter-spacing:2px;margin:10px 0}.caption p{font-size:9px;color:#adbfbb}.toolbar{position:absolute;right:30px;bottom:35px;display:flex;gap:8px;z-index:3}.toolbar button{border-radius:50%;width:40px;height:40px;border:1px solid #ffffff40;background:#163033a0;color:#e1e7da;font-size:23px}.toolbar button[aria-pressed=true]{background:#708557}.toolbar button:disabled{opacity:.4;cursor:default}footer{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#9aaca5;font-size:8px;letter-spacing:1px}footer>span:nth-child(2){font-size:8px;letter-spacing:2px}#loading{position:absolute;z-index:5;top:42%;left:55%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:14px;padding:25px 35px;background:#153035ed;border:1px solid #dce9bf44;border-radius:8px}#loading b{font-size:13px;font-weight:400;letter-spacing:2px}#loading span{font-size:10px;color:#a9bbb2;white-space:nowrap}.spinner{width:22px;height:22px;border:1px solid #97ad8b55;border-top-color:#d0bf8a;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{max-width:540px;width:90vw;padding:35px;background:#172c30;border:1px solid #ffffff25;color:#e4e8de;border-radius:10px}dialog::backdrop{background:#081618bb}dialog h2{font-size:23px;font-weight:400}dialog p{font-size:12px;line-height:1.9;color:#b1c2b9}dialog a{font-size:10px}#closeInfo{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px}#continue{width:100%;margin-top:20px;padding:11px;background:#697d62;border:0;border-radius:4px}main:fullscreen{height:100svh}@media(min-width:851px)and (max-height:850px){aside{top:210px}aside h2{font-size:34px}.facts{margin:17px 0}.intro h1{font-size:31px}.intro h1 em{font-size:23px}}@media(max-width:850px){header{padding:0 18px;height:68px}header img{width:178px;height:60px}header>span{display:none}main{height:calc(100svh - 108px);min-height:700px}.intro{left:20px;top:23px}h1{font-size:30px}h1 em{display:inline;font-size:23px;margin-left:10px}.intro p{font-size:9px}.mode{top:124px;right:18px}details{top:174px;right:18px;width:222px}details[open]{max-height:calc(100% - 330px);overflow:auto}aside{inset:auto 20px 22px;width:auto}aside>.eyebrow,aside>h2,.coordinates,.facts{display:none}nav{display:flex;gap:6px}nav button{flex:1;justify-content:center;gap:8px;padding:10px 6px}nav button i{display:none}.caption{left:20px;bottom:160px}.caption h3{font-size:17px}.caption p{font-size:8px}.toolbar{right:18px;bottom:120px;gap:6px}.toolbar button{width:32px;height:32px;font-size:20px}#loading{left:50%;max-width:88vw}footer{height:40px;padding:0 18px;font-size:7px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.lake-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.lake-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;letter-spacing:1px;color:#e8f6fb;background:#113849e0;border:1px solid #91c4d76b;border-radius:20px;padding:5px 10px;box-shadow:0 2px 9px #00192455;white-space:nowrap}.lake-label[hidden]{display:none}