:root{color-scheme:dark;--ink:#f2f1ee;--muted:#a2a3a5;--line:#ffffff25;--panel:#151517e8}*{box-sizing:border-box}body{margin:0;background:#101012;color:var(--ink);font:400 13px/1.7 'DM Sans','Noto Sans TC',sans-serif}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button{border:1px solid var(--line);background:#18181bbb;border-radius:50px;padding:10px 17px}button:hover{background:#333337}button:disabled{opacity:.35;cursor:default}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #fff;outline-offset:4px}h1,h2,p{margin:0}[hidden]{display:none!important}.explorer{height:100svh;min-height:560px;position:relative;overflow:hidden}.scene,.poster,canvas{position:absolute;inset:0;width:100%;height:100%}.scene{background:#101012}.poster{object-fit:cover;opacity:.55;filter:brightness(.7)}canvas{touch-action:none}.explore-header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;height:90px;padding:0 4%;background:linear-gradient(#0c0c0ed9,transparent);z-index:2}.wordmark{position:absolute;left:50%;transform:translateX(-50%)}.wordmark img{display:block;width:130px}.back{font-size:12px}.back span{margin-left:10px}.actions{display:flex;gap:8px}.actions button{font-size:11px;padding:8px 15px}.actions #fullscreen{font-size:19px;line-height:1;padding:10px 13px}.micro{display:block;font-size:10px;letter-spacing:.2em;color:var(--muted)}.intro{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(90%,520px);text-align:center;padding:35px 25px;background:#101012b0;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:22px}.intro h1{font-size:clamp(32px,5vw,56px);font-weight:400;letter-spacing:-.03em;margin:12px 0 6px}.intro>p:nth-of-type(2){color:var(--muted);font-size:14px}.primary{background:#f2f1ee;color:#161618;border:0;margin-top:28px;padding:13px 25px}.primary:hover{background:white}.primary span{margin-left:22px}.load-note{font-size:11px;color:var(--muted);margin-top:14px}progress{display:block;width:75%;height:3px;accent-color:white;margin:15px auto}#error{color:#e1bdaf;margin-top:14px;font-size:12px}.info-panel,.floor-plan{position:absolute;top:106px;left:4%;width:300px;border:1px solid var(--line);border-radius:16px;background:var(--panel);backdrop-filter:blur(16px);padding:24px;z-index:3}.info-panel h2{font-size:24px;font-weight:400;margin:10px 0 2px}.info-panel #projectEnglish{color:var(--muted);font-size:12px}.description{margin-top:24px;line-height:1.9}.usage-note{color:var(--muted);font-size:11px;margin-top:16px}.info-panel>a{display:block;margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.floor-plan{left:auto;right:4%;padding:15px;width:230px}.floor-plan>button{border:0;background:none;width:100%;display:flex;justify-content:space-between;padding:0 0 10px;border-radius:0}#floorPlan{position:relative}#floorPlan img{width:100%;display:block}#floorPlan button{position:absolute;transform:translate(-50%,-50%);padding:0;width:28px;height:28px;background:#151517;color:#fff;border:1px solid #ddd}#floorPlan button[aria-pressed=true]{background:#fff;color:#111}.explore-bottom{position:absolute;inset:auto 0 0;padding:30px 4% 22px;background:linear-gradient(transparent,#0b0b0def 45%);z-index:2;pointer-events:none}.explore-bottom>*{pointer-events:auto}.project-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.project-strip>div{display:flex;align-items:center;gap:22px}.project-strip #stripTitle{font-size:15px}.project-strip>button{font-size:11px;background:transparent;border:0;padding-right:0}.viewpoints{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:3px 3px 12px}.viewpoint{flex:0 0 auto;padding:6px;display:flex;gap:10px;align-items:center;border-radius:10px;min-width:120px;text-align:left}.viewpoint img{width:56px;height:36px;object-fit:cover;border-radius:5px}.viewpoint span{padding-right:10px;font-size:11px}.viewpoint[aria-pressed=true]{border-color:#e7e7e7;background:#ffffff20}.control-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.control-row>p{color:var(--muted);font-size:11px}.controls{display:flex;gap:6px}.controls button{font-size:11px;padding:8px 14px}.notice{position:absolute;top:102px;left:50%;transform:translateX(-50%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 18px;max-width:90%;z-index:5;overflow-wrap:anywhere}.calibration{position:absolute;right:10px;top:95px;width:310px;padding:10px;background:#222;z-index:10}.calibration label{display:block;margin-top:8px}.calibration input{width:100%;background:#111;color:#fff;border:1px solid #888}.calibration output{display:block;overflow-wrap:anywhere;font-size:11px}.clean-frame .ui{visibility:hidden}.calibration button{font-size:10px;padding:6px}.is-ready .intro{display:none}.is-ready .poster{display:none}@media(max-width:700px){.explorer{min-height:500px}.explore-header{height:75px;padding:0 5%}.wordmark img{width:105px}.back span{margin-left:4px}.actions button{padding:7px 10px}.actions #fullscreen{display:none}.explore-bottom{padding:28px 5% max(18px,env(safe-area-inset-bottom))}.project-strip>div{display:block}.project-strip .micro{font-size:9px;margin-bottom:4px}.project-strip{margin-bottom:9px}.control-row{align-items:flex-end}.control-row>p{font-size:10px;max-width:140px}.controls button{padding:8px 10px}.viewpoint{min-width:110px}.viewpoint img{width:48px;height:32px}.info-panel{left:5%;right:5%;width:auto;max-height:55svh;overflow:auto;top:82px;padding:20px}.floor-plan{top:85px;right:5%;width:180px}.calibration{top:80px;width:240px}.intro{top:43%;padding:25px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}