.html-answer-card[data-v-1beef5d8]{border-radius:4px;background:#fff;border:1px solid #dcdfe6;display:flex;flex-direction:column;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-compact[data-v-1beef5d8]{width:150px;min-height:80px;margin:4px}.card-full[data-v-1beef5d8]{width:100%;margin:0;min-height:120px}.answer-card-body[data-v-1beef5d8]{flex:1}.html-answer-card[data-v-1beef5d8]:active{cursor:grabbing}.card-correct[data-v-1beef5d8]{border-left:3px solid #67c23a}.card-wrong[data-v-1beef5d8]{border-left:3px solid #f56c6c}.card-half[data-v-1beef5d8]{border-left:3px solid #e6a23c}.card-not-submitted[data-v-1beef5d8]{border-color:#c0c4cc;opacity:.7}.answer-card-header[data-v-1beef5d8]{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:13px;color:#303133;flex-shrink:0}.answer-card-serial[data-v-1beef5d8]{font-weight:600;color:#606266;flex-shrink:0}.answer-card-serial[data-v-1beef5d8]:after{content:"."}.answer-card-name[data-v-1beef5d8]{font-weight:600;color:#303133}.answer-card-status[data-v-1beef5d8]{margin-left:auto;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-correct[data-v-1beef5d8]{background:#d4edda;color:#155724}.status-wrong[data-v-1beef5d8]{background:#f8d7da;color:#721c24}.status-half[data-v-1beef5d8]{background:#fff3cd;color:#856404}.status-none[data-v-1beef5d8]{background:#e2e3e5;color:#6c757d}.answer-card-empty[data-v-1beef5d8],.answer-card-loading[data-v-1beef5d8]{padding:10px;color:#909399;font-size:11px;text-align:center}.answer-card-footer[data-v-1beef5d8]{display:flex;justify-content:flex-end;padding:2px 8px;flex-shrink:0}.answer-card-checkbox[data-v-1beef5d8]{margin:0}.canvas-wrapper[data-v-45f5a1e2]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative}[data-v-45f5a1e2] .el-checkbox__inner{width:24px;height:24px}[data-v-45f5a1e2] .el-checkbox__inner:after{left:8px;top:5px}.rightCanvas>div>canvas[data-v-45f5a1e2]{max-width:90%}.leftCanvas>div>canvas[data-v-45f5a1e2]{max-width:80%}.topicClass[data-v-45f5a1e2]{min-height:140px;background:#f3f6ef;border-radius:16px;padding-top:20px;margin-bottom:10px}.smallQuestions[data-v-45f5a1e2]{display:flex;flex-direction:column;align-items:center}.topicTitle[data-v-45f5a1e2]{height:30px}.activeSmallQuestion[data-v-45f5a1e2]{border:4px solid #0aa2e7;padding:20px;color:#0aa2e7;font-weight:700;cursor:pointer;display:flex}.itemCombinationTopic[data-v-45f5a1e2]{padding:10px;color:#807b7b;font-weight:600;cursor:pointer;display:flex}.sortableDrag[data-v-45f5a1e2]{background-color:gold!important}.ghost[data-v-45f5a1e2]{background-color:#2ca2e7!important}.testCahatgptCss[data-v-45f5a1e2]{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);width:50%;height:90%;z-index:999}.typeName[data-v-45f5a1e2]{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px;height:80px;line-height:80px;font-size:36px;text-align:center;color:#362a2a;background:url(../../static/img/btn.022d45d3.jpg);background-size:100% 100%}.typewritingbox[data-v-45f5a1e2]{width:95%;flex:1;border:1px solid #000;height:100%;overflow-y:auto}.canvasItem[data-v-45f5a1e2]{border:1px solid #000;margin:5px}.listGroup[data-v-45f5a1e2]{height:calc(100% - 40px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.leftBorder[data-v-45f5a1e2]{border:1px solid #000;border-bottom-left-radius:36px}.listGroupOne[data-v-45f5a1e2]{flex:1;overflow-y:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.leftTypeContent[data-v-45f5a1e2]{height:100%;display:flex;flex-direction:column;max-height:100%;overflow:hidden}.rightTypeContent[data-v-45f5a1e2]{padding:0 2px;height:100%;overflow:hidden;display:flex;flex-direction:column}.topicTitle[data-v-45f5a1e2]{width:90%;border-radius:16px;height:60px;background-image:url(../../static/img/topicTitle.6355c8ba.png);background-size:100% 100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:26px}.TypeWriting[data-v-45f5a1e2]{padding:20px 20px 0 20px;height:100vh;overflow:hidden;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.TypeWritingContent[data-v-45f5a1e2],.TypeWritingMain[data-v-45f5a1e2]{height:100%;display:flex;overflow:hidden}.TypeWritingContent[data-v-45f5a1e2]{flex:1;background:url(../../static/img/mainBG.6ffe5bc7.png);background-size:100% 100%;flex-direction:column;align-items:center}.backBtns[data-v-45f5a1e2]{height:60px;display:flex;justify-content:space-between;align-content:center;margin-top:10px}.backBtns .backBtn[data-v-45f5a1e2]{height:40px}.backBtns .backBtn img[data-v-45f5a1e2]{height:100%}.typeWritingContentTitle[data-v-45f5a1e2]{height:80px;line-height:80px;color:#07a0e9;font-weight:800;font-size:38px;margin-top:10px}.typeWritingContentMain[data-v-45f5a1e2]{flex:1;display:flex;width:100%;overflow:hidden}.topicImg[data-v-45f5a1e2]{flex:1}.topicImg img[data-v-45f5a1e2]{height:100%}.leftBorder[data-v-45f5a1e2]::-webkit-scrollbar,.listGroup[data-v-45f5a1e2]::-webkit-scrollbar,.typewritingbox[data-v-45f5a1e2]::-webkit-scrollbar{width:50px;height:10px}.leftBorder[data-v-45f5a1e2]::-webkit-scrollbar-thumb,.listGroup[data-v-45f5a1e2]::-webkit-scrollbar,.typewritingbox[data-v-45f5a1e2]::-webkit-scrollbar-thumb{background:#066cb9;border-radius:10px}.leftBorder[data-v-45f5a1e2]::-webkit-scrollbar-track,.listGroup[data-v-45f5a1e2]::-webkit-scrollbar,.typewritingbox[data-v-45f5a1e2]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.rightTypeContent[data-v-45f5a1e2]::-webkit-scrollbar{height:15px;width:50px}.rightTypeContent[data-v-45f5a1e2]::-webkit-scrollbar-thumb{background:#0556a5;border-radius:10px}.rightTypeContent[data-v-45f5a1e2]::-webkit-scrollbar-track{background:#f1f1f1}.resize-handle[data-v-45f5a1e2]{width:20px;height:100%;background:#e0e0e0;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .2s;position:relative;z-index:10}.resize-handle[data-v-45f5a1e2]:hover{background:#d0d0d0}.resize-handle[data-v-45f5a1e2]:active{background:silver}.contentMainHtmlScroll[data-v-45f5a1e2]{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.contentMainHtmlScroll[data-v-45f5a1e2]::-webkit-scrollbar{display:none}.contentMainHtmlScroll .leftTypeContent[data-v-45f5a1e2]{height:auto;min-height:0;max-height:none;overflow:visible}.contentMainHtmlScroll .rightTypeContent[data-v-45f5a1e2]{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.contentMainHtmlScroll .rightTypeContent[data-v-45f5a1e2]::-webkit-scrollbar{display:none}.html-card-list[data-v-45f5a1e2]{display:flex;flex-wrap:wrap;align-content:flex-start;height:100%}.html-card-list-vertical[data-v-45f5a1e2]{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:4px 0}.html-card-wrapper[data-v-45f5a1e2]{display:inline-flex;-moz-user-select:none;user-select:none;-webkit-user-select:none}.html-card-wrapper-full[data-v-45f5a1e2]{display:flex;width:100%}.resize-icon[data-v-45f5a1e2]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.resize-line[data-v-45f5a1e2]{width:2px;height:20px;background:#999;margin:5px 0}.resize-dots[data-v-45f5a1e2]{display:flex;flex-direction:column;align-items:center;margin:5px 0}.resize-dots .dot[data-v-45f5a1e2]{width:6px;height:6px;background:#666;border-radius:50%;margin:3px 0}.typeWritingTab[data-v-45f5a1e2]{display:flex;min-height:80px;width:95%;margin-bottom:10px;overflow-x:auto;overflow-y:visible;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.typeWritingTabItem[data-v-45f5a1e2]{cursor:pointer;margin:0;flex:1}.fade-enter-active[data-v-45f5a1e2],.fade-leave-active[data-v-45f5a1e2]{transition:opacity .5s,transform .5s}.fade-enter[data-v-45f5a1e2],.fade-leave-to[data-v-45f5a1e2]{opacity:0;transform:translateY(30px)}.typeWritingTabItem[data-v-45f5a1e2]:active{transform:scale(.9)}.typeWritingTabItemActive[data-v-45f5a1e2]{color:#fff}.small[data-v-45f5a1e2]{color:#3d4bab}.ai_bg[data-v-45f5a1e2]{width:20px;height:20px;margin-left:10px}img[data-v-45f5a1e2]{width:100%;height:100%}.typeWritingTitltImg{width:100%;overflow:hidden;display:flex;justify-content:flex-end}.typeWritingTitltImg img{width:80%;height:auto;max-height:130px;display:block}