.demo-preview-modal .scratch-player-wrapper[data-v-c5658974]{height:650px;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(145deg,#f5f7fa,#e4e8f0);border-radius:16px;-webkit-box-shadow:0 15px 35px rgba(0,0,0,.1);box-shadow:0 15px 35px rgba(0,0,0,.1)}.demo-preview-modal .scratch-player-wrapper[data-v-c5658974],.demo-preview-modal .scratch-player[data-v-c5658974]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.demo-preview-modal .scratch-player[data-v-c5658974]{overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px rgba(0,0,0,.15);background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;border:5px solid #333;border-radius:12px;-ms-flex-direction:column;flex-direction:column}.demo-preview-modal .scratch-player[data-v-c5658974]:before{content:"";position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px;height:10px;background:#333;border-radius:10px 10px 0 0;z-index:5}.demo-preview-modal .scratch-player iframe[data-v-c5658974]{border-radius:2px;background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1}.demo-preview-modal .scratch-player .loading-animation[data-v-c5658974]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.98);z-index:1;border-radius:2px}.demo-preview-modal .scratch-player .loading-animation ul[data-v-c5658974]{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}.demo-preview-modal .scratch-player .loading-animation ul li[data-v-c5658974]{list-style:none;font-size:3em;letter-spacing:15px;-webkit-animation:animate-c5658974 3s linear infinite;animation:animate-c5658974 3s linear infinite}.demo-preview-modal .scratch-player .loading-animation .progress-container[data-v-c5658974]{position:absolute;bottom:35%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%;max-width:500px;text-align:center}.demo-preview-modal .scratch-player .loading-animation .progress-container .progress-bar[data-v-c5658974]{height:10px;background:rgba(24,144,255,.1);border-radius:5px;overflow:hidden;position:relative;margin:20px 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.demo-preview-modal .scratch-player .loading-animation .progress-container .progress-bar .progress-inner[data-v-c5658974]{position:absolute;left:0;top:0;height:100%;width:100%;background:-webkit-gradient(linear,left top,right top,from(#1890ff),color-stop(25%,#52c41a),color-stop(50%,#faad14),color-stop(75%,#f5222d),to(#1890ff));background:linear-gradient(90deg,#1890ff,#52c41a 25%,#faad14 50%,#f5222d 75%,#1890ff);background-size:200% 100%;-webkit-animation:moveGradient-c5658974 2s linear infinite;animation:moveGradient-c5658974 2s linear infinite;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.demo-preview-modal .scratch-player .loading-animation .progress-container .progress-text[data-v-c5658974]{display:block;color:#1890ff;font-size:18px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);margin-top:15px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-width:4em;height:1.5em;line-height:1.5em}@-webkit-keyframes animate-c5658974{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);letter-spacing:20px;opacity:0;color:red}10%{opacity:1}50%{letter-spacing:-20px;opacity:1}to{-webkit-transform:translateX(50px);transform:translateX(50px);letter-spacing:20px;opacity:0;color:#00f}}@keyframes animate-c5658974{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);letter-spacing:20px;opacity:0;color:red}10%{opacity:1}50%{letter-spacing:-20px;opacity:1}to{-webkit-transform:translateX(50px);transform:translateX(50px);letter-spacing:20px;opacity:0;color:#00f}}@-webkit-keyframes moveGradient-c5658974{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes moveGradient-c5658974{0%{background-position:0 0}to{background-position:-200% 0}}.course-show[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background-color:#1a1a1a;color:#fff}.course-show .top-nav[data-v-4728f50a]{padding:0 20px;height:60px;background-color:#222;border-bottom:1px solid #333;position:relative}.course-show .top-nav .course-title[data-v-4728f50a],.course-show .top-nav[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-show .top-nav .course-title[data-v-4728f50a]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.course-show .top-nav .course-title h1[data-v-4728f50a]{font-size:18px;font-weight:600;color:#fff;margin:0}.course-show .top-nav .course-title .study-status[data-v-4728f50a]{margin-left:8px;font-size:14px;color:#999}.course-show .top-nav .course-title .study-status.completed[data-v-4728f50a]{color:#1ec77f}.course-show .main-content[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.course-show .main-content .left-menu[data-v-4728f50a]{width:240px;background-color:#222;border-right:1px solid #333;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.course-show .main-content .left-menu[data-v-4728f50a]::-webkit-scrollbar{display:none}.course-show .main-content .left-menu .menu-title[data-v-4728f50a]{padding:20px 16px;font-size:16px;font-weight:600;color:#fff;border-bottom:1px solid #333}.course-show .main-content .left-menu .menu-section .section-header[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;cursor:pointer;background-color:#2a2a2a}.course-show .main-content .left-menu .menu-section .section-header[data-v-4728f50a]:hover{background-color:#333}.course-show .main-content .left-menu .menu-section .section-header .anticon[data-v-4728f50a]{margin-right:8px;font-size:12px}.course-show .main-content .left-menu .menu-section .section-header span[data-v-4728f50a]{font-size:14px;font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1}.course-show .main-content .left-menu .menu-section .section-header .section-status[data-v-4728f50a]{margin-left:8px}.course-show .main-content .left-menu .menu-section .section-header .section-status .ant-tag[data-v-4728f50a]{font-size:12px}.course-show .main-content .left-menu .menu-section .section-items[data-v-4728f50a]{background-color:#262626}.course-show .main-content .left-menu .menu-section .section-items .menu-item[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px 12px 36px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.course-show .main-content .left-menu .menu-section .section-items .menu-item[data-v-4728f50a]:hover{background-color:#333}.course-show .main-content .left-menu .menu-section .section-items .menu-item.active[data-v-4728f50a]{background-color:#333;border-left:2px solid #1ec77f}.course-show .main-content .left-menu .menu-section .section-items .menu-item.active .item-text[data-v-4728f50a]{color:#1ec77f}.course-show .main-content .left-menu .menu-section .section-items .menu-item .item-icon[data-v-4728f50a]{margin-right:8px;color:#999}.course-show .main-content .left-menu .menu-section .section-items .menu-item .item-text[data-v-4728f50a]{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-show .main-content .left-menu .menu-section .section-items .menu-item .item-status[data-v-4728f50a]{margin-left:8px}.course-show .main-content .left-menu .menu-section .section-items .menu-item.empty-content[data-v-4728f50a]{color:#999;font-style:italic;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px}.course-show .main-content .left-menu .menu-section .section-items .menu-item.empty-content .item-text[data-v-4728f50a]{text-align:center;color:#999}.course-show .main-content .right-content[data-v-4728f50a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;background-color:#1a1a1a;position:relative}.course-show .main-content .right-content .content-video[data-v-4728f50a]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-show .main-content .right-content .content-video .video-player[data-v-4728f50a]{width:100%;max-height:70vh;background-color:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto;-o-object-fit:contain;object-fit:contain}.course-show .main-content .right-content .content-video .video-info[data-v-4728f50a]{padding:20px}.course-show .main-content .right-content .content-video .video-info h2[data-v-4728f50a]{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.course-show .main-content .right-content .content-video .video-info p[data-v-4728f50a]{color:#999;line-height:1.6}.course-show .main-content .right-content .content-iframe[data-v-4728f50a]{height:calc(100vh - 66px)}.course-show .main-content .right-content .content-iframe .iframe-content[data-v-4728f50a]{width:100%;height:100%;border:none;scrollbar-width:none;-ms-overflow-style:none}.course-show .main-content .right-content .content-iframe .iframe-content[data-v-4728f50a]::-webkit-scrollbar{display:none}.course-show .main-content .right-content .content-document[data-v-4728f50a]{height:100%}.course-show .main-content .right-content .content-document .document-container[data-v-4728f50a]{padding:20px}.course-show .main-content .right-content .content-document .document-container .document-header[data-v-4728f50a]{margin-bottom:24px}.course-show .main-content .right-content .content-document .document-container .document-header h2[data-v-4728f50a]{font-size:24px;font-weight:600;color:#fff}.course-show .main-content .right-content .content-document .document-container .document-content[data-v-4728f50a]{line-height:1.8;color:#999}.course-show .main-content .right-content .content-document .document-container .document-content h2[data-v-4728f50a]{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px}.course-show .main-content .right-content .content-document .document-container .document-content p[data-v-4728f50a]{margin-bottom:16px}.course-show .main-content .right-content .content-document .document-container .document-content ul[data-v-4728f50a]{margin-bottom:16px;padding-left:20px}.course-show .main-content .right-content .content-document .document-container .document-content ul li[data-v-4728f50a]{margin-bottom:8px}.course-show .main-content .right-content .content-document .document-container .document-actions[data-v-4728f50a]{margin-top:30px;padding-top:20px;border-top:1px solid #333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-show .main-content .right-content .content-task[data-v-4728f50a]{height:100%;padding:20px}.course-show .main-content .right-content .content-task .task-container .task-header[data-v-4728f50a]{margin-bottom:24px;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}.course-show .main-content .right-content .content-task .task-container .task-header h2[data-v-4728f50a]{font-size:24px;font-weight:600;color:#fff;margin:0}.course-show .main-content .right-content .content-task .task-container .task-header .task-info-header[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.course-show .main-content .right-content .content-task .task-container .task-header .task-info-header .difficulty[data-v-4728f50a]{font-size:14px;color:#999}.course-show .main-content .right-content .content-task .task-container .task-description[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:992px){.course-show .main-content .right-content .content-task .task-container .task-description[data-v-4728f50a]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.course-show .main-content .right-content .content-task .task-container .task-description .task-info[data-v-4728f50a]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff;border-radius:8px;padding:20px;color:#333}.course-show .main-content .right-content .content-task .task-container .task-description .task-info h3[data-v-4728f50a]{font-size:18px;font-weight:600;color:#111;margin-bottom:16px}.course-show .main-content .right-content .content-task .task-container .task-description .task-info div[data-v-4728f50a]{color:#555;line-height:1.8}.course-show .main-content .right-content .content-task .task-container .task-description .task-example[data-v-4728f50a]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#222;border-radius:8px;padding:20px}.course-show .main-content .right-content .content-task .task-container .task-description .task-example h3[data-v-4728f50a]{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.course-show .main-content .right-content .content-task .task-container .task-description .task-example .example-image[data-v-4728f50a]{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}.course-show .main-content .right-content .content-task .task-container .task-description .task-example .example-image img[data-v-4728f50a]{max-width:100%;max-height:300px;border-radius:4px}.course-show .main-content .right-content .content-task .task-container .exercise-options[data-v-4728f50a]{background-color:#222;border-radius:8px;padding:20px;margin-bottom:24px}.course-show .main-content .right-content .content-task .task-container .exercise-options h3[data-v-4728f50a]{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.course-show .main-content .right-content .content-task .task-container .exercise-options .options-container .option-item[data-v-4728f50a]{display:block;margin-bottom:12px;color:#999;font-size:14px}.course-show .main-content .right-content .content-task .task-container .short-answer[data-v-4728f50a]{background-color:#222;border-radius:8px;padding:20px;margin-bottom:24px}.course-show .main-content .right-content .content-task .task-container .short-answer h3[data-v-4728f50a]{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.course-show .main-content .right-content .content-task .task-container .exercise-status[data-v-4728f50a]{background-color:rgba(30,199,127,.1);border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid rgba(30,199,127,.3)}.course-show .main-content .right-content .content-task .task-container .exercise-status .status-content[data-v-4728f50a]{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;color:#1890ff}.course-show .main-content .right-content .content-task .task-container .exercise-status .status-content .anticon[data-v-4728f50a]{font-size:20px;margin-right:8px}.course-show .main-content .right-content .content-task .task-container .exercise-status .status-content span[data-v-4728f50a]{font-size:16px;margin-right:12px}.course-show .main-content .right-content .content-task .task-container .exercise-status .status-content .ant-btn-link[data-v-4728f50a]{color:#409eff;padding:0;height:auto}.course-show .main-content .right-content .content-task .task-container .exercise-status .status-content .ant-btn-link[data-v-4728f50a]:hover{color:#66b1ff}.course-show .main-content .right-content .content-task .task-container .task-actions[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:24px}.course-show .main-content .right-content .content-empty[data-v-4728f50a]{height:100%;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}.course-show .main-content .right-content .content-empty .empty-message[data-v-4728f50a]{text-align:center;padding:40px}.course-show .main-content .right-content .content-empty .empty-message p[data-v-4728f50a]{margin-top:16px;color:#999;font-size:16px}.course-show .main-content .right-content .content-notebook[data-v-4728f50a]{height:100%;padding:20px}.course-show .main-content .right-content .content-notebook .notebook-container[data-v-4728f50a]{background-color:#222;border-radius:8px;padding:20px;height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-header[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-header h2[data-v-4728f50a]{font-size:22px;font-weight:600;color:#fff}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-header .notebook-actions[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content[data-v-4728f50a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-textarea[data-v-4728f50a]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;margin-bottom:20px;background-color:#2a2a2a;border-color:#333;color:#fff;resize:none;font-size:14px;line-height:1.6;padding:12px}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-textarea[data-v-4728f50a]:focus{border-color:#1890ff;-webkit-box-shadow:0 0 0 2px rgba(30,199,127,.2);box-shadow:0 0 0 2px rgba(30,199,127,.2)}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-textarea[data-v-4728f50a]::-webkit-input-placeholder{color:#666}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-textarea[data-v-4728f50a]::-moz-placeholder{color:#666}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-textarea[data-v-4728f50a]:-ms-input-placeholder{color:#666}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-textarea[data-v-4728f50a]::-ms-input-placeholder{color:#666}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-textarea[data-v-4728f50a]::placeholder{color:#666}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-status[data-v-4728f50a]{text-align:right;color:#999;font-size:14px;padding:8px 0}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-status .status-saved[data-v-4728f50a]{color:#1ec77f}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-status .status-editing[data-v-4728f50a]{color:#e6a23c}.course-show .main-content .right-content .content-notebook .notebook-container .notebook-content .notebook-status .status-saving[data-v-4728f50a]{color:#409eff}.course-show .course-content-menu[data-v-4728f50a],.course-show .notebook-menu[data-v-4728f50a]{color:#1890ff;background-color:#262626}.course-show .course-content-menu .anticon[data-v-4728f50a],.course-show .notebook-menu .anticon[data-v-4728f50a]{margin-right:8px;font-size:14px}.course-show .course-content-menu[data-v-4728f50a]:hover,.course-show .notebook-menu[data-v-4728f50a]:hover{background-color:#333}.course-show .course-content-menu[data-v-4728f50a]{color:#1890ff}[data-v-4728f50a] .video-player::-internal-media-controls-download-button{display:none!important}[data-v-4728f50a] .video-player::-webkit-media-controls-enclosure{overflow:hidden!important}[data-v-4728f50a] .video-player::-webkit-media-controls-panel{width:calc(100% + 30px)!important}[data-v-4728f50a] .ant-checkbox-wrapper{margin-left:8px!important}.sample-io[data-v-4728f50a]{background-color:#2a2a2a;border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid #3a3a3a}.sample-io h3[data-v-4728f50a]{font-size:16px;font-weight:600;color:#e0e0e0;margin-bottom:12px}.sample-io strong[data-v-4728f50a]{color:#b0b0b0;display:block;margin-bottom:6px}.sample-io .code-block[data-v-4728f50a]{background-color:#1e1e1e;border:1px solid #444;padding:10px 14px;border-radius:4px;font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-wrap:break-word;color:#d4d4d4;font-size:13px;line-height:1.5}.content-programming[data-v-4728f50a]{height:calc(100vh - 66px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-programming .programming-container[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow:hidden;position:relative}.content-programming .programming-container .programming-info[data-v-4728f50a]{width:30%;min-width:300px;max-width:500px;height:100%;overflow-y:auto;background-color:#222;border-right:1px solid #333;position:relative;-webkit-transition:width .3s ease;transition:width .3s ease}.content-programming .programming-container .programming-info.collapsed[data-v-4728f50a]{width:15px;min-width:15px;overflow:hidden}.content-programming .programming-container .programming-info .prog-question-collapse-btn[data-v-4728f50a]{position:absolute;top:50%;right:-14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:28px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,right top,from(#2a2a2a),to(#333));background:linear-gradient(90deg,#2a2a2a,#333);border:1px solid #444;border-left:none;border-radius:0 8px 8px 0;cursor:pointer;z-index:10;-webkit-box-shadow:3px 0 10px rgba(0,0,0,.3);box-shadow:3px 0 10px rgba(0,0,0,.3);color:#1890ff;-webkit-transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:.9}.content-programming .programming-container .programming-info .prog-question-collapse-btn[data-v-4728f50a]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background-color:#333;opacity:.8}.content-programming .programming-container .programming-info .prog-question-collapse-btn[data-v-4728f50a]:hover{right:-16px;background:-webkit-gradient(linear,left top,right top,from(#333),to(#444));background:linear-gradient(90deg,#333,#444);color:#40a9ff;opacity:1;-webkit-box-shadow:4px 0 12px rgba(0,0,0,.4);box-shadow:4px 0 12px rgba(0,0,0,.4);width:30px}.content-programming .programming-container .programming-info .prog-question-collapse-btn .collapse-icon[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20px;height:20px;-webkit-transition:-webkit-transform .4s cubic-bezier(.68,-.55,.27,1.55);transition:-webkit-transform .4s cubic-bezier(.68,-.55,.27,1.55);transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.27,1.55);margin-left:-10px}.content-programming .programming-container .programming-info .prog-question-collapse-btn .collapse-icon svg[data-v-4728f50a]{stroke-width:2.5}.content-programming .programming-container .programming-info .prog-question-collapse-btn .collapse-icon.icon-collapsed[data-v-4728f50a]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.content-programming .programming-container .programming-info .prog-question-collapse-btn:hover .collapse-icon[data-v-4728f50a]{-webkit-transform:scale(1.2);transform:scale(1.2)}.content-programming .programming-container .programming-info .prog-question-collapse-btn:hover .collapse-icon.icon-collapsed[data-v-4728f50a]{-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}.content-programming .programming-container .programming-info.collapsed .prog-question-collapse-btn[data-v-4728f50a]{right:-14px}.content-programming .programming-container .programming-info.collapsed .prog-question-collapse-btn[data-v-4728f50a]:hover{right:-16px}.content-programming .programming-container .programming-info .question-content-panel[data-v-4728f50a]{padding:20px}.content-programming .programming-container .programming-info .task-header[data-v-4728f50a]{margin-bottom:20px}.content-programming .programming-container .programming-info .task-header h2[data-v-4728f50a]{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.content-programming .programming-container .programming-info .task-header .task-info-header[data-v-4728f50a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.content-programming .programming-container .programming-info .task-header .task-info-header .difficulty[data-v-4728f50a]{font-size:14px;color:#999}.content-programming .programming-container .programming-info .task-description .task-info[data-v-4728f50a]{background-color:#2a2a2a;border-radius:8px;padding:16px}.content-programming .programming-container .programming-info .task-description .task-info h3[data-v-4728f50a]{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}.content-programming .programming-container .programming-info .task-description .task-info div[data-v-4728f50a]{color:#999;line-height:1.6}.content-programming .programming-container .programming-info .task-description .task-info div img[data-v-4728f50a]{max-width:100%;border-radius:4px;margin:10px 0}.content-programming .programming-container .programming-iframe[data-v-4728f50a]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-transition:margin-left .3s ease;transition:margin-left .3s ease}.content-programming .programming-container .programming-iframe .iframe-content[data-v-4728f50a]{width:100%;height:100%;border:none}.content-programming .programming-info.collapsed+.programming-iframe[data-v-4728f50a]{margin-left:0}.demo-button-container[data-v-4728f50a]{margin-top:16px;padding-top:16px;border-top:1px dashed #444;text-align:center}.scratch-buttons[data-v-4728f50a]{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}.explanation-modal .ant-modal-content{background-color:#2a2a2a;border-radius:8px}.explanation-modal .ant-modal-content .ant-modal-header{background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;border-radius:8px 8px 0 0}.explanation-modal .ant-modal-content .ant-modal-header .ant-modal-title{color:#fff;font-weight:600}.explanation-modal .ant-modal-content .ant-modal-body{color:#ccc;line-height:1.6;padding:20px}.explanation-modal .ant-modal-content .ant-modal-body p{margin-bottom:12px}.explanation-modal .ant-modal-content .ant-modal-body img{max-width:100%;margin:10px 0}.explanation-modal .ant-modal-content .ant-modal-body .ant-modal-confirm-content,.explanation-modal .ant-modal-content .ant-modal-body .ant-modal-confirm-title{color:#ccc}.explanation-modal .ant-modal-content .ant-modal-footer{border-top:1px solid #3a3a3a;padding:12px 20px}.explanation-modal .ant-modal-content .ant-modal-footer .ant-btn{background-color:#1ec77f;border-color:#1ec77f;color:#fff}.explanation-modal .ant-modal-content .ant-modal-footer .ant-btn:hover{background-color:#18a269;border-color:#18a269}.explanation-modal .ant-modal-content .ant-modal-footer .ant-btn-default{background-color:transparent;border-color:#555;color:#ccc}.explanation-modal .ant-modal-content .ant-modal-footer .ant-btn-default:hover{border-color:#1ec77f;color:#1ec77f}