:root{--ink: #2c2a26;--muted: #6f6a62;--paper: #f7f4ee;--card: rgba(247, 244, 238, .92);--line: rgba(44, 42, 38, .12);--sage: #8aa27a;--accent: #3d4a36}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#e8eee4;color:var(--ink);font-family:Noto Sans TC,sans-serif}canvas{display:block;touch-action:none}.app{position:relative;width:100%;height:100%}.hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.brand{pointer-events:none;position:absolute;top:32px;left:36px}.brand small{display:block;letter-spacing:.28em;font-size:11px;color:var(--muted);margin-bottom:6px}.brand h1{font-family:Cormorant Garamond,serif;font-weight:500;font-size:34px;letter-spacing:.08em}.hint{position:absolute;left:36px;bottom:28px;font-size:13px;color:var(--muted);letter-spacing:.04em}.product-card{pointer-events:auto;position:absolute;top:50%;right:28px;z-index:3;width:min(360px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow:auto;transform:translateY(-50%) translate(24px);opacity:0;visibility:hidden;background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:28px 28px 24px;box-shadow:0 24px 60px #3d4a361f;transition:opacity .45s ease,transform .45s ease,visibility .45s}.product-card.is-open{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.product-card .eyebrow{font-size:11px;letter-spacing:.22em;color:var(--sage);margin-bottom:10px}.product-card h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:28px;line-height:1.25;margin-bottom:14px}.product-card p{font-size:14px;font-weight:300;line-height:1.85;color:var(--muted);margin-bottom:22px}.product-card .actions{display:flex;gap:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:.08em;border-radius:999px;padding:11px 18px}.btn-primary{background:var(--accent);color:var(--paper)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}@media(max-width:720px){.brand{top:18px;left:18px}.brand h1{font-size:24px}.hint{left:18px;bottom:18px}.product-card{top:auto;bottom:18px;right:18px;left:18px;width:auto;transform:translateY(16px)}.product-card.is-open{transform:translateY(0)}}