*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#f3f4f6;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html,body,#app{width:100%;min-height:100%}:root{--bg: #f3f4f6;--card-bg: #fdfcf7;--surface: #f3f4f6;--card-border: rgba(15, 23, 42, .06);--card-shadow: 0 10px 30px rgba(15, 23, 42, .06);--card-shadow-hover: 0 18px 45px rgba(15, 23, 42, .08);--primary: #1d4ed8;--primary-hover: #1e40af;--text: #111827;--text-muted: #6b7280;--label-bg: #f3f4f6;--radius: 16px;--radius-sm: 10px;--mobile-gap: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.page[data-v-a7af789c]{min-height:100dvh;background:#f5f5f5;color:var(--text);padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(40px + var(--safe-bottom)) calc(24px + var(--safe-left));flex:1;width:100%;max-width:none;margin:0}.app-shell[data-v-a7af789c]{min-height:100dvh;display:flex;align-items:stretch;background:#e5e7eb;width:100%;overflow-x:hidden}.sidebar[data-v-a7af789c]{width:72px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:24px;border-right:1px solid rgba(148,163,184,.4);background:linear-gradient(180deg,#f9fafb,#e5e7eb)}.sidebar-nav[data-v-a7af789c]{display:flex;flex-direction:column;gap:12px}.sidebar-title[data-v-a7af789c]{font-size:.95rem;font-weight:700;color:#111827}.nav-item[data-v-a7af789c]{width:48px;min-height:48px;border-radius:18px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:default}.nav-item-active[data-v-a7af789c]{background:#2563eb14}.nav-dot[data-v-a7af789c]{width:10px;height:10px;border-radius:999px;background:#9ca3af}.nav-item-active .nav-dot[data-v-a7af789c]{background:#2563eb}.nav-label[data-v-a7af789c]{font-size:.7rem;color:#4b5563;white-space:nowrap}.page-header[data-v-a7af789c]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:24px}.page-title[data-v-a7af789c]{margin:0;font-size:1.8rem;font-weight:700}.page-subtitle[data-v-a7af789c]{margin:0;font-size:1rem;color:var(--text-muted)}.main-layout[data-v-a7af789c]{display:flex;flex-direction:column;gap:20px;margin-bottom:16px}.card[data-v-a7af789c]{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:24px 24px 20px;border:1px solid var(--card-border)}.card-query[data-v-a7af789c],.card-import[data-v-a7af789c]{width:100%;max-width:none;margin:0}.card-stats[data-v-a7af789c]{display:flex;flex-direction:column;justify-content:space-between}.card-title[data-v-a7af789c]{margin:0 0 8px;font-size:1.2rem;font-weight:650}.card-desc[data-v-a7af789c]{margin:0 0 18px;font-size:.95rem;color:var(--text-muted)}.search-row[data-v-a7af789c]{display:flex;gap:12px;align-items:center;width:100%;min-width:0}.scan-toolbar[data-v-a7af789c]{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.scan-tip[data-v-a7af789c]{font-size:.82rem;color:var(--text-muted)}.scanner-file-region[data-v-a7af789c]{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.scanner-message[data-v-a7af789c]{margin:8px 0 0;font-size:.85rem;color:#1e40af}.search-row input[data-v-a7af789c]{flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:14px 18px;font-size:16px;border:1px solid #d1d5db;border-radius:var(--radius-sm);outline:none;background:#f9fafb;color:var(--text);transition:border-color .2s,box-shadow .2s}.search-row input[data-v-a7af789c]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb2e;background:#fff}.search-row input[data-v-a7af789c]::placeholder{color:#9ca3af}.btn-query[data-v-a7af789c]{min-width:96px;padding:12px 20px;font-size:15px;font-weight:600;border:none;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:linear-gradient(145deg,#e0f2ff,#fff);color:#2563eb;box-shadow:0 6px 14px #94a3b866,inset 0 1px #ffffffe6;transition:background .18s ease,transform .1s ease,box-shadow .18s ease,color .18s ease}.btn-query[data-v-a7af789c]:hover{background:linear-gradient(145deg,#dbeafe,#f9fbff);box-shadow:0 10px 20px #94a3b880,inset 0 1px #fff;color:#1d4ed8}.btn-query[data-v-a7af789c]:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 8px #94a3b899,inset 0 2px 4px #94a3b880}.btn-query[data-v-a7af789c]:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.btn[data-v-a7af789c]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .18s ease,transform .1s ease}.btn-primary[data-v-a7af789c]{background:linear-gradient(145deg,#e0f2ff,#fff);color:#2563eb;box-shadow:0 6px 14px #94a3b866,inset 0 1px #ffffffe6}.btn-primary[data-v-a7af789c]:hover{background:linear-gradient(145deg,#dbeafe,#f9fbff);box-shadow:0 10px 20px #94a3b880,inset 0 1px #fff;color:#1d4ed8}.btn-primary[data-v-a7af789c]:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 8px #94a3b899,inset 0 2px 4px #94a3b880}.btn-primary[data-v-a7af789c]:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary[data-v-a7af789c]{background:#fff;color:#1d4ed8;border:1px solid #bfdbfe;box-shadow:none}.upload-image-input[data-v-a7af789c],.current-url[data-v-a7af789c]{display:none}.current-url a[data-v-a7af789c]{color:var(--primary);text-decoration:none}.current-url a[data-v-a7af789c]:hover{text-decoration:underline}.status-card[data-v-a7af789c]{margin-bottom:20px;padding:14px 18px;border-radius:14px;background:#ecfdf3;color:#15803d;border:1px solid #bbf7d0;font-size:.95rem}.status-card.error[data-v-a7af789c]{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.status-card.empty[data-v-a7af789c]{background:#fffbeb;color:#b45309;border-color:#fde68a}.upload-row[data-v-a7af789c]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stats-number[data-v-a7af789c]{margin-top:12px;font-size:1.8rem;font-weight:700;color:#111827}.stats-number[data-v-a7af789c]:after{content:" SKUs";font-size:.9rem;font-weight:500;color:var(--text-muted);margin-left:4px}.btn-upload[data-v-a7af789c]{min-width:116px;padding:10px 20px;font-size:.9rem}.message[data-v-a7af789c]{padding:14px 18px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.95rem;border:1px solid transparent}.message.error[data-v-a7af789c]{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.message.empty[data-v-a7af789c]{background:#fffbeb;color:#b45309;border-color:#fde68a}.message.success[data-v-a7af789c]{background:#ecfdf3;color:#15803d;border-color:#bbf7d0}.results-section[data-v-a7af789c]{margin-top:8px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.result-card[data-v-a7af789c]{background:#fff;border-radius:26px;box-shadow:0 18px 40px #0f172a26,0 0 0 1px #94a3b814;padding:14px 14px 18px;transition:box-shadow .25s ease,transform .1s ease,background .2s ease;max-width:none;width:100%;margin:0}.result-card[data-v-a7af789c]:hover{box-shadow:0 22px 50px #0f172a38,0 0 0 1px #94a3b824;transform:translateY(-4px)}.result-image-wrapper[data-v-a7af789c]{border-radius:24px;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.result-image-wrapper img[data-v-a7af789c]{max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain}.result-image-placeholder[data-v-a7af789c]{font-size:.9rem;color:var(--text-muted)}.result-content[data-v-a7af789c]{padding:16px 10px 4px;text-align:center}.result-barcode-row[data-v-a7af789c]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.result-title[data-v-a7af789c]{margin:0 0 4px;font-size:1.25rem;font-weight:700}.result-subtitle[data-v-a7af789c]{margin:0;font-size:.9rem;color:var(--text-muted)}.result-tags[data-v-a7af789c]{display:flex;flex-wrap:wrap;gap:6px}.tag[data-v-a7af789c]{font-size:.8rem;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8}.result-meta[data-v-a7af789c]{margin:0;font-size:.9rem;color:var(--text);padding-top:4px}.meta-row[data-v-a7af789c]{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 12px;padding-top:2px;align-items:baseline}.meta-row dt[data-v-a7af789c]{font-weight:500;color:var(--text-muted);text-align:left}.meta-row dd[data-v-a7af789c]{margin:0;text-align:left}.loading[data-v-a7af789c]{opacity:.7;pointer-events:none}@media(max-width:1200px){.page-title[data-v-a7af789c]{font-size:1.65rem}.card[data-v-a7af789c]{padding:20px 20px 18px}.result-image-wrapper img[data-v-a7af789c]{max-height:320px}}@media(max-width:980px){.app-shell[data-v-a7af789c]{flex-direction:column}.sidebar[data-v-a7af789c]{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) 10px calc(12px + var(--safe-left));border-right:none;border-bottom:1px solid rgba(148,163,184,.4)}.sidebar-nav[data-v-a7af789c]{flex-direction:row;gap:8px;width:auto;max-width:100%;margin-left:auto;overflow-x:auto;scrollbar-width:thin}.sidebar-title[data-v-a7af789c]{font-size:.88rem}.nav-item[data-v-a7af789c]{width:auto;min-height:40px;padding:0 12px;border-radius:999px;flex-direction:row;gap:6px;white-space:nowrap;background:#fff}}@media(max-width:768px){.page[data-v-a7af789c]{min-height:auto;padding:calc(12px + var(--safe-top)) calc(10px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(10px + var(--safe-left));max-width:100%}.app-shell[data-v-a7af789c]{min-height:100dvh}.sidebar[data-v-a7af789c]{justify-content:flex-start;gap:var(--mobile-gap);padding-bottom:8px}.sidebar-nav[data-v-a7af789c]{margin-left:auto;gap:8px}.sidebar-title[data-v-a7af789c]{margin-left:4px}.nav-item[data-v-a7af789c]{min-height:36px;gap:6px;padding:0 10px}.nav-label[data-v-a7af789c]{font-size:.78rem}.page-header[data-v-a7af789c]{flex-direction:column;align-items:center;text-align:center;gap:6px}.main-layout[data-v-a7af789c]{gap:14px}.card[data-v-a7af789c]{padding:18px 16px;width:100%;box-sizing:border-box}.search-row[data-v-a7af789c]{flex-direction:column;align-items:stretch}.search-row input[data-v-a7af789c]{width:100%;font-size:15px}.btn-query[data-v-a7af789c]{width:100%;margin-top:10px}.scan-toolbar[data-v-a7af789c]{flex-direction:column;align-items:stretch;gap:8px}.scan-toolbar .btn[data-v-a7af789c]{width:100%}.scan-tip[data-v-a7af789c]{text-align:center}.upload-row[data-v-a7af789c]{flex-direction:column;align-items:stretch}.upload-row input[type=file][data-v-a7af789c],.btn-upload[data-v-a7af789c]{width:100%}.result-card[data-v-a7af789c]{max-width:100%;border-radius:18px}.result-image-wrapper[data-v-a7af789c]{border-radius:16px}.result-content[data-v-a7af789c]{padding:14px 4px 2px}.meta-row[data-v-a7af789c]{grid-template-columns:64px minmax(0,1fr);gap:2px 8px}}@media(max-width:480px){.page-title[data-v-a7af789c]{font-size:1.4rem}.page-subtitle[data-v-a7af789c]{font-size:.9rem}.card-title[data-v-a7af789c]{font-size:1.05rem}.card-desc[data-v-a7af789c]{margin-bottom:14px;font-size:.88rem}.nav-label[data-v-a7af789c]{font-size:.72rem}.search-row input[data-v-a7af789c]{padding:12px 14px}.btn[data-v-a7af789c],.btn-query[data-v-a7af789c]{font-size:.88rem}}