.header[data-v-88f67f8d]{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);background:var(--bg-panel);border-bottom:1px solid var(--border)}.header-inner[data-v-88f67f8d]{height:100%;display:flex;align-items:center;gap:var(--space-5)}.brand[data-v-88f67f8d]{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:.06em;flex-shrink:0}.brand[data-v-88f67f8d]:hover{color:var(--gold)}.nav[data-v-88f67f8d]{display:flex;gap:var(--space-1);flex:1}.nav-link[data-v-88f67f8d]{padding:6px 14px;color:var(--text-secondary);font-size:13px;border-bottom:2px solid transparent}.nav-link[data-v-88f67f8d]:hover{color:var(--text-primary)}.nav-link.active[data-v-88f67f8d]{color:var(--gold);border-bottom-color:var(--gold)}.header-right[data-v-88f67f8d]{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.balance[data-v-88f67f8d]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gold)}.coin[data-v-88f67f8d]{width:16px;height:16px;object-fit:contain}.cart-btn[data-v-88f67f8d]{font-size:13px;color:var(--gold)}.tabbar[data-v-88f67f8d]{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;background:var(--bg-panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab[data-v-88f67f8d]{flex:1;text-align:center;padding:12px 8px;font-size:12px;color:var(--text-secondary)}.tab.active[data-v-88f67f8d]{color:var(--gold)}.demo-tab[data-v-88f67f8d]{border:none;background:none;font:inherit;cursor:pointer}.demo-hub-btn[data-v-88f67f8d]{font-size:13px;white-space:nowrap}.footer[data-v-0a823a34]{margin-top:auto;padding:var(--space-5) 0;border-top:1px solid var(--border)}.footer-inner[data-v-0a823a34]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);font-size:12px}.muted[data-v-0a823a34]{color:var(--text-muted)}.overlay[data-v-91ed6be6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;justify-content:flex-end}.drawer[data-v-91ed6be6]{width:min(400px,100%);height:100%;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000073}.head[data-v-91ed6be6]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.title[data-v-91ed6be6]{font-size:18px;margin:0 0 4px}.sub[data-v-91ed6be6]{font-size:12px;color:var(--text-muted);margin:0}.close[data-v-91ed6be6]{flex-shrink:0;font-size:13px}.head-actions[data-v-91ed6be6]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.clear-btn[data-v-91ed6be6]{font-size:13px;color:var(--text-muted)}.clear-btn[data-v-91ed6be6]:hover{color:#e57373}.empty[data-v-91ed6be6]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);color:var(--text-muted);font-size:14px;text-align:center}.hint[data-v-91ed6be6]{margin-top:var(--space-2);font-size:12px}.list[data-v-91ed6be6]{flex:1;overflow-y:auto;list-style:none;padding:var(--space-3)}.row[data-v-91ed6be6]{display:grid;grid-template-columns:40px 1fr auto auto auto;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);background:var(--bg-deep);margin-bottom:var(--space-2);font-size:13px}.icon[data-v-91ed6be6]{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;background:#0a0908;border:1px solid rgba(255,255,255,.08)}.info[data-v-91ed6be6]{min-width:0}.name[data-v-91ed6be6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.unit[data-v-91ed6be6]{font-size:11px;color:var(--text-muted)}.qty[data-v-91ed6be6]{display:flex;align-items:center;gap:4px}.btn-sm[data-v-91ed6be6]{width:24px;height:24px;border:1px solid var(--border);background:var(--bg-panel);font-size:14px;line-height:1;cursor:pointer}.del[data-v-91ed6be6]{width:auto;padding:0 6px;font-size:11px;color:var(--text-muted)}.row .sub[data-v-91ed6be6]{color:var(--gold);min-width:48px;text-align:right}.foot[data-v-91ed6be6]{padding:var(--space-4);border-top:1px solid var(--border);background:var(--bg-elevated)}.total-row[data-v-91ed6be6]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3);font-size:14px}.gold[data-v-91ed6be6]{color:var(--gold);font-size:18px}.checkout[data-v-91ed6be6]{width:100%}.toast[data-v-91ed6be6]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:300;padding:10px 20px;background:var(--bg-elevated);border:1px solid var(--gold-dim);font-size:13px;max-width:90vw}.fade-enter-active[data-v-91ed6be6],.fade-leave-active[data-v-91ed6be6]{transition:opacity .2s ease}.fade-enter-active .drawer[data-v-91ed6be6],.fade-leave-active .drawer[data-v-91ed6be6]{transition:transform .25s ease}.fade-enter-from[data-v-91ed6be6],.fade-leave-to[data-v-91ed6be6]{opacity:0}.fade-enter-from .drawer[data-v-91ed6be6],.fade-leave-to .drawer[data-v-91ed6be6]{transform:translate(100%)}.kv[data-v-4d0dbe00]{position:relative;height:min(42vh,360px);min-height:220px;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-deep);display:flex;justify-content:center}.kv-media[data-v-4d0dbe00]{position:relative;width:min(1400px,100%);height:100%}.kv-img[data-v-4d0dbe00]{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.kv-edge[data-v-4d0dbe00]{position:absolute;top:0;bottom:0;width:clamp(56px,14%,220px);z-index:2;pointer-events:none}.kv-edge-l[data-v-4d0dbe00]{left:0;background:linear-gradient(90deg,var(--bg-deep) 0%,rgba(10,9,8,.88) 40%,transparent 100%)}.kv-edge-r[data-v-4d0dbe00]{right:0;background:linear-gradient(270deg,var(--bg-deep) 0%,rgba(10,9,8,.88) 40%,transparent 100%)}.kv-shade[data-v-4d0dbe00]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(18,16,14,.72) 0%,rgba(18,16,14,.2) 42%,transparent 68%)}.kv-copy[data-v-4d0dbe00]{position:absolute;left:0;right:0;bottom:0;top:0;z-index:4;display:flex;flex-direction:column;justify-content:center;max-width:560px;padding-top:var(--space-5)}.kv-title[data-v-4d0dbe00]{font-size:clamp(22px,4vw,28px);line-height:1.35;margin-bottom:var(--space-3);color:#f5eede}.layout[data-v-e545a551]{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--header-h)}.main[data-v-e545a551]{flex:1;display:flex;flex-direction:column}.main[data-v-e545a551] .page{flex:1}@media (max-width: 768px){.main[data-v-e545a551]{padding-bottom:52px}}.overlay[data-v-7d6e1682]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:16px}.modal[data-v-7d6e1682]{width:min(360px,100%);background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 16px 48px #00000073}.head[data-v-7d6e1682]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;border-bottom:1px solid var(--border)}.title[data-v-7d6e1682]{margin:0;font-size:15px;font-weight:600}.btn-close[data-v-7d6e1682]{background:none;border:none;color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}.hint[data-v-7d6e1682]{margin:0;padding:10px 16px 0;font-size:12px;color:var(--text-muted)}.loading[data-v-7d6e1682]{padding:48px 16px;text-align:center;color:var(--text-muted);font-size:13px}.stage[data-v-7d6e1682]{position:relative;margin:12px 16px 0;width:calc(100% - 32px);aspect-ratio:280 / 150;overflow:hidden;border:1px solid var(--border);background:#0a0908;-webkit-user-select:none;user-select:none}.bg[data-v-7d6e1682]{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.piece[data-v-7d6e1682]{position:absolute;left:0;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.track-wrap[data-v-7d6e1682]{padding:12px 16px 0}.track[data-v-7d6e1682]{position:relative;height:40px;background:var(--bg-deep);border:1px solid var(--border)}.track-fill[data-v-7d6e1682]{position:absolute;left:0;top:0;bottom:0;background:#c9a2272e;pointer-events:none}.handle[data-v-7d6e1682]{position:absolute;left:0;top:0;width:44px;height:38px;margin:1px;background:linear-gradient(180deg,#4a5568,#2d3748);border:1px solid var(--gold-dim);cursor:grab;display:flex;align-items:center;justify-content:center;touch-action:none}.handle[data-v-7d6e1682]:active{cursor:grabbing}.handle-icon[data-v-7d6e1682]{color:var(--gold);font-size:14px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.msg[data-v-7d6e1682]{padding:8px 16px 0;font-size:12px}.msg-err[data-v-7d6e1682]{color:#e57373}.msg-wait[data-v-7d6e1682]{color:var(--gold)}.handle.disabled[data-v-7d6e1682]{opacity:.55;pointer-events:none}.foot[data-v-7d6e1682]{display:flex;justify-content:center;padding:12px 16px 16px}.fade-enter-active[data-v-7d6e1682],.fade-leave-active[data-v-7d6e1682]{transition:opacity .2s ease}.fade-enter-from[data-v-7d6e1682],.fade-leave-to[data-v-7d6e1682]{opacity:0}:root{--bg-deep: #12100e;--bg-panel: #1a1714;--bg-elevated: #221e1a;--bg-input: #0f0d0b;--border: #3a332c;--border-light: #4d443a;--text-primary: #e8e0d4;--text-secondary: #a89f92;--text-muted: #6f675c;--gold: #c4a035;--gold-dim: #8a7028;--gold-glow: rgba(196, 160, 53, .15);--danger: #a84444;--success: #4a8a5c;--font-serif: "Noto Serif SC", "Songti SC", serif;--font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "Consolas", "SF Mono", monospace;--header-h: 52px;--nav-w: 200px;--radius: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--max-w: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:var(--gold);text-decoration:none}a:hover{color:#dbc060}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.page{min-height:calc(100vh - var(--header-h));padding-bottom:var(--space-6)}.container{width:min(var(--max-w),100% - var(--space-5) * 2);margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 18px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#2a2520;border-color:var(--border-light)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:var(--gold-dim);border-color:var(--gold);color:#fff8e8}.btn-gold:hover:not(:disabled){background:var(--gold);color:#1a1408}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0a}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:12px;color:var(--text-secondary);letter-spacing:.02em}.field input,.field select,.field textarea{padding:9px 11px;background:var(--bg-input);border:1px solid var(--border);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-dim)}.msg{padding:var(--space-3);border:1px solid var(--border);background:var(--bg-panel);font-size:13px}.msg-warn{border-color:var(--gold-dim);background:var(--gold-glow);color:var(--text-primary)}.msg-err{border-color:var(--danger);color:#e8b0b0}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}