.layer[data-v-0ef97a38]{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0;overflow:auto;z-index:var(--z-index,4000)}.layer .dialog[data-v-0ef97a38]{width:900px;height:680px;background-color:#fff;border-radius:10px;box-sizing:border-box;box-shadow:0 0 40px 0 #888;margin-left:auto;margin-right:auto;margin-bottom:10vh;padding:16px}.layer .dialog .title-line[data-v-0ef97a38]{box-sizing:border-box;padding:10px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-end;height:56px;flex-wrap:nowrap}.layer .dialog .title-line .title[data-v-0ef97a38]{font-size:20px;width:200px}.layer .dialog .title-line .max-count-warning[data-v-0ef97a38]{font-size:12px;width:100%}.layer .dialog .container[data-v-0ef97a38]{height:460px;min-width:900px;margin-top:20px;display:flex}.layer .dialog .container .types[data-v-0ef97a38]{width:200px;height:100%;background-color:#ddd;overflow-y:auto}.layer .dialog .container .types .type[data-v-0ef97a38]{color:#000;box-sizing:border-box;padding:10px;cursor:pointer;font-size:14px;height:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.3s}.layer .dialog .container .types .type.selected[data-v-0ef97a38]{background-color:#f0f0f0;color:#5d6eee}.layer .dialog .container .images[data-v-0ef97a38]{width:680px;height:100%;overflow:auto;box-sizing:border-box;padding:10px 2px;background-color:#fafafa;border:1px solid #aaa}.layer .dialog .container .images .image[data-v-0ef97a38]{display:inline-block;width:120px;height:170px;background-color:#f0f0f0;margin:0 5px 10px 5px;transition:.3s;cursor:pointer;border:1px solid #ccc;position:relative;box-sizing:content-box}.layer .dialog .container .images .image .image-title[data-v-0ef97a38]{color:#aaa;width:110px;margin-top:2px;margin-left:5px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:italic}.layer .dialog .container .images .image img[data-v-0ef97a38]{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;background-color:#fff}.layer .dialog .container .images .image .indexer[data-v-0ef97a38]{position:absolute;display:flex;width:20px;height:20px;background-color:#fff;border-radius:50%;border:1px solid #409eff;color:#409eff;right:-10px;top:-10px;line-height:20px;font-size:12px;box-sizing:border-box;box-shadow:0 0 6px 0 rgba(0,0,0,.3);align-items:center;justify-content:center;font-weight:700}.layer .dialog .container .images .image .image-buttons[data-v-0ef97a38]{display:flex;justify-content:flex-end;margin-top:4px}.layer .dialog .container .images .image .image-button[data-v-0ef97a38]{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#409eff;font-size:14px;margin-right:6px;cursor:pointer;display:inline-flex;align-items:center;padding:2px 4px}.layer .dialog .container .images .image .image-button[data-v-0ef97a38]:hover{color:#6bb2ff;opacity:.7}.layer .dialog .container .images .image[data-v-0ef97a38]:hover{border:1px solid #409eff}.layer .dialog .container .images .image.selected[data-v-0ef97a38]{box-shadow:0 0 10px #7cb5f1;border:1px solid #409eff}.layer .dialog .pager[data-v-0ef97a38]{margin-top:20px;display:flex;justify-content:center}.detail[data-v-0ef97a38]{padding:6px;color:#777;font-size:12px}.detail .detail-line[data-v-0ef97a38]{border-bottom:1px solid #f0f0f0;padding:2px 0;display:flex;flex-wrap:nowrap}.detail .detail-line div[data-v-0ef97a38]{min-width:50px}.detail .detail-line div[data-v-0ef97a38]:last-child{width:100%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail .detail-line .detail-button[data-v-0ef97a38]{color:#409eff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.detail .detail-line .detail-button[data-v-0ef97a38]:hover{color:#6bb2ff}.fade-transform-top-enter-active[data-v-0ef97a38],.fade-transform-top-leave-active[data-v-0ef97a38]{transition:all .3s}.fade-transform-top-enter[data-v-0ef97a38],.fade-transform-top-leave-to[data-v-0ef97a38]{opacity:0;transform:translateY(-30px)}.fade-enter-active[data-v-0ef97a38],.fade-leave-active[data-v-0ef97a38]{transition:opacity .1s}.fade-enter[data-v-0ef97a38],.fade-leave-to[data-v-0ef97a38]{opacity:0}.banner-management[data-v-51c02aa2]{padding:20px;background:#f0f2f5;min-height:calc(100vh - 84px)}.title-card[data-v-51c02aa2]{background:#fff;border-radius:4px;padding:20px 24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.08)}.title-card .title-content .main-title[data-v-51c02aa2]{margin:0 0 8px 0;font-size:18px;font-weight:500;color:#333}.title-card .title-content .sub-title[data-v-51c02aa2]{margin:0;color:#666;font-size:14px}.title-card .title-action .el-button[data-v-51c02aa2]{padding:10px 20px;font-size:14px;border-radius:4px}.list-card[data-v-51c02aa2]{background:#fff;border-radius:4px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.preview-img[data-v-51c02aa2]{width:80px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #f0f0f0;cursor:pointer;transition:transform .3s}.preview-img[data-v-51c02aa2]:hover{transform:scale(1.05)}.text-content .title-text[data-v-51c02aa2]{font-size:14px;color:#333;font-weight:500;margin-bottom:4px;line-height:1.4}.text-content .desc-text[data-v-51c02aa2]{font-size:12px;color:#666;line-height:1.4}.status[data-v-51c02aa2]{display:inline-block;padding:4px 8px;border-radius:2px;font-size:12px}.status.active[data-v-51c02aa2]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status.inactive[data-v-51c02aa2]{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.action-btns[data-v-51c02aa2]{display:flex;align-items:center;justify-content:center;gap:0}.action-btns .el-button[data-v-51c02aa2]{padding:0;font-size:12px;min-height:auto}.action-btns .el-divider[data-v-51c02aa2]{margin:0 4px;background-color:#e8e8e8;height:12px}.pagination-container[data-v-51c02aa2]{margin-top:20px;text-align:center}.upload-container .image-select-area[data-v-51c02aa2]{width:100%;min-height:120px;border:2px dashed #dcdfe6;border-radius:4px;cursor:pointer;transition:all .3s;overflow:hidden}.upload-container .image-select-area[data-v-51c02aa2]:hover{border-color:#409eff;background-color:rgba(64,158,255,.05)}.upload-container .image-select-area .selected-image-preview[data-v-51c02aa2]{position:relative;width:100%;height:150px}.upload-container .image-select-area .selected-image-preview .selected-image[data-v-51c02aa2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-container .image-select-area .selected-image-preview .image-actions[data-v-51c02aa2]{position:absolute;bottom:10px;right:10px;display:flex;gap:10px;background:hsla(0,0%,100%,.9);padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.upload-container .image-select-area .selected-image-preview .image-actions .el-button[data-v-51c02aa2]{padding:0;font-size:12px;color:#666}.upload-container .image-select-area .selected-image-preview .image-actions .el-button[data-v-51c02aa2]:hover{color:#409eff}.upload-container .image-select-area .selected-image-preview .image-actions .el-button i[data-v-51c02aa2]{margin-right:4px}.upload-container .image-select-area .image-placeholder[data-v-51c02aa2]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:#909399}.upload-container .image-select-area .image-placeholder i[data-v-51c02aa2]{font-size:40px;margin-bottom:10px;color:#c0c4cc}.upload-container .image-select-area .image-placeholder .placeholder-text[data-v-51c02aa2]{font-size:14px;margin-bottom:4px;color:#333}.upload-container .image-select-area .image-placeholder .placeholder-subtext[data-v-51c02aa2]{font-size:12px;color:#999}.upload-container .image-url-input[data-v-51c02aa2]{margin-top:10px}.upload-container .image-url-input[data-v-51c02aa2] .el-input-group__append{padding:0 8px;background:transparent;border:none}.upload-container .image-url-input[data-v-51c02aa2] .el-input-group__append .el-button{padding:0;color:#999}.upload-container .image-url-input[data-v-51c02aa2] .el-input-group__append .el-button:hover{color:#409eff}.store-select-container .selected-store-info[data-v-51c02aa2]{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.store-select-container .selected-store-info .store-info-content[data-v-51c02aa2]{flex:1}.store-select-container .selected-store-info .store-info-content .store-name-line[data-v-51c02aa2]{display:flex;align-items:center;margin-bottom:6px}.store-select-container .selected-store-info .store-info-content .store-name-line .store-icon[data-v-51c02aa2]{color:#409eff;margin-right:8px;font-size:16px}.store-select-container .selected-store-info .store-info-content .store-name-line .store-name[data-v-51c02aa2]{font-weight:500;color:#333;font-size:14px}.store-select-container .selected-store-info .store-info-content .store-detail[data-v-51c02aa2]{font-size:12px;color:#666}.store-select-container .selected-store-info .store-info-content .store-detail .store-id[data-v-51c02aa2]{color:#999}.store-select-container .selected-store-info .store-actions[data-v-51c02aa2]{display:flex;gap:8px}.store-select-container .selected-store-info .store-actions .el-button[data-v-51c02aa2]{padding:0;font-size:12px}.store-select-container .select-store-btn[data-v-51c02aa2]{width:100%;height:40px}.store-tip[data-v-51c02aa2]{font-size:12px;color:#999;margin-top:4px}.sort-tip[data-v-51c02aa2]{margin-left:10px;font-size:12px;color:#999}.store-name-cell[data-v-51c02aa2]{display:flex;align-items:center}.store-name-cell .name-text[data-v-51c02aa2]{font-weight:500}.store-image-cell[data-v-51c02aa2]{display:flex;justify-content:center;align-items:center}.store-image-cell .store-image[data-v-51c02aa2]{width:60px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #f0f0f0;cursor:pointer;transition:transform .3s}.store-image-cell .store-image[data-v-51c02aa2]:hover{transform:scale(1.05)}.store-image-cell .no-image[data-v-51c02aa2]{color:#999;font-size:12px;text-align:center}.update-time-cell[data-v-51c02aa2]{font-size:12px;color:#666;text-align:center}.store-info .store-name[data-v-51c02aa2]{font-weight:500;color:#333;margin-bottom:4px}.store-info .store-id[data-v-51c02aa2]{font-size:12px;color:#999}.no-store[data-v-51c02aa2]{color:#999;font-style:italic}.full-preview-image[data-v-51c02aa2]{width:100%;height:auto;max-height:70vh;-o-object-fit:contain;object-fit:contain}@media(max-width:768px){.banner-management[data-v-51c02aa2]{padding:12px}.title-card[data-v-51c02aa2]{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.title-card .title-action .el-button[data-v-51c02aa2],.title-card .title-action[data-v-51c02aa2]{width:100%}.list-card[data-v-51c02aa2]{padding:12px;overflow-x:auto}[data-v-51c02aa2] .banner-edit-dialog{width:90%!important;margin-top:10vh!important}[data-v-51c02aa2] .banner-edit-dialog .el-dialog__body{max-height:60vh}[data-v-51c02aa2] .store-selector-dialog{width:90%!important;margin-top:5vh!important}.upload-container .image-select-area .selected-image-preview .image-actions[data-v-51c02aa2]{flex-direction:column;gap:5px}.store-select-container .selected-store-info[data-v-51c02aa2]{flex-direction:column;align-items:flex-start;gap:12px}.store-select-container .selected-store-info .store-actions[data-v-51c02aa2]{width:100%;justify-content:flex-end}}[data-v-51c02aa2] .store-selector-dialog{z-index:3000!important}[data-v-51c02aa2] .store-selector-dialog .el-dialog{z-index:3001!important}[data-v-51c02aa2] .store-selector-dialog .v-modal{z-index:2999!important}[data-v-51c02aa2] .banner-edit-dialog{z-index:2000!important}[data-v-51c02aa2] .banner-edit-dialog .el-dialog{z-index:2001!important}[data-v-51c02aa2] .banner-edit-dialog .v-modal{z-index:1999!important}[data-v-51c02aa2] .image-selector-dialog{z-index:4000!important}[data-v-51c02aa2] .image-selector-dialog .el-dialog{z-index:4001!important}[data-v-51c02aa2] .image-selector-dialog .v-modal{z-index:3999!important}[data-v-51c02aa2] .image-preview-dialog{z-index:5000!important}[data-v-51c02aa2] .image-preview-dialog .el-dialog{z-index:5001!important}[data-v-51c02aa2] .image-preview-dialog .v-modal{z-index:4999!important}[data-v-51c02aa2] .store-image-preview-dialog{z-index:5000!important}[data-v-51c02aa2] .store-image-preview-dialog .el-dialog{z-index:5001!important}[data-v-51c02aa2] .store-image-preview-dialog .v-modal{z-index:4999!important}