.if-panel[data-v-66f2bbfb]{--if-bg:#0d1016f5;--if-surface:#ffffff0b;--if-surface-2:#ffffff17;--if-line:#ffffff1a;--if-text:#e9edf3;--if-mute:#9ba4b3;--if-dim:#8a93a3;--if-accent:#f2b134;--if-good:#52c98c;--if-warn:#f0a93b;--if-bad:#f0645a;--if-info:#62a4ff;--if-tap:38px;--if-tap-sm:30px;z-index:30;width:calc(clamp(420px,34vw,520px));max-width:calc(100% - 24px);color:var(--if-text);background:var(--if-bg);border:1px solid var(--if-line);font-family:var(--font-cjk,"Noto Sans TC",sans-serif);font-size:calc(13px * var(--if-font-scale,1));pointer-events:auto;border-radius:14px;flex-direction:column;line-height:1.5;display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 18px 48px #00000073}.if-panel.is-touch[data-v-66f2bbfb]{--if-tap:44px;--if-tap-sm:44px}.if-panel.is-sheet[data-v-66f2bbfb]{width:100%;max-width:none;height:min(82%,700px);padding-bottom:env(safe-area-inset-bottom,0);border-bottom:0;border-radius:16px 16px 0 0;inset:auto 0 0}.ph[data-v-66f2bbfb]{border-bottom:1px solid var(--if-line);flex:none;align-items:center;padding:8px 8px 8px 14px}.ph[data-v-66f2bbfb],.ph__title[data-v-66f2bbfb]{gap:8px;display:flex}.ph__title[data-v-66f2bbfb]{align-items:baseline;min-width:0}.ph__title h2[data-v-66f2bbfb]{font-size:calc(16px * var(--if-font-scale,1));letter-spacing:.04em;white-space:nowrap;margin:0;font-weight:700}.ph__title small[data-v-66f2bbfb]{font-family:var(--font-mono,ui-monospace,monospace);font-size:calc(10px * var(--if-font-scale,1));letter-spacing:.18em;color:var(--if-accent)}.ph__close[data-v-66f2bbfb]{width:var(--if-tap);height:var(--if-tap);border:1px solid var(--if-line);background:var(--if-surface);color:var(--if-text);font:inherit;font-size:calc(16px * var(--if-font-scale,1));cursor:pointer;border-radius:10px;flex:none;margin-left:auto}.ph__close[data-v-66f2bbfb]:hover{background:var(--if-surface-2)}.pbody[data-v-66f2bbfb]{overscroll-behavior:contain;flex:1;min-height:0;padding:10px 12px 18px;overflow-y:auto}.btn[data-v-66f2bbfb]{min-height:var(--if-tap);border:1px solid var(--if-line);background:var(--if-surface);color:var(--if-text);font:inherit;font-size:calc(13px * var(--if-font-scale,1));cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn[data-v-66f2bbfb]:hover{background:var(--if-surface-2)}.btn--primary[data-v-66f2bbfb]{background:var(--if-accent);border-color:var(--if-accent);color:#1a1406;font-weight:700}.btn--primary[data-v-66f2bbfb]:hover{background:#ffc451}.btn--sm[data-v-66f2bbfb]{min-height:var(--if-tap-sm);font-size:calc(12px * var(--if-font-scale,1));padding:0 9px}.btn.is-off[data-v-66f2bbfb]{opacity:.45}.btn[data-v-66f2bbfb]:focus-visible,.ph__close[data-v-66f2bbfb]:focus-visible,.search[data-v-66f2bbfb]:focus-visible{outline:2px solid var(--if-accent);outline-offset:1px}.empty[data-v-66f2bbfb]{text-align:center;color:var(--if-mute);padding:18px 8px}.mono[data-v-66f2bbfb]{font-family:var(--font-mono,ui-monospace,monospace)}.search[data-v-66f2bbfb]{width:100%;min-height:var(--if-tap);border:1px solid var(--if-line);color:inherit;font:inherit;font-size:calc(14px * var(--if-font-scale,1));background:#00000047;border-radius:9px;padding:0 12px}.bm__bar[data-v-66f2bbfb]{border-bottom:1px solid var(--if-line);flex:none;padding:10px 12px 8px}.cats[data-v-66f2bbfb]{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.cats button[data-v-66f2bbfb]{border:1px solid var(--if-line);min-height:32px;color:var(--if-mute);font:inherit;font-size:calc(13px * var(--if-font-scale,1));cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.is-touch .cats button[data-v-66f2bbfb]{min-height:44px}.cats button small[data-v-66f2bbfb]{font-size:calc(10px * var(--if-font-scale,1));color:var(--if-text);background:#ffffff1a;border-radius:4px;padding:0 4px}.cats button.on[data-v-66f2bbfb]{background:var(--if-accent);border-color:var(--if-accent);color:#1a1406;font-weight:700}.cats button.on small[data-v-66f2bbfb]{color:#1a1406;background:#0003}.cats button[data-v-66f2bbfb]:focus-visible{outline:2px solid var(--if-accent)}.is-sheet .cats[data-v-66f2bbfb]{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.is-sheet .cats button[data-v-66f2bbfb]{flex:none}.cards[data-v-66f2bbfb]{grid-template-columns:1fr;gap:6px;display:grid}.card[data-v-66f2bbfb]{border:1px solid var(--if-line);background:var(--if-surface);border-radius:11px;overflow:hidden}.card--on[data-v-66f2bbfb]{border-color:var(--if-accent);box-shadow:inset 0 0 0 1px var(--if-accent)}.card--lock[data-v-66f2bbfb]{background:#ffffff05}.card__main[data-v-66f2bbfb]{width:100%;min-height:58px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px;display:flex}.card__main[data-v-66f2bbfb]:hover{background:var(--if-surface-2)}.card__main[data-v-66f2bbfb]:focus-visible{outline:2px solid var(--if-accent);outline-offset:-2px}.card__text[data-v-66f2bbfb]{flex-direction:column;flex:1;min-width:0;display:flex}.card__text b[data-v-66f2bbfb]{font-size:calc(14px * var(--if-font-scale,1));font-weight:600}.card--lock .card__text b[data-v-66f2bbfb],.card__text small[data-v-66f2bbfb]{color:var(--if-mute)}.card__text small[data-v-66f2bbfb]{font-size:calc(11px * var(--if-font-scale,1));white-space:normal;overflow-wrap:anywhere}.card__count[data-v-66f2bbfb]{font-size:calc(14px * var(--if-font-scale,1));color:var(--if-good);flex:none;font-weight:600}.card__count.zero[data-v-66f2bbfb]{color:var(--if-dim)}.card__foot[data-v-66f2bbfb]{font-size:calc(12px * var(--if-font-scale,1));flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px 8px 64px;display:flex}.card__foot>.btn[data-v-66f2bbfb]{margin-left:auto}.qty[data-v-66f2bbfb]{align-items:center;gap:4px;display:inline-flex}.qty__step[data-v-66f2bbfb]{min-width:var(--if-tap-sm);padding:0;line-height:1}.qty .qty__in[data-v-66f2bbfb],.qty__step[data-v-66f2bbfb]{font-size:calc(16px * var(--if-font-scale,1))}.qty .qty__in[data-v-66f2bbfb]{box-sizing:border-box;width:52px;min-height:var(--if-tap-sm);border:1px solid var(--if-line);color:var(--if-text);text-align:center;background:#0000004d;border-radius:9px;padding:0 4px;font-weight:700}.qty .qty__in[data-v-66f2bbfb]:focus-visible{outline:2px solid var(--if-accent);outline-offset:1px}.qty__max[data-v-66f2bbfb]{min-width:var(--if-tap-sm)}.qty__max.on[data-v-66f2bbfb]{border-color:var(--if-accent);color:var(--if-accent)}.lock[data-v-66f2bbfb]{color:var(--if-warn)}.miss[data-v-66f2bbfb]{color:var(--if-mute)}.ok[data-v-66f2bbfb]{color:var(--if-good)}.bm__foot[data-v-66f2bbfb]{border-top:1px solid var(--if-line);font-size:calc(12px * var(--if-font-scale,1));color:var(--if-mute);flex:none;padding:7px 14px 9px}