@charset "UTF-8";.material-library[data-v-beff6e74]{height:600px;display:flex;flex-direction:column}[data-v-beff6e74] .el-tabs__header{margin-bottom:0}[data-v-beff6e74] .el-tabs__nav-wrap:after{height:1px}.library-body[data-v-beff6e74]{display:flex;flex-grow:1;overflow:hidden;border:1px solid var(--el-border-color-light);border-top:none}.sidebar[data-v-beff6e74]{width:180px;border-right:1px solid var(--el-border-color-light);flex-shrink:0;padding-top:10px;display:flex;flex-direction:column}.sidebar ul[data-v-beff6e74]{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto}.sidebar li[data-v-beff6e74]{padding:10px 20px;cursor:pointer;font-size:14px}.sidebar li[data-v-beff6e74]:hover{background-color:var(--el-fill-color-light)}.sidebar li.active[data-v-beff6e74]{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.content-area[data-v-beff6e74]{flex-grow:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.toolbar[data-v-beff6e74]{display:flex;gap:10px;margin-bottom:16px;flex-shrink:0}.conters-wrapper[data-v-beff6e74]{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.conters[data-v-beff6e74]{flex-grow:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;padding-bottom:10px}.scrollbarAll[data-v-beff6e74]::-webkit-scrollbar{width:6px}.scrollbarAll[data-v-beff6e74]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.gridPic[data-v-beff6e74]{position:relative;cursor:pointer;border:1px solid var(--el-border-color);border-radius:4px;padding:2px;transition:all .2s ease-in-out;height:150px}.gridPic[data-v-beff6e74]:hover{box-shadow:var(--el-box-shadow-light);transform:translateY(-2px)}.gridPic.on[data-v-beff6e74]{border:2px solid var(--el-color-primary);padding:1px}.media-item[data-v-beff6e74]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;display:block;background-color:var(--el-fill-color-lighter);border-radius:2px}.num_badge[data-v-beff6e74]{position:absolute;top:5px;right:5px;min-width:20px;height:20px;border-radius:50%;background:var(--el-color-primary);color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:20px;z-index:1;box-shadow:0 0 5px #0000004d}.imgTitle[data-v-beff6e74]{padding:5px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-beff6e74] .el-pagination{margin-top:16px;justify-content:flex-end}.multi-upload-container[data-v-3a0707ce]{display:flex;flex-wrap:wrap;gap:8px}.image-item[data-v-3a0707ce],.add-item[data-v-3a0707ce]{position:relative;overflow:hidden;border:1px dashed var(--el-border-color-darker);transition:var(--el-transition-duration-fast);box-sizing:border-box}.add-item[data-v-3a0707ce]{display:flex;align-items:center;justify-content:center;cursor:pointer}.add-item .el-icon[data-v-3a0707ce]{font-size:28px;color:var(--el-text-color-secondary)}.add-item[data-v-3a0707ce]:hover{border-color:var(--el-color-primary)}.image-item .upload-image[data-v-3a0707ce]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-item:hover .image-handle[data-v-3a0707ce]{opacity:1}.image-handle[data-v-3a0707ce]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .3s}.image-handle .handle-icon[data-v-3a0707ce]{color:#fff;cursor:pointer;font-size:20px}