body,html{margin:0;padding:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html,input,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}.editor-tabs{background:#121315}.editor-tabs .el-tabs__header{margin:0}.editor-tabs .el-tabs__header,.editor-tabs .el-tabs__header .el-tabs__nav{border-color:#121315!important}.editor-tabs .el-tabs__item{height:32px;line-height:32px;color:#888a8e;border-left:1px solid #121315!important;background:#363636;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor-tabs .el-tabs__item.is-active{background:#1e1e1e;border-bottom-color:#1e1e1e!important;color:#fff}.editor-tabs .el-icon-edit{color:#f1fa8c}.editor-tabs .el-icon-document{color:#a95812}.right-scrollbar{height:100%;overflow-y:auto;overflow-x:hidden;padding:0 4px 15px 4px}.right-scrollbar .el-scrollbar__view{padding:12px 25px 15px 4px}.right-scrollbar .el-scrollbar__bar{width:16px}.el-scrollbar__wrap{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden!important;margin-bottom:0!important}.center-tabs{width:100%;overflow:hidden}.center-tabs .el-tabs__header{margin-bottom:0!important}.center-tabs .el-tabs__item{text-align:center;padding:0 8px;-webkit-box-flex:1;-ms-flex:1;flex:1}.center-tabs .el-tabs__nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.reg-item{padding:12px 6px;background:#f8f8f8;position:relative;border-radius:4px}.reg-item .close-btn{position:absolute;right:0;top:0;display:block;width:16px;height:16px;line-height:16px;background:rgba(0,0,0,.2);border-radius:50%;color:#fff;text-align:center;z-index:1;cursor:pointer;font-size:12px}.reg-item .close-btn:hover{background:rgba(210,23,23,.5)}.reg-item+.reg-item{margin-top:18px}.action-bar .el-button+.el-button{margin-left:15px}.action-bar i{font-size:20px;vertical-align:middle;position:relative;top:-1px}.custom-tree-node{width:100%;height:100%;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-tree-node .node-operation{float:right}.custom-tree-node i[class*=el-icon]+i[class*=el-icon]{margin-left:6px}.custom-tree-node .el-icon-plus{color:#409eff}.custom-tree-node .el-icon-delete{color:#157a0c}.el-scrollbar__view{overflow-x:hidden}.el-rate{display:inline-block;vertical-align:text-top}.el-upload__tip{line-height:1.2}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:1}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body,html{height:100%;overflow:hidden}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}#app,body,html{height:100%;overflow:hidden;min-height:100%}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}body,dd,dl,dt,ol,p,ul{padding:0;margin:0}a:active,a:focus,a:hover,button:focus,input{-webkit-appearance:none;outline:0}a,ins{text-decoration:none}ol,ul{padding:0}li{list-style:none}html{font-size:14px}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{outline:none}body,html{height:100%;max-width:100%;background-color:#f0f2f5;color:#494f61;overflow:hidden}[class*=el-col-]{float:none!important;display:inherit}*{padding:0;margin:0}.el-divider__text{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important}@-webkit-keyframes shine{0%{background-position:-1px -1px}to{background-position:-12px -12px}}@keyframes shine{0%{background-position:-1px -1px}to{background-position:-12px -12px}}@-webkit-keyframes shine2{0%{background-position:-12px -12px}to{background-position:-1px -1px}}@keyframes shine2{0%{background-position:-12px -12px}to{background-position:-1px -1px}}.slide-fade-enter-active,.slide-fade-leave-active{-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.slide-fade-enter,.slide-fade-leave-to{opacity:0;-webkit-transform:translateX(350px);transform:translateX(350px)}.like-scroll{overflow-y:auto!important;overflow-x:hidden!important}.like-scroll::-webkit-scrollbar{width:6px!important;height:6px!important}.like-scroll::-webkit-scrollbar-track{border-radius:3px;opacity:0}.like-scroll::-webkit-scrollbar-thumb{border-radius:3px!important;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s;visibility:initial!important}.like-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(144,147,153,.5)}.code-container{position:relative;width:100%;height:100vh;background:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex}.components-list{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.components-list .components-item{display:inline-block;width:48%;min-width:38px;margin:1%;-webkit-transition:-webkit-transform 0ms!important;transition:-webkit-transform 0ms!important;transition:transform 0ms!important;transition:transform 0ms,-webkit-transform 0ms!important}.components-draggable{padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.components-title{font-size:14px;color:#222;margin:6px 2px}.components-title .svg-icon{color:#666;font-size:18px}.components-body{padding:0 5%;background:#f6f7ff;font-size:12px;line-height:30px;height:32px;overflow:hidden;cursor:move;border:1px dashed #f6f7ff;border-radius:3px}.components-body .model-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.components-body .model-icon{display:block;height:100%}.components-body .el-icon-delete{color:#f56c6c;cursor:pointer}.components-body .svg-icon{color:#777;font-size:15px}.components-body:hover{border:1px dashed #787be8;color:#787be8}.components-body:hover .svg-icon{color:#787be8}.left-board{width:260px;position:absolute;left:0;top:0;height:100vh}.left-scrollbar{height:calc(100vh - 84px);overflow:hidden}.center-scrollbar{overflow:hidden;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8}.center-board,.center-scrollbar{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}.center-board{height:100vh;width:auto;margin:0 350px 0 260px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.empty-info{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:15px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:none;flex:none}.control i{font-size:20px;vertical-align:middle;position:relative;top:-1px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.control .fold{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.control .unfold{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.menu-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:42px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none;overflow:hidden}.menu-bar,.menu-bar .tag-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu-bar .el-tag{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-bar{position:relative;-webkit-box-flex:0;-ms-flex:none;flex:none;text-align:right;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.action-bar .delete-btn{color:#f56c6c}.logo-wrapper{background:#fff;border-bottom:1px solid #f1e8e8;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:42px;color:#00afff;font-weight:600;font-size:17px;white-space:nowrap;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}.logo-wrapper img{width:30px;height:30px;vertical-align:top}.logo-wrapper .introduction{color:#2c3e50}.logo-wrapper .github{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}.center-board-row{padding:12px 12px 15px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.drawing-board{min-height:100%;position:relative;padding-bottom:1px}.drawing-board .el-col{margin-bottom:20px!important}.drawing-board .components-body{padding:0;margin:0;font-size:0}.drawing-board .sortable-ghost{position:relative;display:block;overflow:hidden}.drawing-board .sortable-ghost:before{content:" ";position:absolute;left:0;right:0;top:0;height:3px;background:#5959df;z-index:2}.drawing-board .components-item.sortable-ghost{width:100%;height:60px;background-color:#f6f7ff}.drawing-board .active-btn>.drawing-item-copy,.drawing-board .active-btn>.drawing-item-delete,.drawing-board .active-btn>.drawing-item-fold,.drawing-board .active-btn>.drawing-item-fold-all,.drawing-board .active-btn>.drawing-item-sort-down,.drawing-board .active-btn>.drawing-item-sort-up{display:initial}.drawing-board .active-btn>.component-name{color:#409eff}.drawing-board :not(.drawing-row-item,.el-col){margin-bottom:0!important;margin-top:0!important;max-width:100%!important}.drawing-board>div:last-child{margin-bottom:300px!important}.clip{padding:1px;width:100%}.clip.clipping{position:relative;z-index:0;width:100%}.clip.clipping:before{content:"";display:block;position:absolute;z-index:-1;top:0;right:0;left:1px;bottom:1px;-webkit-animation:shine2 1s linear infinite;animation:shine2 1s linear infinite;background:repeating-linear-gradient(135deg,transparent,transparent,#fff 0,#575757 4px)}.clip.clipping:after{content:"";display:block;position:absolute;z-index:-2;left:.1px;bottom:0;top:1px;right:1px;background:repeating-linear-gradient(135deg,transparent,transparent,#575757 0,#fff 3px);-webkit-animation:shine 1s linear infinite;animation:shine 1s linear infinite}.clip.clipping>.clip-content{height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;background:#f0f2f5}.clip.clipping>.clip-content>div{border-color:transparent}.drawing-row-item{position:relative;cursor:move;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px dashed #ccc;border-radius:3px;resize:vertical}.drawing-row-item:not(:last-child){margin-bottom:25px}.drawing-row-item.active{border:.5px dashed #409eff}.drawing-row-item .drag-wrapper{min-height:80px;padding-top:20px;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;border:.5px dashed transparent;text-align:left}.drawing-row-item .drag-wrapper.subline{border-color:#9fd7ff}.drawing-row-item .drag-wrapper.fold{height:25px;min-height:25px;overflow:hidden;padding:0;padding-top:25px}.drawing-col-item{padding:6px 8px;cursor:move;position:relative;padding:14px 10px;border:1px dashed #d5e4f6}.drawing-col-item.active{background:#fff;border-radius:6px;border:1px dashed #409eff}.drawing-col-item:hover{background:#fff;border-radius:6px}.component-name{position:absolute;top:0;left:0;font-size:12px;color:#bbb;display:inline-block;padding:0 6px;z-index:10;line-height:1}.drawing-item-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;position:absolute;z-index:100;top:-12px;right:0}.drawing-col-item:hover>.drawing-item-btns>.drawing-com,.drawing-row-item:hover>.drawing-item-btns>.drawing-com{display:initial}.drawing-col-item .drawing-com,.drawing-row-item .drawing-com{display:none;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:12px;border:1px solid;cursor:pointer;background:#fff}.drawing-col-item .drawing-com:hover,.drawing-row-item .drawing-com:hover{color:#fff}.drawing-col-item .drawing-item-copy,.drawing-col-item .drawing-item-fold,.drawing-col-item .drawing-item-sort-down,.drawing-col-item .drawing-item-sort-up,.drawing-row-item .drawing-item-copy,.drawing-row-item .drawing-item-fold,.drawing-row-item .drawing-item-sort-down,.drawing-row-item .drawing-item-sort-up{border-color:#409eff;color:#409eff}.drawing-col-item .drawing-item-copy:hover,.drawing-col-item .drawing-item-fold:hover,.drawing-col-item .drawing-item-sort-down:hover,.drawing-col-item .drawing-item-sort-up:hover,.drawing-row-item .drawing-item-copy:hover,.drawing-row-item .drawing-item-fold:hover,.drawing-row-item .drawing-item-sort-down:hover,.drawing-row-item .drawing-item-sort-up:hover{background:#409eff}.drawing-col-item .drawing-item-delete,.drawing-row-item .drawing-item-delete{border-color:#f56c6c;color:#f56c6c}.drawing-col-item .drawing-item-delete:hover,.drawing-row-item .drawing-item-delete:hover{background:#f56c6c}.drawing-col-item .drawing-item-fold-all,.drawing-row-item .drawing-item-fold-all{border-color:#409eff;color:#409eff;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.drawing-col-item .drawing-item-fold-all:hover,.drawing-row-item .drawing-item-fold-all:hover{background:#409eff}.drawing-col-item .drawing-item-fold-all.unfold,.drawing-row-item .drawing-item-fold-all.unfold{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.svg-icon[data-v-02d2bc6a]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-02d2bc6a]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}.scroll-bar[data-v-4370ceec]{width:100%;overflow:hidden;position:relative}.scroll-bar:hover .bar[data-v-4370ceec]{opacity:1}.scroll-bar .bar[data-v-4370ceec]{position:absolute;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;left:0;bottom:0;height:2px;width:15%;background:#777}.tag-wrap[data-v-4370ceec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.editor[data-v-817013aa]{font-size:14px;min-height:100%;min-width:100px;resize:vertical;overflow:hidden;position:relative;background-color:#1e1e1e}.icon[data-v-817013aa]{position:absolute;right:0;top:3px;-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px);color:#fff;font-size:16px;z-index:100}.drag[data-v-817013aa]{right:24px}.editor-open[data-v-817013aa]{position:fixed;top:50%;left:50%;height:600px;width:650px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:4010;resize:both}.drag-bar[data-v-817013aa]{position:absolute;right:0;top:0;background:rgba(144,147,153,.5);width:100%;height:24px;z-index:80;cursor:move}.editor-open .monaco-editor{padding-top:8px}