.stage-story[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:0;cursor:pointer}.stage-story .dialogue-area[data-v-0d0019bb]{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;padding:16px 20px}.stage-story .dialogue-area[data-v-0d0019bb]::-webkit-scrollbar{width:6px}.stage-story .dialogue-area[data-v-0d0019bb]::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.stage-story .dialogue-list[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0}.stage-story .bubble-row[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px}.stage-story .bubble-row.narrator[data-v-0d0019bb]{-ms-flex-pack:center;justify-content:center;margin-bottom:16px}.stage-story .narrator-wrap[data-v-0d0019bb]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.stage-story .narrator-text[data-v-0d0019bb]{font-size:15px;color:#858c96;font-style:italic;background:rgba(0,0,0,.04);padding:8px 22px;border-radius:20px;max-width:75%;text-align:center;line-height:1.75}.stage-story .narrator-text .cursor[data-v-0d0019bb]{animation:blink-0d0019bb .8s infinite;font-weight:700;color:#aaa}.stage-story .typing-markdown-wrap[data-v-0d0019bb]{position:relative;min-width:1px}.stage-story .typing-markdown-wrap>.typing-cursor[data-v-0d0019bb]{position:absolute;top:0;left:0;z-index:2;display:block;width:3px;height:1.18em;overflow:hidden;border-radius:2px;color:transparent;background:#1890ff;box-shadow:0 0 5px rgba(24,144,255,.35);font-size:inherit;line-height:1;pointer-events:none;transition:left .03s linear,top .03s linear}.stage-story .avatar[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:44px;margin-right:10px;margin-top:4px}.stage-story .avatar .avatar-icon[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(70,90,130,.14);font-size:28px;line-height:1}.stage-story .avatar .avatar-name[data-v-0d0019bb]{font-size:11px;color:#999;margin-top:3px;white-space:nowrap}.stage-story .avatar.teacher .avatar-icon[data-v-0d0019bb]{border-color:#d6e4ff;background:linear-gradient(135deg,#d6e4ff,#efdbff);box-shadow:0 4px 12px rgba(89,126,247,.22)}.stage-story .avatar.teacher .avatar-name[data-v-0d0019bb]{color:#597ef7;font-weight:600}.stage-story .avatar.student .avatar-icon[data-v-0d0019bb]{border-color:#ffe7ba;background:linear-gradient(135deg,#fff1b8,#ffd591);box-shadow:0 4px 12px rgba(250,140,22,.2)}.stage-story .avatar.student .avatar-name[data-v-0d0019bb]{color:#d46b08;font-weight:600}.stage-story .bubble[data-v-0d0019bb]{max-width:65%;padding:12px 16px;border:2px solid hsla(0,0%,100%,.85);border-radius:16px;font-size:15px;line-height:1.75;word-break:break-word;box-shadow:0 5px 12px rgba(70,110,150,.08)}.stage-story .bubble.teacher[data-v-0d0019bb]{background:linear-gradient(135deg,#e8f4ff,#f2ecff);border-top-left-radius:4px}.stage-story .bubble.student[data-v-0d0019bb]{background:linear-gradient(135deg,#edffea,#fffbe6);border-top-left-radius:4px}.stage-story .bubble.text-bubble[data-v-0d0019bb]{max-width:960px;white-space:pre-line;text-wrap:pretty}.stage-story .bubble.code-bubble[data-v-0d0019bb]{width:760px;max-width:82%;padding:0;overflow:hidden;border-color:rgba(83,108,148,.22);background:#172033;box-shadow:0 12px 28px rgba(29,45,74,.18)}.stage-story .bubble.code-bubble.runner-visible[data-v-0d0019bb]{width:1120px;max-width:96%}.stage-story .bubble.html-bubble[data-v-0d0019bb]{width:760px;max-width:82%;padding:10px;overflow:hidden}.stage-story .bubble.image-bubble[data-v-0d0019bb]{width:392px;max-width:82%;padding:14px}.stage-story .bubble .code-card[data-v-0d0019bb]{width:100%;text-align:left;color:#dbe7ff;background:#172033}.stage-story .bubble .code-card-body[data-v-0d0019bb]{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0}.stage-story .bubble .code-card-body.has-runner[data-v-0d0019bb]{-ms-grid-columns:minmax(0,1.55fr) minmax(300px,1fr);grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.stage-story .bubble .code-source-panel[data-v-0d0019bb]{min-width:0;min-height:0;background:#172033}.stage-story .bubble .code-edit-toolbar[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:42px;padding:0 12px 0 14px;border-bottom:1px solid hsla(0,0%,100%,.09);color:#91a2bd;background:#1c2840;font-size:12px}.stage-story .bubble .code-edit-toolbar>span[data-v-0d0019bb]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px}.stage-story .bubble .code-edit-toolbar button[data-v-0d0019bb]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;border:1px solid #405270;border-radius:12px;color:#9eb0ca;background:#25334d;cursor:pointer;font-size:11px}.stage-story .bubble .code-edit-toolbar button[data-v-0d0019bb]:hover{color:#e5efff;border-color:#5d7bac}.stage-story .bubble .code-editor-wrap[data-v-0d0019bb]{height:458px;min-height:0;overflow:hidden}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .code-editor-cust,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .full-screen-child,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .full-screen-parent{height:100%;min-height:100%;max-height:none}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror{font-size:14px;line-height:1.65;color:#e6edf7;background:#172033}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror-scroll{background:#172033}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror-gutters{border-right:1px solid hsla(0,0%,100%,.08);background:#202b42}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror-linenumber{color:#66738b}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror-cursor{border-left:2px solid #1890ff}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror-selected{background:#31466f}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .CodeMirror-activeline-background{background:rgba(70,103,156,.14)}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-comment{color:#7f8da8;font-style:italic}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-keyword{color:#d5a6ff;font-weight:600}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-atom,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-number{color:#ff8f70}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-string,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-string-2{color:#b8e986}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-operator{color:#7ddcff}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-def,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-variable-2,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-variable-3{color:#79b8ff}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-property,.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-variable{color:#e6edf7}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-meta{color:#ff8f70}.stage-story .bubble[data-v-0d0019bb] .code-editor-wrap .cm-bracket{color:#b8c2d8}.stage-story .bubble .code-card-header[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:42px;padding:0 14px;border-bottom:1px solid hsla(0,0%,100%,.09);background:#202b42}.stage-story .bubble .code-window-dots[data-v-0d0019bb]{display:-ms-flexbox;display:flex;gap:6px;margin-right:12px}.stage-story .bubble .code-window-dots i[data-v-0d0019bb]{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.stage-story .bubble .code-window-dots i[data-v-0d0019bb]:nth-child(2){background:#ffd166}.stage-story .bubble .code-window-dots i[data-v-0d0019bb]:nth-child(3){background:#62d394}.stage-story .bubble .code-title[data-v-0d0019bb]{min-width:0;overflow:hidden;color:#e9f1ff;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.stage-story .bubble .code-language[data-v-0d0019bb]{margin-left:8px;padding:2px 9px;border:1px solid rgba(111,168,255,.35);border-radius:10px;color:#8fbaff;font-size:11px;line-height:1.5}.stage-story .bubble .code-run-btn[data-v-0d0019bb],.stage-story .bubble .runner-again-btn[data-v-0d0019bb]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:5px;border:1px solid rgba(112,176,255,.65);border-radius:16px;color:#eaf4ff;background:linear-gradient(135deg,#218cff,#5c6cff);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.stage-story .bubble .code-run-btn[data-v-0d0019bb]:hover:not(:disabled),.stage-story .bubble .runner-again-btn[data-v-0d0019bb]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px rgba(33,140,255,.32)}.stage-story .bubble .code-run-btn[data-v-0d0019bb]:active:not(:disabled),.stage-story .bubble .runner-again-btn[data-v-0d0019bb]:active:not(:disabled){transform:translateY(0) scale(.97)}.stage-story .bubble .code-run-btn[data-v-0d0019bb]:disabled,.stage-story .bubble .runner-again-btn[data-v-0d0019bb]:disabled{cursor:wait;opacity:.7}.stage-story .bubble .code-run-btn[data-v-0d0019bb]{min-width:78px;height:30px;margin-left:auto;padding:0 13px;font-size:12px;font-weight:600}.stage-story .bubble .code-run-btn.expanded[data-v-0d0019bb]:not(.running){min-width:92px;border-color:#4c6385;color:#b9c8de;background:#2a3851;box-shadow:none}.stage-story .bubble .code-card pre[class*=language-][data-v-0d0019bb]{min-width:0;max-height:500px;margin:0;padding:18px 20px;overflow:auto;border:0;border-radius:0;background:#172033;box-shadow:none;text-shadow:none;white-space:pre}.stage-story .bubble .code-card pre[class*=language-] code[data-v-0d0019bb]{color:#dbe7ff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.72;text-shadow:none}.stage-story .bubble .code-runner[data-v-0d0019bb]{display:-ms-flexbox;display:flex;min-width:0;max-height:500px;-ms-flex-direction:column;flex-direction:column;padding:0;border-left:1px solid hsla(0,0%,100%,.11);background:#101827;cursor:default}.stage-story .bubble .runner-input-panel[data-v-0d0019bb]{-ms-flex:0 0 auto;flex:0 0 auto;padding:13px 14px 14px;border-bottom:1px solid hsla(0,0%,100%,.09);background:#151f31}.stage-story .bubble .runner-section-header[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:30px;margin-bottom:9px;color:#b8c6dd;font-size:12px;font-weight:600}.stage-story .bubble .runner-input-panel textarea[data-v-0d0019bb]{width:100%;min-height:72px;resize:vertical;padding:9px 11px;border:1px solid #34445f;border-radius:9px;outline:none;color:#e6edf7;background:#0f1828;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.stage-story .bubble .runner-input-panel textarea[data-v-0d0019bb]:focus{border-color:#4d9fff;box-shadow:0 0 0 2px rgba(77,159,255,.16)}.stage-story .bubble .runner-no-input[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:48px;border:1px dashed #34445f;border-radius:9px;color:#7f91ae;background:#0f1828;font-size:12px}.stage-story .bubble .runner-no-input .anticon[data-v-0d0019bb]{margin-right:6px;color:#62d394}.stage-story .bubble .runner-again-btn[data-v-0d0019bb]{margin-left:auto;height:34px;padding:0 14px;font-size:12px}.stage-story .bubble .runner-output-panel[data-v-0d0019bb]{display:-ms-flexbox;display:flex;min-height:0;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:13px 14px 14px}.stage-story .bubble .runner-output-header[data-v-0d0019bb]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;min-height:28px;color:#8f9db5;font-size:11px}.stage-story .bubble .runner-status[data-v-0d0019bb]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:3px 9px;border:1px solid #46546b;border-radius:12px;color:#aeb9cc}.stage-story .bubble .runner-status.running[data-v-0d0019bb]{color:#7dc4ff;border-color:rgba(57,158,255,.55);background:rgba(33,140,255,.1)}.stage-story .bubble .runner-status.success[data-v-0d0019bb]{color:#80e5a5;border-color:rgba(61,199,113,.55);background:rgba(61,199,113,.1)}.stage-story .bubble .runner-status.error[data-v-0d0019bb]{color:#ff9a9a;border-color:rgba(255,92,92,.55);background:rgba(255,92,92,.1)}.stage-story .bubble .runner-output-label[data-v-0d0019bb]{margin:10px 0 6px;color:#8f9db5;font-size:11px;font-weight:600}.stage-story .bubble .runner-output[data-v-0d0019bb]{min-height:80px;max-height:none;-ms-flex:1;flex:1;margin:0;overflow:auto;padding:11px 13px;border:1px solid #2d3b54;border-radius:9px;color:#dfe9f8;background:#0b1220;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.stage-story .bubble .cursor[data-v-0d0019bb]{animation:blink-0d0019bb .8s infinite;font-weight:700;color:#1890ff}.stage-story .bubble .bubble-image[data-v-0d0019bb]{max-width:360px;width:100%;border-radius:8px;display:block;cursor:zoom-in;transition:opacity .15s}.stage-story .bubble .bubble-image[data-v-0d0019bb]:hover{opacity:.88}.stage-story .bubble .image-caption[data-v-0d0019bb]{font-size:12px;color:#999;margin-top:6px;text-align:center}.stage-story .bubble .bubble-video[data-v-0d0019bb]{width:100%;max-height:240px;border-radius:8px}.stage-story .bubble .bubble-iframe[data-v-0d0019bb]{width:100%;height:500px;display:block;border-radius:8px;border:1px solid #eee}.stage-story .bubble .html-preview[data-v-0d0019bb]{position:relative;width:100%;max-width:820px;margin:0 auto;cursor:zoom-in;overflow:hidden;border-radius:8px}.stage-story .bubble .html-preview-mask[data-v-0d0019bb]{position:absolute;inset:0;z-index:1}.stage-story .bubble .html-expand-btn[data-v-0d0019bb]{position:absolute;top:8px;right:8px;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#fff;background:rgba(0,0,0,.58);font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.stage-story .bubble .html-expand-btn[data-v-0d0019bb]:hover{color:#fff;background:rgba(24,144,255,.9)}.stage-story .bubble .html-error[data-v-0d0019bb]{font-size:13px;color:#ff4d4f;padding:8px 0}.stage-story .hint-bar[data-v-0d0019bb]{text-align:center;padding:10px 16px;font-size:13px;-ms-flex-negative:0;flex-shrink:0;min-height:36px}.stage-story .continue-hint[data-v-0d0019bb]{color:#aaa}.bubble-fade-enter-active[data-v-0d0019bb]{transition:all .3s ease}.bubble-fade-enter[data-v-0d0019bb]{opacity:0;transform:translateY(8px)}@media (max-width:1000px){.stage-story .bubble.text-bubble[data-v-0d0019bb]{max-width:82%}.stage-story .bubble.image-bubble[data-v-0d0019bb]{width:360px;max-width:88%}.stage-story .bubble.html-bubble[data-v-0d0019bb]{max-width:82%}.stage-story .bubble-iframe[data-v-0d0019bb]{height:460px}.stage-story .bubble.code-bubble.runner-visible[data-v-0d0019bb]{max-width:94%}.stage-story .code-card-body.has-runner[data-v-0d0019bb]{-ms-grid-columns:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.stage-story .code-runner[data-v-0d0019bb]{max-height:none;border-top:1px solid hsla(0,0%,100%,.11);border-left:0}.stage-story .runner-output[data-v-0d0019bb]{max-height:220px}}@keyframes blink-0d0019bb{0%,to{opacity:1}50%{opacity:0}}.stage-story .markdown-text{white-space:normal}.stage-story .markdown-text .markdown-body{color:inherit;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.stage-story .markdown-text .markdown-body>:first-child{margin-top:0}.stage-story .markdown-text .markdown-body>:last-child{margin-bottom:0}.stage-story .markdown-text h1,.stage-story .markdown-text h2,.stage-story .markdown-text h3{margin:10px 0 7px;color:#314f88;font-weight:700;line-height:1.45}.stage-story .markdown-text h1{font-size:1.22em}.stage-story .markdown-text h2{font-size:1.16em}.stage-story .markdown-text h3{font-size:1.1em}.stage-story .markdown-text p{margin:0 0 8px}.stage-story .markdown-text strong{color:#314f88;font-weight:700}.stage-story .markdown-text em{color:#6e5aa3}.stage-story .markdown-text ol,.stage-story .markdown-text ul{margin:7px 0;padding-left:24px}.stage-story .markdown-text li{margin:3px 0}.stage-story .markdown-text blockquote{margin:8px 0;padding:6px 12px;border-left:4px solid #8bb8ff;border-radius:0 7px 7px 0;color:#5d6c84;background:hsla(0,0%,100%,.48)}.stage-story .markdown-text blockquote p{margin:0}.stage-story .markdown-text a{color:#2379d8;text-decoration:underline}.stage-story .markdown-text pre{margin:8px 0;padding:10px 12px;overflow:auto;border-radius:8px;color:#e6edf7;background:#172033;white-space:pre}.stage-story .markdown-text :not(pre)>code{display:inline-block;margin:0 3px;padding:1px 7px;border:1px solid rgba(79,112,238,.2);border-radius:7px;color:#3f5ed7;background:linear-gradient(135deg,rgba(230,239,255,.95),rgba(241,234,255,.95));box-shadow:0 1px 3px rgba(73,94,170,.08);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em;font-style:normal;font-weight:600;line-height:1.5;vertical-align:.03em;white-space:nowrap}.stage-story .code-card code[class*=language-],.stage-story .code-card pre[class*=language-]{color:#e6edf7;text-shadow:none!important}.stage-story .code-card .token.cdata,.stage-story .code-card .token.comment,.stage-story .code-card .token.doctype,.stage-story .code-card .token.prolog{color:#7f8da8;font-style:italic}.stage-story .code-card .token.punctuation{color:#b8c2d8}.stage-story .code-card .token.namespace{color:#d7deed}.stage-story .code-card .token.boolean,.stage-story .code-card .token.constant,.stage-story .code-card .token.deleted,.stage-story .code-card .token.number,.stage-story .code-card .token.property,.stage-story .code-card .token.symbol,.stage-story .code-card .token.tag{color:#ff8f70}.stage-story .code-card .token.attr-name,.stage-story .code-card .token.builtin,.stage-story .code-card .token.char,.stage-story .code-card .token.inserted,.stage-story .code-card .token.selector,.stage-story .code-card .token.string{color:#b8e986}.stage-story .code-card .token.entity,.stage-story .code-card .token.operator,.stage-story .code-card .token.url{padding:0!important;color:#7ddcff;background:transparent!important}.stage-story .code-card .token.atrule,.stage-story .code-card .token.attr-value,.stage-story .code-card .token.keyword{color:#d5a6ff;font-weight:600}.stage-story .code-card .token.class-name,.stage-story .code-card .token.function{color:#79b8ff}.stage-story .code-card .token.important,.stage-story .code-card .token.regex,.stage-story .code-card .token.variable{color:#ffd166}.stage-story .code-card .token.bold,.stage-story .code-card .token.important{font-weight:700}.stage-story .code-card .token.italic{font-style:italic}.story-lightbox-modal .ant-modal-content{background:#111}.story-lightbox-modal .ant-modal-header{background:#111;border-color:#333}.story-lightbox-modal .ant-modal-close-x,.story-lightbox-modal .ant-modal-title{color:#fff}.story-html-preview-modal .ant-modal{top:0;max-width:100vw;margin:0;padding-bottom:0}.story-html-preview-modal .ant-modal-content{height:100vh;border-radius:0}.story-html-preview-modal .ant-modal-body{padding:0!important}.story-html-preview-modal .html-exit-fullscreen{position:absolute;top:0;right:56px;width:56px;height:55px;line-height:55px;text-align:center;color:#fff;font-size:18px}.story-html-preview-modal .html-exit-fullscreen:hover{color:hsla(0,0%,100%,.8)}.story-html-preview-modal .html-fullscreen-iframe{display:block;width:100%;height:100%;border:0}