.root-container[data-v-477e6584]{padding:20px;background:#fff;min-height:calc(100vh - 84px)}.toolbar[data-v-477e6584]{margin-bottom:20px;padding:16px;background:#f5f7fa;border-radius:4px}.search-box[data-v-477e6584],.toolbar[data-v-477e6584]{display:flex;align-items:center}.category-filter[data-v-477e6584]{margin-bottom:20px;padding:16px;background:#f5f7fa;border-radius:4px}.category-badge[data-v-477e6584]{margin-left:4px}.image-grid-container[data-v-477e6584]{min-height:400px}.empty-container[data-v-477e6584],.loading-container[data-v-477e6584]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#909399}.loading-container i[data-v-477e6584]{font-size:32px;margin-bottom:16px}.image-grid[data-v-477e6584]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.image-card[data-v-477e6584]{border:1px solid #ebeef5;border-radius:4px;overflow:hidden;transition:all .3s;background:#fff;cursor:pointer}.image-card[data-v-477e6584]:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transform:translateY(-2px)}.image-wrapper[data-v-477e6584]{position:relative;width:100%;height:150px;overflow:hidden}.image-wrapper img[data-v-477e6584]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.image-card:hover .image-wrapper img[data-v-477e6584]{transform:scale(1.05)}.image-overlay[data-v-477e6584]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-card:hover .image-overlay[data-v-477e6584]{opacity:1}.image-actions[data-v-477e6584]{display:flex;gap:8px}.image-info[data-v-477e6584]{padding:12px}.image-name[data-v-477e6584]{font-weight:500;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-meta[data-v-477e6584]{display:flex;justify-content:space-between;font-size:12px;color:#909399;margin-bottom:8px}.image-tags[data-v-477e6584]{display:flex;flex-wrap:wrap;gap:4px}.tag[data-v-477e6584]{margin:2px}.pagination-container[data-v-477e6584]{display:flex;justify-content:center;margin-top:20px}.image-preview[data-v-477e6584]{display:flex;gap:20px}.preview-img[data-v-477e6584]{max-width:60%;max-height:60vh;-o-object-fit:contain;object-fit:contain}.preview-info[data-v-477e6584]{flex:1}.preview-info h3[data-v-477e6584]{margin-top:0;margin-bottom:16px}.preview-info p[data-v-477e6584]{margin-bottom:12px}.preview-tags[data-v-477e6584]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.upload-panel[data-v-477e6584]{max-height:70vh;overflow-y:auto}.upload-area[data-v-477e6584]{width:100%;min-height:200px;text-align:center}.selected-files-container[data-v-477e6584]{margin-top:0}.selected-header[data-v-477e6584]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e4e7ed}.selected-header h4[data-v-477e6584]{margin:0;color:#303133}.file-previews[data-v-477e6584]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:20px}.file-preview-item[data-v-477e6584]{border:1px solid #e4e7ed;border-radius:8px;padding:12px;background:#fff;transition:all .3s;position:relative}.file-preview-item[data-v-477e6584]:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transform:translateY(-2px)}.preview-container[data-v-477e6584]{position:relative;width:100%;height:100px;border-radius:4px;overflow:hidden;background:#f5f7fa;margin-bottom:8px}.preview-img[data-v-477e6584]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-overlay[data-v-477e6584]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.preview-container:hover .preview-overlay[data-v-477e6584]{opacity:1}.remove-btn[data-v-477e6584]{background:hsla(0,0%,100%,.9)}.file-info[data-v-477e6584]{text-align:center}.file-name[data-v-477e6584]{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-size[data-v-477e6584]{font-size:11px;color:#909399;margin-bottom:4px}.file-status[data-v-477e6584]{margin-top:4px}.add-more-files[data-v-477e6584]{border:2px dashed #dcdfe6;border-radius:8px;padding:12px;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;cursor:pointer;transition:all .3s;color:#909399}.add-more-files[data-v-477e6584]:hover{border-color:#409eff;color:#409eff;background:#f0f7ff}.add-icon[data-v-477e6584]{font-size:24px;margin-bottom:8px}.add-text[data-v-477e6584]{font-size:12px}.image-info-form[data-v-477e6584]{margin-top:20px}.form-tip[data-v-477e6584]{font-size:12px;color:#909399;margin-top:4px}.upload-progress[data-v-477e6584]{margin-top:20px}.upload-status[data-v-477e6584]{margin-top:8px;text-align:center}.error-text[data-v-477e6584],.success-text[data-v-477e6584],.uploading-text[data-v-477e6584]{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}@media (max-width:768px){.file-previews[data-v-477e6584]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.preview-container[data-v-477e6584]{height:80px}}[data-v-477e6584] .el-select .el-input .el-select__caret{font-family:element-icons!important}[data-v-477e6584] .el-select .el-input .el-select__caret:before{content:"\e790"}[data-v-477e6584] .el-select .el-input .el-select__caret.el-icon-arrow-up:before,[data-v-477e6584] .el-select .el-input.is-focus .el-select__caret:before{content:"\e78f"}