.page-container[data-v-1d082fa3]{padding:16px 24px;background:#fff}.page-header[data-v-1d082fa3]{margin-bottom:16px}.pagination-container[data-v-1d082fa3]{display:flex;justify-content:center;padding:16px 0;background:#fff;border-top:1px solid #f0f0f0;position:sticky;bottom:0;z-index:1}.full-height-list[data-v-3070166f]{height:100%;overflow-y:auto}.ant-descriptions[data-v-3070166f]{margin-bottom:16px}.ant-button-group[data-v-3070166f]{gap:8px}.multi-image-upload[data-v-ec6b973f]{width:100%;border:1px solid #d9d9d9;border-radius:6px;padding:16px;background:#fafafa}.category-list[data-v-ec6b973f]{display:flex;flex-direction:column;gap:8px}.category-section[data-v-ec6b973f]{background:#ffffff;overflow:hidden}.category-header[data-v-ec6b973f]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fafafa;border-bottom:1px solid #f0f0f0}.category-info[data-v-ec6b973f]{display:flex;align-items:center;gap:12px}.category-label[data-v-ec6b973f]{font-weight:500;color:#262626;font-size:14px}.category-count[data-v-ec6b973f]{color:#8c8c8c;font-size:12px}.category-images[data-v-ec6b973f]{padding:16px}.images-container[data-v-ec6b973f]{display:flex;align-items:flex-start;gap:12px;min-height:120px}.uploaded-images[data-v-ec6b973f]{flex:1}.draggable-container[data-v-ec6b973f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.upload-trigger[data-v-ec6b973f]{width:120px;height:120px;border:2px dashed #d9d9d9;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;background:#fafafa;flex-shrink:0}.upload-trigger[data-v-ec6b973f]:hover{border-color:#1890ff;background:#f0f8ff}.upload-trigger.loading[data-v-ec6b973f]{cursor:not-allowed;opacity:.7}.upload-content[data-v-ec6b973f]{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon[data-v-ec6b973f]{font-size:24px;color:#8c8c8c}.upload-text[data-v-ec6b973f]{font-size:12px;color:#8c8c8c;text-align:center}.image-item[data-v-ec6b973f]{position:relative;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;background:#fff;transition:all .3s;cursor:move}.image-item[data-v-ec6b973f]:hover{border-color:#1890ff;box-shadow:0 2px 8px #0000001a}.image-item.uploading[data-v-ec6b973f]{opacity:.7;cursor:not-allowed}.image-wrapper[data-v-ec6b973f]{position:relative;width:100%;height:120px;overflow:hidden}.image-wrapper img[data-v-ec6b973f]{width:100%;height:100%;object-fit:cover;display:block}.upload-overlay[data-v-ec6b973f]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}.overlay-content[data-v-ec6b973f]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.upload-status-text[data-v-ec6b973f]{font-size:12px;color:#666}.upload-completed[data-v-ec6b973f]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:#52c41a}.image-actions[data-v-ec6b973f]{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .3s}.image-item:hover .image-actions[data-v-ec6b973f]{opacity:1}.action-btn[data-v-ec6b973f]{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:none;color:#fff}.action-btn[data-v-ec6b973f]:hover{background:rgba(0,0,0,.7);color:#fff}.image-info[data-v-ec6b973f]{padding:8px;border-top:1px solid #f0f0f0}.image-name[data-v-ec6b973f]{font-size:12px;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-ec6b973f]{font-size:11px;color:#8c8c8c}.preview-container[data-v-ec6b973f]{text-align:center}@media (max-width: 768px){.images-grid[data-v-ec6b973f]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.image-wrapper[data-v-ec6b973f]{height:100px}.upload-header[data-v-ec6b973f]{flex-direction:column;align-items:stretch;gap:12px}.header-actions[data-v-ec6b973f]{justify-content:space-between}}.single-image-upload[data-v-b8d7659d]{display:inline-block;position:relative}.image-container[data-v-b8d7659d]{position:relative;border:2px dashed #d9d9d9;background:#fafafa;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 2px 8px #0000000f}.image-container[data-v-b8d7659d]:hover{border-color:#1890ff;background:#f0f8ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-1px)}.single-image-upload.uploading .image-container[data-v-b8d7659d]{cursor:not-allowed;opacity:.8;transform:none}.image-content[data-v-b8d7659d]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.image-content img[data-v-b8d7659d]{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.upload-overlay[data-v-b8d7659d]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;z-index:2;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-content[data-v-b8d7659d]{text-align:center}.upload-text[data-v-b8d7659d]{margin-top:8px;font-size:12px;color:#666;font-weight:500}.upload-progress[data-v-b8d7659d]{margin-top:8px;width:80px}.action-buttons[data-v-b8d7659d]{position:absolute;top:6px;right:6px;display:flex;gap:6px;z-index:3;opacity:0;transition:opacity .2s ease}.image-container:hover .action-buttons[data-v-b8d7659d]{opacity:1}.action-btn[data-v-b8d7659d]{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);border:none;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-btn[data-v-b8d7659d]:hover{background:rgba(0,0,0,.85);color:#fff;transform:scale(1.05)}.preview-btn[data-v-b8d7659d]:hover{background:rgba(24,144,255,.9)}.replace-btn[data-v-b8d7659d]:hover{background:rgba(82,196,26,.9)}.remove-btn[data-v-b8d7659d]:hover{background:rgba(255,77,79,.9)}.upload-area[data-v-b8d7659d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8c8c8c;padding:16px}.upload-icon[data-v-b8d7659d]{font-size:28px;margin-bottom:12px;color:#bfbfbf;transition:color .3s ease}.image-container:hover .upload-icon[data-v-b8d7659d]{color:#1890ff}.upload-hint[data-v-b8d7659d]{font-size:13px;text-align:center;line-height:1.5;color:#8c8c8c;font-weight:400}.image-info[data-v-b8d7659d]{margin-top:12px;text-align:center;padding:8px;background:rgba(255,255,255,.9);border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-name[data-v-b8d7659d]{font-size:12px;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500}.image-size[data-v-b8d7659d]{font-size:11px;color:#8c8c8c}.preview-container[data-v-b8d7659d]{text-align:center}.single-image-upload.disabled .image-container[data-v-b8d7659d]{cursor:not-allowed;opacity:.6;background:#f5f5f5;border-color:#e8e8e8;box-shadow:none}.single-image-upload.disabled .image-container[data-v-b8d7659d]:hover{border-color:#e8e8e8;background:#f5f5f5;box-shadow:none;transform:none}.single-image-upload .image-container.circle[data-v-b8d7659d],.single-image-upload .image-container.circle .image-content img[data-v-b8d7659d],.single-image-upload .image-container.circle .upload-overlay[data-v-b8d7659d]{border-radius:50%}@media (max-width: 768px){.action-buttons[data-v-b8d7659d]{top:4px;right:4px;gap:4px;opacity:1}.action-btn[data-v-b8d7659d]{width:24px;height:24px}.upload-icon[data-v-b8d7659d]{font-size:24px}.upload-hint[data-v-b8d7659d]{font-size:12px}.upload-area[data-v-b8d7659d]{padding:12px}}@keyframes pulse-b8d7659d{0%,to{opacity:1}50%{opacity:.7}}.single-image-upload.uploading .upload-overlay[data-v-b8d7659d]{animation:pulse-b8d7659d 1.5s ease-in-out infinite}.single-image-upload.error .image-container[data-v-b8d7659d]{border-color:#ff4d4f;background:#fff2f0}.single-image-upload.error .upload-icon[data-v-b8d7659d]{color:#ff4d4f}.status-dot[data-v-b75eacd4]{display:inline-block;width:8px;height:8px;border-radius:50%}@media (max-width: 768px){[data-v-b75eacd4] .ant-space{flex-direction:column;align-items:stretch}[data-v-b75eacd4] .ant-select,[data-v-b75eacd4] .ant-input-search{width:100%!important}}.image-management-content[data-v-92f2bc5a]{padding:24px 0;display:flex;flex-direction:column;align-items:center;min-height:300px}.image-section[data-v-92f2bc5a]{margin-bottom:32px;display:flex;flex-direction:column;align-items:center;width:100%}.image-section h4[data-v-92f2bc5a]{margin-bottom:16px;font-weight:600;color:#262626;font-size:16px}.image-section[data-v-92f2bc5a] .single-image-upload{display:flex;flex-direction:column;align-items:center}.image-section[data-v-92f2bc5a] .single-image-upload .image-container{width:200px!important;height:200px!important;border-radius:12px!important;border:2px dashed #d9d9d9;background:#fafafa;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-section[data-v-92f2bc5a] .single-image-upload .image-container:hover{border-color:#1890ff;background:#f0f8ff;box-shadow:0 6px 16px #1890ff26;transform:translateY(-2px)}.image-section[data-v-92f2bc5a] .single-image-upload .image-content img{border-radius:10px!important}.image-section[data-v-92f2bc5a] .single-image-upload .upload-area{padding:24px}.image-section[data-v-92f2bc5a] .single-image-upload .upload-icon{font-size:36px;margin-bottom:16px;color:#bfbfbf}.image-section[data-v-92f2bc5a] .single-image-upload .upload-hint{font-size:14px;color:#8c8c8c;font-weight:500}.image-section[data-v-92f2bc5a] .single-image-upload .image-info{margin-top:16px;text-align:center;max-width:200px}.image-actions[data-v-92f2bc5a]{display:flex;justify-content:center;gap:12px;padding-top:32px;border-top:1px solid #f0f0f0;width:100%;margin-top:auto}.ant-btn-link[title*=当前状态][data-v-92f2bc5a]{display:flex;align-items:center;gap:4px}@media (max-width: 768px){.image-management-content[data-v-92f2bc5a]{padding:16px 0;min-height:250px}.image-section[data-v-92f2bc5a]{margin-bottom:24px}.image-section h4[data-v-92f2bc5a]{font-size:14px;margin-bottom:12px}.image-section[data-v-92f2bc5a] .single-image-upload .image-container{width:160px!important;height:160px!important}.image-section[data-v-92f2bc5a] .single-image-upload .upload-area{padding:16px}.image-section[data-v-92f2bc5a] .single-image-upload .upload-icon{font-size:28px;margin-bottom:12px}.image-section[data-v-92f2bc5a] .single-image-upload .upload-hint{font-size:12px}.image-actions[data-v-92f2bc5a]{flex-direction:column;gap:8px;padding-top:24px}}.stats-content[data-v-297f21ba]{padding:16px 0}.stats-section[data-v-297f21ba]{margin-bottom:32px}.stats-section h4[data-v-297f21ba]{margin-bottom:16px;font-weight:600;color:#262626;font-size:16px}.promotion-preview[data-v-297f21ba]{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;padding:16px}.preview-title[data-v-297f21ba]{font-size:18px;font-weight:600;color:#262626;margin-bottom:8px}.preview-description[data-v-297f21ba]{color:#595959;line-height:1.6;margin-bottom:12px}.preview-image[data-v-297f21ba]{text-align:center}.preview-image img[data-v-297f21ba]{max-width:200px;max-height:150px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.stats-actions[data-v-297f21ba]{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #f0f0f0}.ant-btn-link[title*=当前状态][data-v-297f21ba]{display:flex;align-items:center;gap:4px}@media (max-width: 768px){.stats-content[data-v-297f21ba]{padding:12px 0}.stats-section[data-v-297f21ba]{margin-bottom:24px}.stats-section h4[data-v-297f21ba]{font-size:14px;margin-bottom:12px}.promotion-preview[data-v-297f21ba]{padding:12px}.preview-title[data-v-297f21ba]{font-size:16px}}
