.visual-editor-page[data-v-0912c214]{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(135deg,rgba(30,60,114,.03),rgba(42,82,152,.03));overflow:hidden}.page-header[data-v-0912c214]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 30px;background:linear-gradient(135deg,rgba(66,153,225,.95),rgba(79,209,197,.95));-webkit-box-shadow:0 2px 15px rgba(0,0,0,.1);box-shadow:0 2px 15px rgba(0,0,0,.1);z-index:100}.page-header .header-left[data-v-0912c214],.page-header[data-v-0912c214]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-header .header-left[data-v-0912c214]{gap:20px}.page-header .header-left .editor-title[data-v-0912c214]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;color:#fff}.page-header .header-left .editor-title i[data-v-0912c214]{font-size:1.8rem}.page-header .header-left .editor-title h2[data-v-0912c214]{margin:0;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.page-header .header-center[data-v-0912c214] .el-radio-group{background:#fff;border-radius:10px;padding:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.page-header .header-center[data-v-0912c214] .el-radio-button__inner{border:none;padding:10px 20px;font-weight:600;-webkit-transition:all .3s;transition:all .3s}.page-header .header-center[data-v-0912c214] .el-radio-button__inner i{margin-right:6px}.page-header .header-center[data-v-0912c214] .el-radio-button__inner:hover{background:rgba(66,153,225,.1)}.page-header .header-center[data-v-0912c214] .el-radio-button__orig-radio:checked+.el-radio-button__inner{background:linear-gradient(135deg,#4299e1,#4fd1c5);color:#fff;-webkit-box-shadow:0 2px 8px rgba(66,153,225,.4);box-shadow:0 2px 8px rgba(66,153,225,.4)}.page-header .header-right[data-v-0912c214] .el-button{background:#fff;color:#4299e1;border:none;width:40px;height:40px;font-size:1.2rem;-webkit-transition:all .3s;transition:all .3s}.page-header .header-right[data-v-0912c214] .el-button:hover{background:hsla(0,0%,100%,.9);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.editor-content[data-v-0912c214]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;overflow:hidden;position:relative}.editor-content .editor-container[data-v-0912c214]{width:100%;height:100%;background:#fff}.editor-content .editor-container .editor-iframe[data-v-0912c214]{width:100%;height:100%;border:none;display:block}.editor-content .editor-container .editor-iframe.scratch-iframe[data-v-0912c214]{background:#4d97ff}.help-content .help-section h3[data-v-0912c214]{color:#4299e1;font-size:1.2rem;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(66,153,225,.2)}.help-content .help-section .help-items[data-v-0912c214]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:20px}.help-content .help-section .help-items .help-item[data-v-0912c214]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;padding:12px;background:rgba(66,153,225,.05);border-radius:8px;-webkit-transition:all .3s;transition:all .3s}.help-content .help-section .help-items .help-item[data-v-0912c214]:hover{background:rgba(66,153,225,.1);-webkit-transform:translateX(5px);transform:translateX(5px)}.help-content .help-section .help-items .help-item i[data-v-0912c214]{font-size:1.4rem;color:#4299e1;margin-top:2px;-ms-flex-negative:0;flex-shrink:0}.help-content .help-section .help-items .help-item div[data-v-0912c214]{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.6}.help-content .help-section .help-items .help-item div strong[data-v-0912c214]{color:#2d3748;display:block;margin-bottom:4px}.help-content .help-tips[data-v-0912c214]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:15px;background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,152,0,.1));border-left:4px solid #ffc107;border-radius:8px;margin-top:20px}.help-content .help-tips i[data-v-0912c214]{font-size:1.3rem;color:#ffc107;-ms-flex-negative:0;flex-shrink:0}.help-content .help-tips span[data-v-0912c214]{color:#2d3748;line-height:1.6}@media (max-width:768px){.page-header[data-v-0912c214]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:15px}.page-header .header-center[data-v-0912c214],.page-header .header-left[data-v-0912c214],.page-header .header-right[data-v-0912c214]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-header .header-left .editor-title h2[data-v-0912c214]{font-size:1.2rem}}