pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#2a2c2d;background:#e6e6e6}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs-comment,.hljs-quote{color:#676b79;font-style:italic}.hljs-params{color:#676b79}.hljs-punctuation,.hljs-attr{color:#2a2c2d}.hljs-selector-tag,.hljs-name,.hljs-meta,.hljs-operator,.hljs-char.escape_{color:#c56200}.hljs-keyword,.hljs-deletion{color:#d92792}.hljs-regexp,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_{color:#cc5e91}.hljs-subst,.hljs-property,.hljs-code,.hljs-formula,.hljs-section,.hljs-title.function_{color:#3787c7}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-selector-class,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-meta .hljs-string{color:#0d7d6c}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-link,.hljs-built_in,.hljs-title,.hljs-selector-id,.hljs-tag,.hljs-doctag,.hljs-attribute,.hljs-template-tag,.hljs-meta .hljs-keyword{color:#7641bb}.es-header{width:100%;height:var(--es-header-height);background-color:var(--es-color-bg);z-index:2;border-bottom:var(--es-border);justify-content:space-between;align-items:center;padding:0 24px;transition:border-color .2s,background-color .2s;display:flex}.es-header .es-logo{align-items:center;display:flex}.es-header .es-logo .es-logo-img{width:100px;margin-right:10px}.es-header h1{cursor:pointer;font-size:20px;font-weight:600;transition:opacity .25s}.es-header h1:hover{opacity:.8}.es-header .es-navbar{align-items:center;display:flex}.es-header .es-navbar a{border-radius:50%;justify-content:center;align-items:center;margin-left:16px;display:flex}.es-header .es-navbar img{cursor:pointer;width:30px;height:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.es-header .es-navbar img:hover{transform:scale(1.2)}.es-layout-aside{width:var(--es-layout-aside-width);border-right:var(--es-border);background-color:var(--es-color-bg);flex-shrink:0;height:100%}.el-icon-arrow-down{font-size:12px}.es-header-cube{color:var(--es-color);background:var(--es-bg-color-page);text-align:center;border:1px solid var(--es-border);cursor:pointer;border-radius:20px;margin-left:16px;padding:0 12px;font-size:14px;line-height:30px}.es-header-cube:hover{color:var(--el-color-primary)}.es-header-lang{color:var(--es-color);cursor:pointer;border:none;margin-left:16px;padding:0 12px;font-size:14px}.es-header-lang:hover{color:var(--el-color-primary)}.es-app{width:100vw;height:100vh;color:var(--es-color);background-color:var(--es-color-bg);font-size:14px;transition:border-color .2s,background-color .2s;overflow:hidden}.es-app .es-main{background-color:var(--es-bg-color-page);min-width:400px;height:100%;display:flex;position:relative}.es-app .es-main .es-sidebar{padding:24px 6px}.es-app .es-main .es-sidebar .es-sidebar-item{cursor:pointer;align-items:center;width:100%;height:36px;margin:8px 0;padding:8px 24px;font-size:15px;transition:color .2s;display:flex}.es-app .es-main .es-sidebar .es-sidebar-item:hover{color:var(--el-color-primary)}.es-app .es-main .es-sidebar .es-sidebar-item.active{background-color:rgba(var(--el-color-primary-rgb), .1);color:var(--el-color-primary);border-radius:36px}.es-app .es-main .es-content{background-color:var(--es-color-bg);box-shadow:var(--el-box-shadow);height:calc(100% - var(--es-header-height) - 40px);flex:1;margin:20px;position:relative}.sketch-ruler{z-index:3;width:100%;height:100%;font-size:12px;position:relative;overflow:hidden}.sketch-ruler .canvasedit{transform-origin:0 0;will-change:transform;backface-visibility:hidden}.sketch-ruler .canvasedit-parent{isolation:isolate;position:absolute;overflow:hidden}.sketch-ruler .corner{z-index:2;pointer-events:auto;cursor:pointer;box-sizing:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:all .2s ease-in-out;position:absolute;top:0;left:0}.sketch-ruler .default,.sketch-ruler .defaultCursor{cursor:default!important}.sketch-ruler .grab,.sketch-ruler .grabCursor{cursor:grab!important}.sketch-ruler .grabbing,.sketch-ruler .grabbingCursor{cursor:grabbing!important}.h-container,.v-container{position:absolute}.h-container{top:0}.v-container{left:0}.lines{pointer-events:none;position:absolute;top:0;left:0}.line{pointer-events:auto;position:absolute}.h-container .line:before,.h-container .line:after{content:"";width:100%;height:4px;position:absolute;left:0}.h-container .line:before{top:-4px}.h-container .line:after{bottom:-4px}.v-container .line:before,.v-container .line:after{content:"";width:4px;height:100%;position:absolute;top:0}.v-container .line:before{left:-4px}.v-container .line:after{right:-4px}.preview-line{pointer-events:none;z-index:5;position:absolute}.line-label,.preview-label{white-space:nowrap;pointer-events:none;font-size:12px;position:absolute;transform:scale(.83)}.h-container .line-label,.h-container .preview-label{top:14px;left:24px}.v-container .line-label,.v-container .preview-label{top:24px;left:10px}.img-style{width:100%;height:100%}.demo{flex-direction:column;justify-content:center;width:100%;padding-top:10px;display:flex}.demo .whitewrapper{background-color:#fafafc;background-image:linear-gradient(#fafafc 20px,#0000 0),linear-gradient(90deg,#0000 20px,#373739 0)}.demo .blackwrapper{background-color:#18181c;background-image:linear-gradient(#18181c 20px,#0000 0),linear-gradient(90deg,#0000 20px,#86909c 0)}.demo .font16{font-size:16px}.demo .mr10{margin-right:10px}.top{justify-content:center;align-items:center;width:100%;margin-bottom:10px;font-size:16px;display:flex}.button{margin-right:10px;font-size:18px}.imgStyle{width:100%;height:100%}.cbtns{z-index:999;gap:8px;display:flex;position:absolute;bottom:20px;right:240px}.btn{margin-right:5px}.demo-minimap{z-index:10;position:absolute;bottom:10px;right:10px}.top{justify-content:center;width:100%;margin-bottom:10px;display:flex}.font16{font-size:16px}.blackwrapper{background-color:#18181c;background-image:linear-gradient(#18181c 20px,#0000 0),linear-gradient(90deg,#0000 20px,#86909c 0)}.moveble-container{background:#ececea;position:relative}.moveble-target{text-align:center;color:#333;box-sizing:border-box;border:1px solid #333;font-size:30px;font-weight:700;position:absolute}.bigscreen_example{width:100%;height:100%;position:relative;overflow:hidden}.bigscreen_example .description{text-align:center;color:#666;width:100%;margin-bottom:10px;padding:5px;font-size:16px}.bigscreen_example .canvasedit-parent{position:absolute;top:30px;left:0}.bigscreen_example .canvasedit{transform-origin:0 0}.bigscreen_example .big-screen-demo{box-sizing:border-box;background-color:#030409;justify-content:space-between;gap:10px;padding:10px;display:flex}.bigscreen_example .big-screen-demo .screen-item{background-color:#ffffff0d;border-radius:4px;height:100%;overflow:hidden}.bigscreen_example .big-screen-demo .screen-item img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.bigscreen_example .big-screen-demo .screen-item.left,.bigscreen_example .big-screen-demo .screen-item.right{width:25%}.bigscreen_example .big-screen-demo .screen-item.center{flex:1}.eight-k-page{width:100%;height:100%}.eight-k-page.wrapper{width:100%;height:100%;position:relative;overflow:hidden}.eight-k-page .description{text-align:center;color:#000;z-index:1000;text-shadow:1px 1px 1px #0003;width:100%;padding:5px;font-size:16px;position:absolute;top:0;left:0}.eight-k-page .control-panel{z-index:1000;color:#000;background:#fffc;border-radius:4px;padding:10px;position:absolute;top:20px;left:20px;box-shadow:0 2px 4px #0000001a}.eight-k-page .canvasedit-parent{position:absolute;top:0;left:0}.eight-k-page .canvasedit{transform-origin:0 0}.eight-k-page .big-screen-demo{box-sizing:border-box;background-color:#030409;justify-content:space-between;gap:10px;padding:10px;display:flex}.eight-k-page .big-screen-demo .screen-item{background-color:#ffffff0d;border-radius:4px;height:100%;overflow:hidden}.eight-k-page .big-screen-demo .screen-item img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.eight-k-page .big-screen-demo .screen-item.left,.eight-k-page .big-screen-demo .screen-item.right{width:25%}.eight-k-page .big-screen-demo .screen-item.center{flex:1}.eight-k-sketch-ruler{width:100%;height:100%;position:relative;overflow:hidden}.eight-k-sketch-ruler .whitewrapper{background-color:#fafafc;background-image:linear-gradient(#fafafc 20px,#0000 0),linear-gradient(90deg,#0000 20px,#373739 0)}.eight-k-sketch-ruler .blackwrapper{background-color:#18181c;background-image:linear-gradient(#18181c 20px,#0000 0),linear-gradient(90deg,#0000 20px,#86909c 0)}.eight-k-sketch-ruler .wrapper{background-size:21px 21px,21px 21px;border:1px solid #dadadc;width:100%;height:100%}.eight-k-sketch-ruler .description{text-align:center;color:#000;z-index:1000;text-shadow:1px 1px 1px #0003;width:100%;padding:5px;font-size:16px;position:absolute;top:20px;left:0}.eight-k-sketch-ruler .btns{z-index:999;display:flex;position:absolute;bottom:20px;right:40px}.eight-k-sketch-ruler .btns button{cursor:pointer;margin-left:10px;padding:4px 10px}.demo{flex-direction:column;align-items:center;width:100%;display:flex}.top{justify-content:center;width:100%;margin-bottom:10px;font-size:16px;display:flex}.mr10{margin-right:10px}.main-layout{gap:16px;width:100%;max-width:1200px;padding:0 20px;display:flex}.sidebar{flex-direction:column;flex-shrink:0;gap:10px;width:200px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-title{color:#333;font-size:14px;font-weight:700}.template-select{cursor:pointer;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px}.canvas-list{flex-direction:column;gap:8px;display:flex}.canvas-card{cursor:pointer;background:#fff;border:2px solid #e8e8e8;border-radius:6px;padding:10px;transition:all .2s;position:relative}.canvas-card:hover{border-color:#409eff}.canvas-card.active{background:#f0f7ff;border-color:#409eff}.canvas-preview{border-radius:4px;justify-content:center;align-items:center;margin:0 auto 8px;display:flex}.canvas-label{color:#666;font-size:11px;font-weight:700}.canvas-info{color:#999;justify-content:space-between;font-size:11px;display:flex}.canvas-delete{text-align:center;color:#fff;cursor:pointer;opacity:0;background:#ff4d4f;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:16px;transition:opacity .2s;position:absolute;top:4px;right:4px}.canvas-card:hover .canvas-delete{opacity:1}.editor-area{flex-direction:column;flex:1;min-width:0;display:flex}.editor-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.editor-title{color:#333;font-size:14px;font-weight:700}.editor-meta{color:#999;font-size:12px}.content-label{color:#0006;font-size:24px;font-weight:700}.content-size{color:#0000004d;font-size:14px}.btns{z-index:999;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;right:40px}.btns button{cursor:pointer;padding:4px 12px;font-size:12px}.app{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;height:1000px;padding:10px 20px;display:flex;position:relative}.container{max-width:800px}.logo{text-align:left;width:150px;height:150px;margin:0 auto;font-size:0;position:relative}.logo.logos{text-align:center;width:320px}.logos .selecto{padding:16px}.logo img{box-sizing:border-box;height:100%;position:relative}.cube{--color:#4af;background:#4af;border-radius:5px;width:40px;height:40px;margin:4px;line-height:40px;display:inline-block}h1,.description{text-align:center;margin-bottom:10px}.button{color:#333;appearance:none;box-sizing:border-box;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #333;width:120px;height:42px;margin:0 5px;font-size:14px;transition:all .2s}.button:hover{color:#fff;background:#333}.elements{border:2px solid #eee;margin-top:40px}.selecto-area{padding:20px}#selecto1 .cube{transition:all .2s}.moveable{flex-direction:column;display:flex}.moveable #selecto1 .cube{transition:none}.selecto-area .selected{color:#fff;background:var(--color)}.scroll{-webkit-user-select:none;user-select:none;padding-top:10px;overflow:auto}.infinite-viewer,.scroll{box-sizing:border-box;width:100%;height:300px}.infinite-viewer .viewport{padding-top:10px}.empty.elements{border:none}.correct{text-align:center;width:100%;margin:auto;padding:20px;position:relative}.correct .target{color:#fff;text-align:center;width:100px;height:100px;margin:10px 20px;line-height:100px;display:inline-block;position:relative}.correct svg{pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.correct svg path{stroke:#333;stroke-width:2px;fill:#0000}.wrapper{background-size:21px 21px,21px 21px;border:1px solid #dadadc;margin:0 auto}.whitewrapper{background-color:#fafafc;background-image:linear-gradient(#fafafc 20px,#0000 0),linear-gradient(90deg,#0000 20px,#373739 0)}.btns{z-index:999;display:flex;position:absolute;bottom:20px;right:40px}.flow-description{text-align:center;color:#666;background:#f5f7fa;border-bottom:1px solid #e4e7ed;padding:8px 16px;font-size:14px}.flow-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.flow-canvas-wrapper{cursor:default;background:#fafafc;flex:1;position:relative;overflow:hidden}.flow-canvas-wrapper.grab{cursor:grab}.flow-canvas-wrapper.grabbing{cursor:grabbing}.flow-canvas-wrapper canvas{width:100%;height:100%;display:block}.flow-hud{color:#606266;pointer-events:none;background:#ffffffe6;border-radius:4px;gap:16px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #00000014}.wb-whiteboard{background:#f8f9fa;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.wb-toolbar{z-index:10;background:#fff;border-bottom:1px solid #e4e7ed;align-items:center;gap:6px;padding:8px 12px;display:flex;box-shadow:0 1px 4px #0000000a}.wb-tool-group{gap:4px;display:flex}.wb-tool-btn{cursor:pointer;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.wb-tool-btn:hover{color:#409eff;border-color:#409eff}.wb-tool-btn.active{color:#409eff;background:#ecf5ff;border-color:#409eff}.wb-tool-icon{width:16px;height:16px;display:inline-flex}.wb-tool-icon svg{width:100%;height:100%}.wb-divider{background:#dcdfe6;width:1px;height:20px;margin:0 4px}.wb-color-group{gap:4px;display:flex}.wb-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s}.wb-color-btn:hover{transform:scale(1.15)}.wb-color-btn.active{border-color:#409eff}.wb-canvas-wrapper{cursor:default;flex:1;position:relative;overflow:hidden}.wb-canvas-wrapper.grab{cursor:grab}.wb-canvas-wrapper.grabbing{cursor:grabbing}.wb-canvas-wrapper canvas{width:100%;height:100%;display:block}.wb-hud{color:#606266;pointer-events:none;background:#ffffffeb;border-radius:4px;gap:16px;padding:6px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #0000000f}.wb-hud .wb-hint{color:#a0a0a0}.topo-description{text-align:center;color:#666;background:#f5f7fa;border-bottom:1px solid #e4e7ed;padding:8px 16px;font-size:14px}.topo-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.topo-toolbar{z-index:10;background:#fff;border-bottom:1px solid #e4e7ed;align-items:center;gap:8px;padding:8px 16px;display:flex;box-shadow:0 1px 4px #0000000a}.topo-scene-group{gap:6px;display:flex}.topo-scene-btn{cursor:pointer;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:4px;padding:5px 14px;font-size:13px;transition:all .15s}.topo-scene-btn:hover{color:#409eff;border-color:#409eff}.topo-scene-btn.active{color:#409eff;background:#ecf5ff;border-color:#409eff;font-weight:600}.topo-divider{background:#dcdfe6;width:1px;height:20px;margin:0 4px}.topo-info{color:#606266;align-items:center;gap:6px;font-size:13px;display:flex}.topo-info-label{color:#909399}.topo-info-value{color:#409eff;font-weight:600}.topo-spacer{flex:1}.topo-hud-inline{color:#909399;font-size:12px}.topo-canvas-wrapper{cursor:default;background:#fafafc;flex:1;position:relative;overflow:hidden}.topo-canvas-wrapper.grab{cursor:grab}.topo-canvas-wrapper.grabbing{cursor:grabbing}.topo-canvas-wrapper canvas{width:100%;height:100%;display:block}.org-description{text-align:center;color:#666;background:#f5f7fa;border-bottom:1px solid #e4e7ed;padding:8px 16px;font-size:14px}.org-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.org-toolbar{z-index:10;background:#fff;border-bottom:1px solid #e4e7ed;align-items:center;gap:8px;padding:8px 16px;display:flex;box-shadow:0 1px 4px #0000000a}.org-info{color:#606266;align-items:center;gap:6px;font-size:13px;display:flex}.org-info-label{color:#909399}.org-info-value{color:#409eff;font-weight:600}.org-spacer{flex:1}.org-hud-inline{color:#909399;font-size:12px}.org-canvas-wrapper{cursor:default;background:#fafafc;flex:1;position:relative;overflow:hidden}.org-canvas-wrapper.grab{cursor:grab}.org-canvas-wrapper.grabbing{cursor:grabbing}.org-canvas-wrapper canvas{width:100%;height:100%;display:block}:root{--el-color-primary:#409eff;--el-color-primary-rgb:64, 158, 255}html{--es-color-white:#f0f0f0;--es-color-dark:#1a1a1a;--es-header-height:60px;--es-border:1px solid var(--es-border-color);--es-layout-aside-width:240px}html.light{--es-color:#34495e;--es-border-color:#3c3c3c1f;--es-color-bg:var(--es-color-white);--es-bg-color-page:#eff2f5}html.dark{--es-color:#ffffffbf;--es-border-color:#363637;--es-color-bg:var(--es-color-dark);--es-bg-color-page:#202124}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;height:100%;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}html{box-sizing:border-box;width:100%;height:100%}#app{width:100%;height:100%}label{font-weight:700}*{box-sizing:border-box;margin:0;padding:0}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}ul{margin:0;padding:0;list-style:none}input{outline:none}.clearfix:after{visibility:hidden;content:" ";clear:both;height:0;font-size:0;display:block}