.comprehensive-management[data-v-0c1a396c]{padding:20px;background:#f5f5f5;min-height:100vh}.page-header[data-v-0c1a396c]{background:#fff;padding:30px;border-radius:8px;margin-bottom:20px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.1)}.page-header h1[data-v-0c1a396c]{margin:0 0 10px 0;color:#333;font-size:28px}.page-header p[data-v-0c1a396c]{margin:0;color:#666;font-size:16px}.management-tabs[data-v-0c1a396c]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.brand-management[data-v-0c1a396c]{min-height:400px}.action-bar[data-v-0c1a396c]{margin-bottom:20px;display:flex;gap:10px}.brands-grid[data-v-0c1a396c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.brand-card[data-v-0c1a396c]{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;transition:all .3s}.brand-card[data-v-0c1a396c]:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.brand-info h3[data-v-0c1a396c]{margin:0 0 10px 0;color:#333;font-size:18px}.brand-info .country[data-v-0c1a396c]{color:#666;margin:5px 0}.brand-info .founded[data-v-0c1a396c]{color:#888;margin:5px 0;font-size:14px}.brand-info .description[data-v-0c1a396c]{color:#666;margin:10px 0;font-size:14px;line-height:1.4}.brand-actions[data-v-0c1a396c]{margin-top:15px;display:flex;gap:10px}.model-count[data-v-0c1a396c]{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;display:inline-block;margin-top:10px}.model-management[data-v-0c1a396c]{min-height:400px}.brand-selector[data-v-0c1a396c]{margin-bottom:20px;display:flex;gap:20px;align-items:center}.models-grid[data-v-0c1a396c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.model-card[data-v-0c1a396c]{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;transition:all .3s}.model-card[data-v-0c1a396c]:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.model-info h3[data-v-0c1a396c]{margin:0 0 10px 0;color:#333;font-size:18px}.model-details[data-v-0c1a396c]{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.model-details .type[data-v-0c1a396c],.model-details .year[data-v-0c1a396c]{background:#e8f5e8;color:#2e7d32;padding:4px 8px;border-radius:4px;font-size:12px}.model-details .price[data-v-0c1a396c]{background:#fff3e0;color:#f57c00;padding:4px 8px;border-radius:4px;font-size:12px}.model-info .description[data-v-0c1a396c]{color:#666;margin:10px 0;font-size:14px;line-height:1.4}.status .active[data-v-0c1a396c]{color:#4caf50;font-weight:700}.status .inactive[data-v-0c1a396c]{color:#f44336;font-weight:700}.model-actions[data-v-0c1a396c]{margin-top:15px;display:flex;gap:10px}.image-management[data-v-0c1a396c]{min-height:400px}.model-selector[data-v-0c1a396c]{margin-bottom:20px}.search-bar[data-v-0c1a396c],.upload-actions[data-v-0c1a396c]{margin-bottom:20px;display:flex;gap:10px}.search-bar[data-v-0c1a396c]{align-items:center}.images-grid[data-v-0c1a396c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0}.image-card[data-v-0c1a396c]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s}.image-card[data-v-0c1a396c]:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.15)}.image-container[data-v-0c1a396c]{position:relative;height:200px;overflow:hidden}.image-container img[data-v-0c1a396c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.image-container:hover img[data-v-0c1a396c]{transform:scale(1.05)}.featured-badge[data-v-0c1a396c]{position:absolute;top:8px;right:8px;background:#f44;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.image-info[data-v-0c1a396c]{padding:15px}.image-info h4[data-v-0c1a396c]{margin:0 0 10px 0;color:#333;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-meta[data-v-0c1a396c]{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.image-info .category[data-v-0c1a396c]{background:#e3f2fd;color:#1976d2;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500}.image-meta .date[data-v-0c1a396c]{color:#999;font-size:12px}.image-meta .featured[data-v-0c1a396c]{background:#ffeb3b;color:#f57c00;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500}.image-actions[data-v-0c1a396c]{margin-top:12px}.image-actions .el-button[data-v-0c1a396c]{flex:1;font-size:12px;padding:8px 12px}.pagination-wrapper[data-v-0c1a396c]{text-align:center;margin-top:20px}.image-uploader[data-v-0c1a396c]{width:100%}.upload-area[data-v-0c1a396c]{border:2px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100%;height:200px;display:flex;align-items:center;justify-content:center;transition:border-color .3s}.upload-area[data-v-0c1a396c]:hover{border-color:#409eff}.upload-placeholder[data-v-0c1a396c]{text-align:center;color:#999}.upload-icon[data-v-0c1a396c]{font-size:28px;color:#c0c4cc;margin-bottom:16px}.upload-text[data-v-0c1a396c]{color:#606266;font-size:14px}.preview-image[data-v-0c1a396c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.batch-uploader[data-v-0c1a396c]{width:100%}.file-list[data-v-0c1a396c]{margin-top:10px}.file-item[data-v-0c1a396c]{padding:8px;background:#f5f7fa;border-radius:4px;margin-bottom:8px}.file-icon[data-v-0c1a396c]{margin-right:8px;color:#409eff}.file-name[data-v-0c1a396c]{flex:1;color:#606266}.file-size[data-v-0c1a396c]{margin-right:8px}.remove-file[data-v-0c1a396c]{color:#f56c6c;cursor:pointer}.form-tip[data-v-0c1a396c]{color:#909399;font-size:12px;margin-left:10px}.el-dialog .el-form[data-v-0c1a396c]{padding:0 20px}.logo-upload-container[data-v-0c1a396c]{margin-bottom:20px}.current-logo[data-v-0c1a396c],.new-logo[data-v-0c1a396c],.no-logo[data-v-0c1a396c]{margin-bottom:15px;padding:15px;border:1px solid #d9d9d9;border-radius:8px;text-align:center;background:#fafafa}.current-logo[data-v-0c1a396c]{border-color:#67c23a;background:#f0f9ff}.new-logo[data-v-0c1a396c]{border-color:#409eff;background:#ecf5ff}.logo-preview-img[data-v-0c1a396c]{max-width:120px;max-height:120px;margin-bottom:10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.logo-placeholder[data-v-0c1a396c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;color:#909399}.logo-placeholder i[data-v-0c1a396c]{font-size:32px;margin-bottom:8px}.logo-uploader[data-v-0c1a396c]{margin:15px 0;text-align:center}.logo-actions[data-v-0c1a396c]{margin-top:15px;display:flex;justify-content:center;gap:10px}.logo-actions .el-button[data-v-0c1a396c]{padding:8px 16px}.upload-tips[data-v-0c1a396c]{color:#909399;font-size:12px;margin-top:10px;text-align:left;background:#f5f7fa;padding:10px;border-radius:4px}.upload-tips p[data-v-0c1a396c]{margin:2px 0}.upload-tips .save-tip[data-v-0c1a396c]{color:#409eff;font-weight:500;background:#ecf5ff;padding:8px;border-radius:4px;margin-top:8px}@media (max-width:768px){.brands-grid[data-v-0c1a396c],.images-grid[data-v-0c1a396c],.models-grid[data-v-0c1a396c]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.image-preview[data-v-0c1a396c]{height:200px}.brand-selector[data-v-0c1a396c],.search-bar[data-v-0c1a396c]{flex-direction:column;align-items:stretch}.upload-actions[data-v-0c1a396c]{flex-direction:column}}@media (max-width:480px){.images-grid[data-v-0c1a396c]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.image-preview[data-v-0c1a396c]{height:180px}.image-overlay .el-button[data-v-0c1a396c]{font-size:11px;padding:4px 8px}}.el-loading-mask[data-v-0c1a396c]{border-radius:8px}.empty-state[data-v-0c1a396c]{text-align:center;padding:60px 20px;color:#909399}.empty-state i[data-v-0c1a396c]{font-size:48px;margin-bottom:20px;display:block}.empty-state h3[data-v-0c1a396c]{font-size:18px;margin-bottom:10px;color:#606266}.empty-state p[data-v-0c1a396c]{font-size:14px;line-height:1.6}.user-info[data-v-0c1a396c]{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;font-size:13px;color:#666}.user-info .username[data-v-0c1a396c]{font-weight:500;color:#333}.user-info .upload-time[data-v-0c1a396c]{margin-left:auto;color:#999;font-size:12px}.image-actions[data-v-0c1a396c]{display:flex;gap:8px}.image-preview[data-v-0c1a396c]{position:relative;width:100%;height:240px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.image-preview img[data-v-0c1a396c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.image-preview:hover img[data-v-0c1a396c]{transform:scale(1.05)}.image-overlay[data-v-0c1a396c]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay[data-v-0c1a396c]{opacity:1}.image-overlay .el-button[data-v-0c1a396c]{font-size:12px;padding:6px 12px}.upload-progress[data-v-0c1a396c]{margin-top:20px;padding:16px;background:#f5f7fa;border-radius:8px;border:1px solid #e4e7ed}.progress-header[data-v-0c1a396c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500;color:#333}.progress-details[data-v-0c1a396c]{margin-top:12px}.progress-details p[data-v-0c1a396c]{margin:4px 0;font-size:13px}.progress-details .success-count[data-v-0c1a396c]{color:#67c23a}.progress-details .error-count[data-v-0c1a396c]{color:#f56c6c}.custom-batch-uploader[data-v-0c1a396c]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.custom-file-list[data-v-0c1a396c]{width:100%;margin-top:15px;border:1px solid #e4e7ed;border-radius:6px;padding:10px;background:#fafafa}.file-list-header[data-v-0c1a396c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:500;color:#333}.file-items[data-v-0c1a396c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.file-item[data-v-0c1a396c]{display:flex;align-items:center;padding:10px;background:#fff;border-radius:6px;border:1px solid #e4e7ed;box-shadow:0 2px 4px rgba(0,0,0,.1)}.file-preview[data-v-0c1a396c]{width:60px;height:60px;border-radius:4px;overflow:hidden;margin-right:12px;flex-shrink:0}.file-preview img[data-v-0c1a396c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-info[data-v-0c1a396c]{flex:1;min-width:0}.file-name[data-v-0c1a396c]{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-0c1a396c]{font-size:12px;color:#909399}.image-preview-dialog[data-v-0c1a396c]{display:flex;flex-direction:column;align-items:center;max-height:80vh;overflow:hidden}.preview-image-container[data-v-0c1a396c]{display:flex;justify-content:center;align-items:center;width:100%;max-height:60vh;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);background:#f5f5f5;margin-bottom:20px}.preview-image-container img[data-v-0c1a396c]{max-width:100%;max-height:60vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.preview-info[data-v-0c1a396c]{width:100%;max-width:600px;padding:20px;background:#f9f9f9;border-radius:8px;margin-top:10px}.preview-info h3[data-v-0c1a396c]{margin:0 0 15px 0;color:#333;font-size:18px;font-weight:600}.preview-info p[data-v-0c1a396c]{margin:8px 0;color:#666;font-size:14px;line-height:1.5}.preview-info strong[data-v-0c1a396c]{color:#333;font-weight:600}.image-preview-large[data-v-0c1a396c]{display:flex;justify-content:center;align-items:center;width:100%;max-height:400px;overflow:hidden;border-radius:8px;border:1px solid #e4e7ed;background:#f5f5f5;padding:10px}.image-preview-large img[data-v-0c1a396c]{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;border-radius:4px}@media (max-width:768px){.image-preview-dialog[data-v-0c1a396c]{max-height:85vh}.preview-image-container[data-v-0c1a396c],.preview-image-container img[data-v-0c1a396c]{max-height:50vh}.preview-info[data-v-0c1a396c]{padding:15px}.image-preview-large[data-v-0c1a396c],.image-preview-large img[data-v-0c1a396c]{max-height:300px}}@media (max-width:480px){.preview-image-container[data-v-0c1a396c],.preview-image-container img[data-v-0c1a396c]{max-height:40vh}.image-preview-large[data-v-0c1a396c],.image-preview-large img[data-v-0c1a396c]{max-height:250px}}