@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:#293e38;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #65836b;outline-offset:4px}header{height:92px;margin:0 44px;border-bottom:1px solid #dedfd6;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;letter-spacing:2px;font-weight:600;text-decoration:none;color:inherit;display:flex;align-items:center;gap:9px}.brand>span:first-child{color:#8e9b8e;font-weight:400}.brand-caption{font-size:9px;letter-spacing:2px;border-left:1px solid #bbc1b6;margin-left:15px;padding:6px 0 6px 22px}.header-note{font-size:12px;letter-spacing:3px;color:#858d7e}.outline{border:1px solid #cdd2c7;background:transparent;padding:10px 15px;border-radius:4px;font-size:11px;color:#405448}.outline span{margin-left:20px}main{display:grid;grid-template-columns:315px 1fr;min-height:720px;height:calc(100svh - 153px);max-height:1050px;padding:30px 44px 20px;gap:25px}aside{padding:12px 24px 0 0;display:flex;flex-direction:column}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#788577;display:flex;align-items:center;gap:7px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#7e987e}h1{font-size:37px;line-height:1.5;font-weight:500;letter-spacing:1px;margin:21px 0 16px}.intro{font-size:12px;color:#858d80;line-height:2.1;margin:0}.specs{display:flex;gap:42px;margin:23px 0 28px}.specs>div{display:flex;flex-direction:column;gap:4px}.specs b{font-size:29px;font-weight:400;letter-spacing:-1px}.specs b>span{font-size:12px;letter-spacing:0}.specs div>span{font-size:10px;color:#899081}.section-label{font-size:10px;color:#8b927f;letter-spacing:1px}.views{display:grid;gap:5px;margin-top:13px}.views button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;background:transparent;padding:12px 15px;border-radius:5px;color:#6c7a6c;font-size:12px;transition:.2s}.views button>span{font-size:19px;font-family:Arial;width:21px}.views button>small{margin-left:auto;font-size:9px;opacity:.5}.views button:hover{background:#e9ece4}.views button.active{background:#324e44;color:#fff}.material-section{margin-top:26px}.materials{display:flex;gap:18px;margin-top:14px}.materials>span{font-size:9px;color:#87907f;display:flex;flex-direction:column;align-items:center;gap:9px}.materials i{width:30px;height:30px;border-radius:50%;border:3px solid #f7f6f2;box-shadow:0 0 0 1px #d8dacd}.oak{background:repeating-linear-gradient(12deg,#c9a77c,#dfbc8b 3px,#d3b087 5px)}.sage{background:#8ba799}.linen{background:repeating-linear-gradient(90deg,#c6beac 0 1px,#ded7c4 1px 3px)}.aside-foot{margin-top:auto;padding-top:20px;font-size:8px;letter-spacing:1.5px;color:#a1a797;display:flex;justify-content:space-between}.stage-wrap{position:relative;overflow:hidden;background:#e9ece5;border-radius:9px;min-width:0;display:flex;flex-direction:column;border:1px solid #e1e4db}.stage-top{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#667667;letter-spacing:.7px}.live-dot{display:inline-block;width:5px;height:5px;background:#728d71;border-radius:50%;margin-right:7px}.mode-toggle{display:flex;background:#dfe4da;padding:4px;border-radius:5px}.mode-toggle button{background:transparent;border:0;color:#84917e;font-size:10px;padding:7px 12px;border-radius:3px}.mode-toggle .selected{background:#f7f7f0;color:#3b5245;box-shadow:0 1px 4px #293e3810}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;background:#e9ece5}#poster.hidden{display:none}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f7f6f2e8;padding:14px 23px;border-radius:40px;font-size:12px;z-index:2;box-shadow:0 5px 35px #243a3820}#loading.hidden{display:none}.stage-bottom{position:absolute;bottom:56px;left:28px;right:25px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;z-index:2}.view-caption{display:flex;flex-direction:column;gap:8px;text-shadow:0 1px 10px #f0f2e8}.view-caption>span{font-size:9px;letter-spacing:2px;color:#75846f}.view-caption strong{font-size:15px;font-weight:500;letter-spacing:.5px}.view-caption small{font-size:10px;color:#809079}.tools{display:flex;gap:6px;pointer-events:auto}.tools button{border:1px solid #cdd5c6;background:#f6f8f0df;width:36px;height:36px;border-radius:50%;font-size:21px;color:#556b54}.tools button[aria-pressed=true]{background:#324e44;color:#fff}.hint{position:absolute;bottom:19px;left:28px;font-size:9px;color:#8c9983;z-index:2;pointer-events:none}.hint span{padding:0 9px}footer{height:61px;margin:0 44px;border-top:1px solid #dedfd6;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#939d8b;letter-spacing:1.1px}footer i{margin:0 12px;font-style:normal}.footer-dot{font-size:6px;margin:0 10px;color:#7c997a}dialog{border:1px solid #d8dfd0;border-radius:12px;background:#f8f8f0;padding:40px;color:#324e44;max-width:90vw}dialog::backdrop{background:#1c2c2666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:24px;font-weight:500}dialog p{font-size:13px;line-height:2;color:#7a8774}#closeHelp{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:25px;color:#73836c}.help-done{background:#324e44;color:#fff;border:0;border-radius:4px;padding:12px 20px;width:100%;margin-top:10px}.stage-wrap:fullscreen{border-radius:0}.stage-wrap:fullscreen .stage-bottom{bottom:55px}@media(min-width:1550px){main{grid-template-columns:355px 1fr}h1{font-size:43px}aside{padding-right:45px}}@media(max-width:1000px){header{margin:0 24px}.header-note{display:none}main{padding:22px 24px;grid-template-columns:250px 1fr;gap:14px}h1{font-size:30px}aside{padding-right:10px}.brand-caption{display:none}footer{margin:0 24px}.stage-top{left:16px;right:16px}.stage-top>div:first-child{font-size:9px}.mode-toggle button{padding:7px 8px}.materials{gap:17px}.view-caption strong{font-size:12px}}@media(max-width:700px){header{height:72px;margin:0 20px}.brand{font-size:21px}.outline{padding:8px 10px}main{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0;padding:18px 16px;gap:22px}aside{display:contents}.eyebrow{margin:0 6px}h1{font-size:28px;margin:0 6px;line-height:1.35}h1 br,.intro,.specs,.material-section,.aside-foot{display:none}aside section{order:2}.section-label{margin-left:6px}.views{display:flex;gap:5px;margin-top:12px}.views button{flex:1;padding:10px 5px;justify-content:center;gap:4px;font-size:10px}.views button>span{font-size:15px;width:auto}.views small{display:none}.stage-wrap{height:580px;min-height:460px;order:1}.stage-top{top:15px}.stage-bottom{left:18px;right:15px;bottom:52px}.view-caption{gap:6px}.view-caption strong{font-size:12px}.view-caption small{font-size:9px}.tools{gap:3px}.tools button{width:31px;height:31px}.hint{left:18px;font-size:8px}footer{height:65px;margin:0 20px;font-size:7px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}header{margin:0;padding:0 44px;background:#202c2b;border-bottom-color:#34433f;color:#f3f4ed}.brand{gap:0}.brand img{display:block;width:225px;height:75px;object-fit:contain}.brand-caption{color:#b7c2b7;border-left-color:#52605a}.header-note{color:#b7c2b7}header .outline{color:#e0e6dc;border-color:#5b6a60;background:transparent}header .outline:hover{background:#31413b}@media(max-width:1000px){header{margin:0;padding:0 24px}}@media(max-width:700px){header{margin:0;padding:0 16px}.brand img{width:178px;height:60px}}.hub-back{font-size:12px;color:#bac5ca;text-decoration:none;white-space:nowrap}.hub-back:hover{color:#fff}@media(max-width:600px){header{gap:8px;flex-wrap:wrap}.hub-back{font-size:10px}}