.upload-container[data-v-64c8660d]{width:200px}.upload-grid[data-v-64c8660d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:10px}.upload-item[data-v-64c8660d]{width:200px;height:100px}.upload-tip[data-v-64c8660d]{color:#909399;font-size:12px;margin-top:5px}.upload-area .el-upload[data-v-64c8660d],.upload-area[data-v-64c8660d]{width:100%}.upload-area .el-upload-dragger[data-v-64c8660d]{width:100%;height:100px;border:2px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-area .el-upload-dragger[data-v-64c8660d]:hover{border-color:#409eff}.upload-area .el-upload-dragger .el-icon-upload[data-v-64c8660d]{font-size:24px;color:#c0c4cc;margin:0 0 8px 0;line-height:1}.upload-area .el-upload__text[data-v-64c8660d]{color:#606266;font-size:13px;text-align:center;margin-bottom:4px;line-height:1.2}.upload-area .el-upload__tip[data-v-64c8660d]{color:#909399;font-size:11px;text-align:center;line-height:1.3;margin:0}.image-preview[data-v-64c8660d]{position:relative;width:200px;height:100px;border:1px solid #e4e7ed;border-radius:6px;overflow:hidden}.preview-image[data-v-64c8660d]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.preview-image[data-v-64c8660d]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.delete-icon[data-v-64c8660d]{position:absolute;top:5px;right:5px;width:20px;height:20px;background:rgba(0,0,0,.6);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.delete-icon[data-v-64c8660d]:hover{background:#f56c6c}.delete-icon i[data-v-64c8660d]{color:#fff;font-size:12px}.image-preview:hover .delete-icon[data-v-64c8660d]{opacity:1}[data-v-64c8660d] .image-preview-dialog{max-width:95vw;max-height:95vh;width:auto!important;min-width:300px}[data-v-64c8660d] .image-preview-dialog .el-message-box__content{text-align:center;padding:10px;max-height:80vh;overflow:hidden}[data-v-64c8660d] .image-preview-dialog .image-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:75vh;overflow:hidden}[data-v-64c8660d] .image-preview-dialog .image-preview-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:4px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){[data-v-64c8660d] .image-preview-dialog{max-width:98vw;max-height:98vh;margin:0 10px}[data-v-64c8660d] .image-preview-dialog .el-message-box__content{padding:5px;max-height:85vh}[data-v-64c8660d] .image-preview-dialog .image-preview-wrapper{max-height:80vh}}@media (max-width:480px){[data-v-64c8660d] .image-preview-dialog{margin:0 5px}[data-v-64c8660d] .image-preview-dialog .el-message-box__content{padding:2px}}