body,html{margin:0;padding:0;overflow:hidden}#app,body,html{height:100%}.sidebar-menu-container[data-v-a99dea24]{width:220px;display:flex;flex-direction:column;z-index:1;border-radius:8px 0 0 8px}.sidebar-menu-container .sidebar-menu[data-v-a99dea24]{border-right:none}.sidebar-menu-container .sidebar-menu[data-v-a99dea24] .el-menu-item{height:50px;line-height:50px;margin:8px 0;border-radius:0 25px 25px 0;padding-left:20px!important}.sidebar-menu-container .sidebar-menu[data-v-a99dea24] .el-menu-item.is-active{background:linear-gradient(90deg,rgba(24,144,255,.1),rgba(24,144,255,0));color:#1890ff;font-weight:500}.sidebar-menu-container .sidebar-menu[data-v-a99dea24] .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:15px;height:20px;width:4px;background:linear-gradient(180deg,#1890ff,#36a6ff);border-radius:0 4px 4px 0}.sidebar-menu-container .sidebar-menu[data-v-a99dea24] .el-menu-item:hover{background-color:rgba(24,144,255,.05)}.sidebar-menu-container .sidebar-menu[data-v-a99dea24] .el-menu-item i{margin-right:8px}.resource-sidebar[data-v-c5ba0dfa]{width:220px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(0,0,0,.05);display:flex;flex-direction:column;z-index:1;border-radius:8px 0 0 8px}.resource-sidebar .el-menu[data-v-c5ba0dfa]{flex:1;border-right:none}.resource-sidebar .el-menu[data-v-c5ba0dfa] .el-menu-item{height:50px;line-height:50px;margin:8px 0;border-radius:0 25px 25px 0;padding-left:20px!important}.resource-sidebar .el-menu[data-v-c5ba0dfa] .el-menu-item.is-active{background:linear-gradient(90deg,rgba(24,144,255,.1),rgba(24,144,255,0));color:#1890ff;font-weight:500}.resource-sidebar .el-menu[data-v-c5ba0dfa] .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:15px;height:20px;width:4px;background:linear-gradient(180deg,#1890ff,#36a6ff);border-radius:0 4px 4px 0}.resource-sidebar .el-menu[data-v-c5ba0dfa] .el-menu-item:hover{background-color:rgba(24,144,255,.05)}.base-resource-list[data-v-19407ca1]{flex:1;padding:20px;overflow-y:auto;height:calc(100% - 40px);min-height:0;box-sizing:border-box}.base-resource-list .content-container[data-v-19407ca1]{height:100%;display:flex;flex-direction:column}.base-resource-list .loading-container[data-v-19407ca1]{height:100%;display:flex;align-items:center;justify-content:center}.base-resource-list .loading-container .loading-spinner[data-v-19407ca1]{text-align:center}.base-resource-list .loading-container .loading-spinner i[data-v-19407ca1]{font-size:32px;color:#409eff;margin-bottom:16px}.base-resource-list .loading-container .loading-spinner p[data-v-19407ca1]{font-size:14px;color:#909399;margin:8px 0 0}.base-resource-list .empty-container[data-v-19407ca1]{height:100%;display:flex;align-items:center;justify-content:center}.base-resource-list .list-content[data-v-19407ca1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px}.base-resource-list .loading-more[data-v-19407ca1]{text-align:center;padding:10px 0;color:#909399;font-size:14px}.base-resource-list .loading-more .el-icon-loading[data-v-19407ca1]{margin-right:6px}.base-resource-list .loading-more .loading-text[data-v-19407ca1]{vertical-align:middle}.resource-item[data-v-4008335d]{position:relative;cursor:pointer;aspect-ratio:1.77777778;outline:none}.resource-item .item-inner[data-v-4008335d]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid transparent}.resource-item:hover .item-inner[data-v-4008335d]{border:1px dashed #6182fa}.resource-item.is-selected .item-inner[data-v-4008335d]{border:1px solid #409eff}.resource-item .resource-preview[data-v-4008335d]{position:relative;width:100%;height:100%}.resource-item .resource-preview .image-preview[data-v-4008335d]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#eee 25%,transparent 0),linear-gradient(-45deg,#eee 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eee 0),linear-gradient(-45deg,transparent 75%,#eee 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#fff}.resource-item .resource-preview .image-preview .el-image[data-v-4008335d]{width:100%;height:100%}.resource-item .resource-preview .image-preview .el-image[data-v-4008335d] .el-image__inner{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.resource-item .resource-preview .video-preview[data-v-4008335d]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.resource-item .resource-preview .video-preview .thumbnail-container[data-v-4008335d]{width:100%;height:100%;background-color:#2c3e50;position:relative}.resource-item .resource-preview .video-preview .thumbnail-container.thumbnail-error[data-v-4008335d]{display:flex;align-items:center;justify-content:center}.resource-item .resource-preview .video-preview .thumbnail-container.thumbnail-error[data-v-4008335d]:after{content:"\e912";font-family:element-icons!important;font-size:48px;color:hsla(0,0%,100%,.5)}.resource-item .resource-preview .video-preview .thumbnail-container .video-element[data-v-4008335d]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.resource-item .resource-preview .video-preview .thumbnail-container .loading-thumbnail[data-v-4008335d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}.resource-item .resource-preview .video-preview .thumbnail-container .loading-thumbnail i[data-v-4008335d]{font-size:24px;color:#fff}.resource-item .resource-preview .video-preview .play-overlay[data-v-4008335d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.3)}.resource-item .resource-preview .video-preview .play-overlay .el-icon-video-play[data-v-4008335d]{font-size:48px;color:#409eff}.resource-item .resource-preview .video-preview .error-overlay[data-v-4008335d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.7);z-index:2}.resource-item .resource-preview .video-preview .error-overlay .el-icon-video-camera[data-v-4008335d]{font-size:48px;color:#f56c6c}.resource-item .resource-preview .audio-preview[data-v-4008335d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#8e9eab,#eef2f3)}.resource-item .resource-preview .audio-preview .audio-visualization[data-v-4008335d]{width:80%;height:60px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.resource-item .resource-preview .audio-preview .audio-visualization .waveform[data-v-4008335d]{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between}.resource-item .resource-preview .audio-preview .audio-visualization .waveform .bar[data-v-4008335d]{width:6px;background-color:hsla(0,0%,100%,.8);border-radius:2px;transition:height .3s ease}.resource-item .resource-preview .audio-preview .audio-visualization .duration[data-v-4008335d]{margin-top:8px;font-size:12px;color:#fff;background:rgba(0,0,0,.3);padding:2px 8px;border-radius:10px}.resource-item .resource-preview .audio-preview .el-icon-headset[data-v-4008335d]{font-size:32px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.resource-item .resource-filename[data-v-4008335d]{position:absolute;bottom:0;left:0;width:100%;padding:4px 8px;background-color:rgba(0,0,0,.5)}.resource-item .resource-filename .filename-text[data-v-4008335d]{color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-item .thumbnail-container.thumbnail-error+.play-overlay[data-v-4008335d]{display:none}.resource-list-container[data-v-1a3203c0]{flex:1;overflow:hidden;display:flex;flex-direction:column;height:100%}.operation-bar[data-v-72c511b8]{padding:16px 24px;background:#fff;border-bottom:1px solid #ebeef5;display:flex;justify-content:flex-end;align-items:center}.upload-dialog[data-v-0c608428] .el-dialog__body{padding:20px}.upload-container .upload-area[data-v-0c608428] .el-upload{width:100%}.upload-container .upload-area[data-v-0c608428] .el-upload .el-upload-dragger{width:100%;height:260px;display:flex;align-items:center;justify-content:center;border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa}.upload-container .upload-area[data-v-0c608428] .el-upload .el-upload-dragger:hover{border-color:#409eff;background:#f5f7fa}.upload-container .upload-content[data-v-0c608428]{text-align:center}.upload-container .upload-content .upload-icon[data-v-0c608428]{font-size:48px;color:#909399;margin-bottom:16px}.upload-container .upload-content .upload-text .main[data-v-0c608428]{font-size:16px;color:#606266;margin:0 0 8px}.upload-container .upload-content .upload-text .main em[data-v-0c608428]{color:#409eff;font-style:normal;cursor:pointer}.upload-container .upload-content .upload-text .sub[data-v-0c608428]{font-size:14px;color:#909399;margin:0}.upload-container .upload-progress[data-v-0c608428]{margin-top:20px;padding:16px;border-radius:8px;background-color:#f5f7fa}.upload-container .upload-progress .file-info[data-v-0c608428]{display:flex;justify-content:space-between;margin-bottom:8px}.upload-container .upload-progress .file-info .file-name[data-v-0c608428]{font-size:14px;color:#606266;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-container .upload-progress .file-info .progress-text[data-v-0c608428]{font-size:14px;color:#409eff;font-weight:700}.upload-container .upload-progress .upload-status[data-v-0c608428]{margin-top:8px;font-size:13px;color:#909399;text-align:right}.video-preview-dialog .video-player[data-v-7dc57775]{width:100%;height:auto;max-height:600px;border-radius:4px}.audio-preview-dialog .audio-player-container[data-v-1fc450cd]{padding:20px;text-align:center}.audio-preview-dialog .audio-player-container .audio-info[data-v-1fc450cd]{margin-bottom:20px;display:flex;align-items:center;justify-content:center}.audio-preview-dialog .audio-player-container .audio-info .el-icon-headset[data-v-1fc450cd]{font-size:24px;color:#409eff;margin-right:10px}.audio-preview-dialog .audio-player-container .audio-info .audio-name[data-v-1fc450cd]{font-size:16px;color:#606266}.audio-preview-dialog .audio-player-container .audio-player[data-v-1fc450cd]{width:100%;margin-top:10px}.resource-space[data-v-083777cc] .resource-dialog .el-dialog{border-radius:8px;overflow:hidden}.resource-space[data-v-083777cc] .resource-dialog .el-dialog .el-dialog__header{border-bottom:1px solid #eee;padding:12px 20px;margin:0}.resource-space[data-v-083777cc] .resource-dialog .el-dialog .el-dialog__body{padding:0;height:600px}.resource-space[data-v-083777cc] .resource-dialog .el-dialog .el-dialog__footer{border-top:1px solid #eee;padding:12px 20px}.resource-space .resource-container[data-v-083777cc]{display:flex;height:100%}.resource-space .resource-content[data-v-083777cc]{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.add-tab[data-v-95607cf4]{height:100%;padding:16px;box-sizing:border-box}.add-tab .group-content[data-v-95607cf4]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.add-tab .group-content .component-item[data-v-95607cf4]{height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f6f7f7;border-radius:10px;cursor:move;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.add-tab .group-content .component-item .iconfont[data-v-95607cf4]{font-size:20px;color:#333;transition:transform .2s ease,background-color .2s ease}.add-tab .group-content .component-item[data-v-95607cf4]:hover{background:#e7e8e9;transform:translateY(-2px)}.add-tab .group-content .component-item span[data-v-95607cf4]{font-size:12px;color:#666}.designer-sidebar[data-v-1ae46982]{display:flex;height:100%}.designer-sidebar .tab-list[data-v-1ae46982]{width:60px;height:100%;background:#fff;padding:4px;border-right:1px solid #e8e8e8;flex-shrink:0}.designer-sidebar .tab-list .tab-item[data-v-1ae46982]{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:4px;margin:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.designer-sidebar .tab-list .tab-item .icon-wrapper[data-v-1ae46982]{width:50px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s}.designer-sidebar .tab-list .tab-item .icon-wrapper[data-v-1ae46982]:hover{background-color:rgba(0,0,0,.04)}.designer-sidebar .tab-list .tab-item.active .icon-wrapper[data-v-1ae46982]{background-color:rgba(0,0,0,.06)}.designer-sidebar .tab-list .tab-item.active i[data-v-1ae46982]{color:rgba(0,0,0,.88)}.designer-sidebar .tab-list .tab-item i[data-v-1ae46982]{font-size:18px;color:rgba(0,0,0,.45);transition:color .3s}.designer-sidebar .tab-list .tab-item span[data-v-1ae46982]{font-size:12px;color:rgba(0,0,0,.45)}.designer-sidebar .tab-content[data-v-1ae46982]{flex:1;height:100%;overflow:auto}.material-winperties[data-v-6b97cffe]{width:100%;position:absolute;left:0;padding:0 20px;background-color:#fff;box-sizing:border-box}.material-winperties .image-upload[data-v-6b97cffe]{display:flex;gap:8px}.style-panel[data-v-348afb94]{width:100%;box-sizing:border-box}.style-panel .el-form-item__content[data-v-348afb94]{line-height:32px;display:flex;align-items:center}.material-badge[data-v-6d9c1da2],.material-button[data-v-4b08fb0a],.material-image[data-v-6bd5afba]{width:100%;position:absolute;left:0;padding:0 20px;background-color:#fff;box-sizing:border-box}.material-image[data-v-6bd5afba] .el-form-item{margin-bottom:18px}.material-image[data-v-6bd5afba] .el-form-item .el-form-item__content{line-height:32px}.material-image[data-v-6bd5afba] .el-slider__bar{background-color:#6182fa}.material-image[data-v-6bd5afba] .el-slider__button{border:2px solid #6182fa}.material-image .slider-wrapper[data-v-6bd5afba]{padding-right:20px;display:flex;align-items:center;height:32px}.material-image .el-slider[data-v-6bd5afba]{width:100%;padding:0 5px}.material-image .image-upload[data-v-6bd5afba]{display:flex;gap:8px}.material-input[data-v-199f55f0],.material-progress[data-v-39f811c6],.material-slider[data-v-2578a25e],.material-switch[data-v-21da574d],.material-text[data-v-009cce2d],.material-video[data-v-5520fe05]{width:100%;position:absolute;left:0;padding:0 20px;background-color:#fff;box-sizing:border-box}.material-video .video-upload[data-v-5520fe05]{display:flex;gap:8px}.material-video .poster-preview[data-v-5520fe05],.material-video .video-preview[data-v-5520fe05]{margin-top:10px;width:100%;height:120px;border:1px solid #dcdfe6;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.material-video .poster-preview img[data-v-5520fe05]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.designer-container[data-v-ab546c16]{display:flex;height:100%;width:100%}.designer-container .canvas-area[data-v-ab546c16]{flex:1;height:100%;background:#f5f5f5;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.designer-container .canvas-area[data-v-ab546c16]:after,.designer-container .canvas-area[data-v-ab546c16]:before{content:"";flex:1;min-height:45px}.designer-container .canvas-area .canvas-area-inner[data-v-ab546c16]{position:relative;box-shadow:0 0 10px rgba(0,0,0,.1);background:#fff;flex-shrink:0}.designer-container .canvas-area .canvas-area-inner .preview-iframe[data-v-ab546c16]{width:100%;height:100%;border:none;overflow:auto}.designer-container .canvas-area .canvas-area-inner .canvas-area-mask[data-v-ab546c16]{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;z-index:1;background-color:transparent}.designer-container .properties-panel[data-v-ab546c16]{width:280px;height:100%;position:relative;overflow-y:scroll;overflow-x:hidden;margin-left:auto;border-left:1px solid #e0e0e0}.designer-container .properties-panel h2[data-v-ab546c16]{padding:0 20px 20px;margin-bottom:15px;border-bottom:1px solid #f2f4f6;font-size:18px;font-weight:600;color:#323233}.designer-container .loading[data-v-ab546c16]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.95);z-index:9999;backdrop-filter:blur(4px)}.designer-container .loading .loading-gif[data-v-ab546c16]{width:240px;height:240px}.designer-container .decorateAnima-enter-active[data-v-ab546c16],.designer-container .decorateAnima-leave-active[data-v-ab546c16]{transition:all .5s ease}.designer-container .decorateAnima-enter[data-v-ab546c16]{transform:translate(0);opacity:0}.designer-container .decorateAnima-leave-to[data-v-ab546c16]{transform:translate(-100%);opacity:0}.designer-space[data-v-f5ab2b8a] .designer-dialog .el-dialog{border-radius:8px}.designer-space[data-v-f5ab2b8a] .designer-dialog .el-dialog .el-dialog__header{border-bottom:1px solid #eee;padding:12px 20px;margin:0;background:#fff}.designer-space[data-v-f5ab2b8a] .designer-dialog .el-dialog .el-dialog__body{padding:0;height:700px}.designer-space .designer-container[data-v-f5ab2b8a]{display:flex;width:100%;height:100%;overflow:hidden;background:#fff}.designer-space .designer-container .designer-sidebar[data-v-f5ab2b8a]{width:360px;border-right:1px solid #e8e8e8}.designer-space .designer-container .designer-main[data-v-f5ab2b8a]{flex:1}