.category-mall[data-v-2dc8e429]{display:flex;flex-direction:column;gap:24px}.mall-banner[data-v-2dc8e429]{background:linear-gradient(135deg,var(--color-primary) 0,#8b5cf6 55%,#a78bfa 100%);color:#fff;border:none;overflow:hidden}.banner-content[data-v-2dc8e429]{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.banner-title[data-v-2dc8e429]{font-size:1.35rem;font-weight:800;line-height:1.2}.banner-subtitle[data-v-2dc8e429]{margin-top:6px;font-size:14px;opacity:.92}.banner-stats[data-v-2dc8e429]{display:flex;gap:10px}.stat-item[data-v-2dc8e429]{min-width:72px;padding:8px 12px;border-radius:var(--radius-md);background:#ffffff2e;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-item strong[data-v-2dc8e429]{font-size:1.125rem;font-weight:800}.stat-item span[data-v-2dc8e429]{font-size:12px;opacity:.88}.category-header[data-v-2dc8e429]{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title[data-v-2dc8e429]{font-size:1rem;font-weight:700}.category-search[data-v-2dc8e429]{width:280px;max-width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:14px;background:var(--color-surface)}.category-search[data-v-2dc8e429]:focus{outline:none;border-color:var(--color-primary)}.type-grid[data-v-2dc8e429]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;overflow:visible}.type-grid.loading[data-v-2dc8e429]{gap:10px}.type-skeleton[data-v-2dc8e429]{height:48px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-border) 25%,#f0eef5 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer-2dc8e429 1.5s infinite}@keyframes shimmer-2dc8e429{0%{background-position:200% 0}to{background-position:-200% 0}}.type-item[data-v-2dc8e429]{position:relative;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .2s ease;cursor:pointer;overflow:visible}.type-item[data-v-2dc8e429]:hover:not(.type-item--disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.type-item--disabled[data-v-2dc8e429]{background:#f8fafc;cursor:not-allowed;opacity:.75}.type-item--open[data-v-2dc8e429]{z-index:50;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.type-main[data-v-2dc8e429]{display:flex;align-items:center;gap:8px;min-width:0}.type-icon-box[data-v-2dc8e429]{width:24px;height:24px;border-radius:6px;background:var(--color-primary-light);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.type-icon-box img[data-v-2dc8e429]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.header-icon-fallback[data-v-2dc8e429],.type-icon-fallback[data-v-2dc8e429]{font-size:11px;font-weight:800;color:var(--color-primary)}.type-name[data-v-2dc8e429]{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-action[data-v-2dc8e429]{font-size:10px;color:var(--color-text-muted);flex-shrink:0}.type-menu[data-v-2dc8e429]{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max(100%,280px);z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;padding:6px}.type-menu-item[data-v-2dc8e429]{width:100%;display:flex;align-items:flex-start;gap:4px;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;font-size:13px;cursor:pointer;transition:background .15s}.type-menu-item.active[data-v-2dc8e429],.type-menu-item[data-v-2dc8e429]:hover{background:var(--color-primary-light);color:var(--color-primary)}.menu-title[data-v-2dc8e429]{flex:1;line-height:1.4}.menu-stock[data-v-2dc8e429]{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.empty-tip[data-v-2dc8e429],.select-hint[data-v-2dc8e429]{padding:16px;text-align:center;color:var(--color-text-muted);font-size:14px}.product-panel[data-v-2dc8e429]{overflow:hidden;padding:0}.panel-header[data-v-2dc8e429]{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;border:none;background:var(--color-surface);text-align:left;cursor:pointer}.header-icon-box[data-v-2dc8e429],.panel-header[data-v-2dc8e429]:hover{background:var(--color-primary-light)}.header-icon-box[data-v-2dc8e429]{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.header-icon-box img[data-v-2dc8e429]{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.header-text[data-v-2dc8e429]{flex:1;min-width:0}.header-title-row[data-v-2dc8e429]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-main-title[data-v-2dc8e429]{font-size:15px;font-weight:700}.hot-badge[data-v-2dc8e429]{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#f97316;color:#fff}.header-subtitle[data-v-2dc8e429]{display:block;margin-top:4px;font-size:13px;color:var(--color-text-muted)}.stock[data-v-2dc8e429]{margin-left:4px}.expand-icon[data-v-2dc8e429]{font-size:10px;color:var(--color-text-muted)}.panel-body[data-v-2dc8e429]{padding:0 4px 4px;background:#fbfcff;border-top:1px solid var(--color-border)}@media(max-width:768px){.banner-content[data-v-2dc8e429]{flex-direction:column;align-items:flex-start}.banner-stats[data-v-2dc8e429]{width:100%;justify-content:space-between}.category-header[data-v-2dc8e429]{flex-direction:column;align-items:stretch}.category-search[data-v-2dc8e429]{width:100%}.type-action[data-v-2dc8e429]{display:none}.type-menu[data-v-2dc8e429]{width:100%;min-width:0}}