*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f0f3f7;color:#28364a;font:14px/1.6 system-ui,-apple-system,'Microsoft YaHei',sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dce1e6;border-radius:12px;color:#344256;padding:10px 16px;min-height:42px}button:hover{border-color:#c67484;background:#fff5f5}button[aria-pressed=true]{background:#b51f34;border-color:#b51f34;color:#fff;box-shadow:0 3px 9px #b51f3426}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b51f34;outline-offset:3px}button[hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}#stage{position:fixed;inset:0}#stage canvas{display:block;touch-action:none}header{position:fixed;inset:16px 20px auto;display:flex;align-items:flex-start;gap:12px;z-index:5;pointer-events:none;flex-wrap:wrap}.brand-panel,.mode-switch,.view-tools{pointer-events:auto;display:flex;align-items:center;gap:8px}.brand-panel{padding:9px 12px;background:#fffffff5;border:1px solid #dfe3e8;box-shadow:0 6px 24px #24364d08}.brand-panel img{width:116px;height:auto}.brand-panel select{max-width:240px;min-height:42px;padding:7px 30px 7px 10px;background:#fff5f5;color:#a52137;border:1px solid #e8b4be;border-radius:9px;font-weight:600}.mode-switch{padding:4px;background:#fffffff2;border:1px solid #dce1e6;border-radius:13px;gap:3px}.mode-switch button{border:0;background:transparent;border-radius:9px;padding:8px 13px;min-height:40px}.mode-switch button[aria-pressed=true]{background:#b51f34}.view-tools{margin-left:auto}.view-tools button{box-shadow:0 4px 16px #24364d07}.bottom-controls{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;max-width:calc(100% - 32px);display:flex;gap:8px;overflow-x:auto;background:#fffffff5;border:1px solid #e0e4e8;border-radius:30px;padding:8px 12px;box-shadow:0 5px 22px #24364d12;scrollbar-width:thin}.bottom-controls button{border-radius:23px;background:#f5f6f7}.bottom-controls button[aria-pressed=true]{background:#b51f34}.product-note{display:none;position:fixed;bottom:108px;left:22px;z-index:3;width:350px;max-width:calc(100% - 44px);padding:13px 17px;background:#fffffff2;border:1px solid #dfe3e8;border-radius:12px;box-shadow:0 4px 16px #24364d08;pointer-events:none}.product-note h1{font-size:17px;margin:0 0 4px;line-height:1.5}.product-note p{color:#65778e;line-height:1.65;margin:4px 0;font-size:13px}.product-note small{font-size:11px;color:#8e2336;display:block;line-height:1.6}#status{font-size:12px;color:#64748b;margin-top:5px}.gesture-hint{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);z-index:3;background:#ffffffd0;border-radius:18px;padding:4px 13px;color:#63758b;font-size:12px;white-space:nowrap;pointer-events:none}.return-link{font-size:12px;color:#55677c;text-decoration:underline;background:#ffffffeb;padding:7px 10px;border-radius:8px;display:inline-block}.loading{position:fixed;inset:0;background:#f0f3f7e8;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9;color:#596d7f;gap:12px}.loading[hidden]{display:none}.loading:before{content:'';width:30px;height:30px;border:3px solid #d7dde3;border-top-color:#b51f34;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.failure{color:#9c2539}#retry[hidden]{display:none}@media(max-width:1150px){.mode-switch{order:3}.brand-panel select{max-width:210px}}@media(max-width:700px){header{inset:10px;gap:7px}.brand-panel{padding:7px;gap:7px}.brand-panel img{width:85px}.brand-panel select{font-size:12px;max-width:185px;min-height:36px}.mode-switch{order:3;gap:0}.mode-switch button{font-size:12px;padding:6px 11px;min-height:34px}.view-tools{gap:5px}.view-tools button{font-size:12px;padding:7px 10px;min-height:36px}.return-link{display:none}.product-note{left:12px;bottom:97px;max-width:270px;padding:10px 12px}.product-note h1{font-size:14px}.product-note p{font-size:12px}.gesture-hint{display:none}.bottom-controls{bottom:12px;padding:7px;max-width:calc(100% - 16px);gap:6px}.bottom-controls button{font-size:12px;padding:8px 12px;min-height:38px}#status{font-size:11px}.product-note small{font-size:10px}}@media(max-height:500px){.product-note{bottom:83px;padding:8px 12px;max-width:290px}.product-note p{display:none}.gesture-hint{display:none}header{inset:8px 12px}.mode-switch{order:0}.brand-panel img{width:75px}.brand-panel select{max-width:170px;min-height:34px}.view-tools button{min-height:34px;padding:6px 10px}.mode-switch button{min-height:34px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.loading:before{animation:none}}
