.component-upload-image[data-v-8c42733f]{width:100%}.component-upload-image .compact-mode[data-v-8c42733f]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;width:100%}.upload-area[data-v-8c42733f]{align-items:center;background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:120px;transition:all .3s;width:100%}.upload-area[data-v-8c42733f]:hover{background:#f0f8ff;border-color:#409eff}.compact-mode .upload-area[data-v-8c42733f]{background:#fafbfd;border:1px dashed #c8d4e0;border-radius:10px;flex-shrink:0;height:108px;min-height:108px;width:108px}.compact-mode .upload-area[data-v-8c42733f]:hover{background:#f8fbff;border-color:#08357c}.upload-placeholder[data-v-8c42733f]{color:#666;text-align:center}.upload-placeholder .upload-icon[data-v-8c42733f]{color:#8c939d;display:block;font-size:32px;margin-bottom:8px}.upload-placeholder p[data-v-8c42733f]{font-size:14px;margin:4px 0}.upload-placeholder .upload-tip[data-v-8c42733f]{color:#999;font-size:12px}.compact-mode .upload-placeholder .upload-icon[data-v-8c42733f]{font-size:24px;margin-bottom:2px}.compact-mode .upload-placeholder p[data-v-8c42733f]{font-size:11px;line-height:1.3;margin:0}.compact-mode .upload-placeholder .upload-tip[data-v-8c42733f]{display:none}.image-list[data-v-8c42733f]{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.image-item[data-v-8c42733f]{border:1px solid #d9d9d9;border-radius:6px;cursor:move;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.image-item:hover .image-actions[data-v-8c42733f]{opacity:1}.image-item.dragging[data-v-8c42733f]{opacity:.5;transform:rotate(5deg);z-index:1000}.image-item:hover .drag-handle[data-v-8c42733f]{opacity:1}.compact-mode .image-list[data-v-8c42733f]{display:contents;margin-top:0}.compact-mode .image-item[data-v-8c42733f]{border-color:#e8edf5;border-radius:10px;display:block;height:108px;margin:0;width:108px}.image-preview[data-v-8c42733f]{cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-actions[data-v-8c42733f]{align-items:center;background:#0009;bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.action-btn[data-v-8c42733f]{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s}.action-btn.preview-btn[data-v-8c42733f]{background:#409eff;color:#fff}.action-btn.preview-btn[data-v-8c42733f]:hover{background:#337ecc}.action-btn.delete-btn[data-v-8c42733f]{background:#f56c6c;color:#fff}.action-btn.delete-btn[data-v-8c42733f]:hover{background:#e74c3c}.upload-tip-text[data-v-8c42733f]{color:#606266;font-size:12px;line-height:1.4;margin-top:8px}.preview-dialog[data-v-8c42733f]{align-items:center;animation:fadeIn-8c42733f .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes fadeIn-8c42733f{0%{opacity:0}to{opacity:1}}.preview-content[data-v-8c42733f]{animation:scaleIn-8c42733f .3s ease;max-height:90%;max-width:90%;position:relative}.preview-content img[data-v-8c42733f]{border-radius:8px;box-shadow:0 10px 30px #00000080;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}@keyframes scaleIn-8c42733f{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-btn[data-v-8c42733f]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px}.close-btn[data-v-8c42733f]:hover{background:#ffffff4d;transform:scale(1.1)}.drag-handle[data-v-8c42733f]{align-items:center;background:#0009;border-radius:4px;cursor:move;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .3s;width:20px;z-index:10}.drag-handle .drag-icon[data-v-8c42733f]{color:#fff;font-size:12px;font-weight:700;line-height:1;transform:rotate(90deg)}