:root{--bg:#f6f1e9;--ink:#2b2520;--mute:#7a6e62;--wood:#a07a55;color:var(--ink);background:var(--bg);font-family:Noto Sans TC,-apple-system,PingFang TC,sans-serif}*{box-sizing:border-box}body{margin:0}.hero{text-align:center;padding:72px 24px 24px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--wood);margin:0 0 8px;font-size:13px;font-weight:500}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(40px,7vw,72px);font-weight:700}.why{margin:16px 0 6px;font-size:clamp(18px,2.4vw,26px)}.sub{color:var(--mute);margin:0}.stage{max-width:1400px;height:min(72vh,720px);margin:0 auto;position:relative}.stage canvas{touch-action:none}.hint{text-align:center;width:100%;color:var(--mute);pointer-events:none;font-size:13px;position:absolute;bottom:12px}.label{all:unset;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf6d9;border-radius:999px;flex-direction:column;align-items:center;padding:8px 16px;font-size:15px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 4px 18px #503c281f}.label small{color:var(--mute);font-size:11px;font-weight:400}.label.on{transform:scale(1.08)}.panel{z-index:50;background:#fffcf7;width:min(460px,100%);height:100%;padding:56px 32px 40px;animation:.35s in;position:fixed;top:0;right:0;overflow:auto;box-shadow:-10px 0 40px #3c28141f}@keyframes in{0%{opacity:0;transform:translate(30px)}}.close{cursor:pointer;background:#efe7db;border:0;border-radius:50%;width:36px;height:36px;font-size:20px;position:absolute;top:14px;right:18px}.panel-body h2{margin:4px 0 10px;font-size:26px}.lead{color:var(--mute);font-size:17px;line-height:1.7}.cards{gap:14px;margin-top:20px;display:grid}.card{background:#f7f0e5;border:1px solid #ece2d3;border-radius:20px;padding:18px 20px}.card h3{margin:0 0 6px;font-size:16px}.card p{color:#4a4038;margin:0;font-size:15px;line-height:1.75}.flat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-width:960px;margin:0 auto;padding:24px;display:grid}.flat-isle{text-align:left;cursor:pointer;font:inherit;background:#fffcf7;border:0;border-radius:24px;flex-direction:column;gap:4px;padding:24px;display:flex;box-shadow:0 6px 24px #503c2814}.flat-isle .dot{background:var(--c);border-radius:50%;width:28px;height:28px}.flat-isle small{color:var(--mute)}.seo{display:none}footer{text-align:center;color:var(--mute);padding:32px;font-size:13px}footer a{color:var(--wood)}@media (width<=768px){.hero{padding:48px 20px 8px}.stage{height:62vh}.panel{border-radius:24px 24px 0 0;height:78vh;padding:48px 22px 32px;top:auto;bottom:0}}.more{color:var(--wood);margin-top:8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}