.container[data-v-08847422]{width:100%;height:100vh}.image-list-container[data-v-08847422]{height:calc(100vh - 350px);overflow-y:auto;padding:10px;background-color:#fff}.image-grid[data-v-08847422]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;padding:10px}.image-item[data-v-08847422]{width:100%;aspect-ratio:4/3;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.image-title-overlay[data-v-08847422]{position:absolute;top:0;left:0;right:0;padding:4px 8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.image-status[data-v-08847422]{position:absolute;bottom:4px;right:4px;z-index:1}.image-item img[data-v-08847422]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-item[data-v-08847422]:hover{border-color:#409eff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.pagination-container[data-v-08847422]{margin-top:auto;padding:15px;text-align:center}.transparent-dialog[data-v-08847422]{background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}.preview-container[data-v-08847422]{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}.image-title[data-v-08847422]{color:#fff;font-size:16px;margin-bottom:16px;background:rgba(0,0,0,.5);padding:8px 16px;border-radius:4px}.image-wrapper[data-v-08847422]{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}.image-list-container[data-v-08847422]::-webkit-scrollbar{width:6px}.image-list-container[data-v-08847422]::-webkit-scrollbar-track{background:#f5f7fa}.image-list-container[data-v-08847422]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.image-list-container[data-v-08847422]::-webkit-scrollbar-thumb:hover{background:#909399}.tab-container[data-v-08847422]{margin:-10px 0 10px 0;border-bottom:1px solid #e4e7ed}[data-v-08847422] .el-tabs__nav-wrap:after{height:0}[data-v-08847422] .el-tabs__item{height:40px;line-height:40px;font-size:14px;color:#606266}[data-v-08847422] .el-tabs__item.is-active{color:#409eff;font-weight:500}.el-header[data-v-08847422]{background:#fff}.image-item.active[data-v-08847422]{border-color:#409eff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-main[data-v-08847422]{padding:20px;height:auto!important;min-height:calc(100vh - 100px)}.el-card[data-v-08847422]{margin-top:20px;height:calc(100vh - 180px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.image-checkbox[data-v-08847422]{position:absolute;top:8px;right:8px;z-index:2;background-color:hsla(0,0%,100%,.8);border-radius:2px;padding:2px}.image-item[data-v-08847422]{position:relative}.image-checkbox[data-v-08847422]{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.image-item .image-checkbox.is-checked[data-v-08847422],.image-item:hover .image-checkbox[data-v-08847422]{opacity:1}.image-item[data-v-08847422]:hover{border-color:#66b1ff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-transition:all .3s;transition:all .3s}.image-overlay[data-v-08847422]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,0,0,.3);z-index:1;pointer-events:none}.image-item img[data-v-08847422]{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.image-item.selected[data-v-08847422]{border-color:#409eff;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.image-status[data-v-08847422],.image-title-overlay[data-v-08847422]{z-index:2}.selection-box[data-v-08847422]{position:absolute;border:2px solid #409eff;background-color:rgba(64,158,255,.1);pointer-events:none;z-index:1000}.image-list-container[data-v-08847422]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.image-list-container.selecting[data-v-08847422]{cursor:crosshair}