.learn-video-player[data-v-1fe349cf]{background:#0f172a;border-radius:16px;overflow:hidden;color:#e2e8f0}.toolbar[data-v-1fe349cf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12px;background:rgba(15,23,42,.95)}.tip[data-v-1fe349cf]{opacity:.85}.resume[data-v-1fe349cf]{color:#5eead4;font-weight:700}.stage[data-v-1fe349cf]{position:relative}.player[data-v-1fe349cf]{width:100%;max-height:520px;background:#000;display:block}.fs-fab[data-v-1fe349cf]{position:absolute;right:12px;bottom:12px;z-index:5;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;color:#0f172a;background:hsla(0,0%,100%,.92);-webkit-box-shadow:0 4px 14px rgba(15,23,42,.25);box-shadow:0 4px 14px rgba(15,23,42,.25);cursor:pointer}.start-mask[data-v-1fe349cf]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;background:rgba(2,6,23,.72);text-align:center;padding:20px}.start-btn[data-v-1fe349cf]{border:0;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#5eead4,#38bdf8);cursor:pointer}.buffer-mask p[data-v-1fe349cf],.error-mask p[data-v-1fe349cf],.start-mask p[data-v-1fe349cf]{margin:0;font-size:12px;opacity:.9}.buffer-mask[data-v-1fe349cf],.error-mask[data-v-1fe349cf]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;background:rgba(2,6,23,.55);pointer-events:none}.error-mask[data-v-1fe349cf]{pointer-events:auto}.spinner[data-v-1fe349cf]{width:36px;height:36px;border:3px solid hsla(0,0%,100%,.25);border-top-color:#5eead4;border-radius:50%;-webkit-animation:spin-data-v-1fe349cf .8s linear infinite;animation:spin-data-v-1fe349cf .8s linear infinite}@-webkit-keyframes spin-data-v-1fe349cf{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-1fe349cf{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bar[data-v-1fe349cf]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:8px 14px 12px;font-size:12px;opacity:.9}.bar[data-v-1fe349cf],.stage.is-full[data-v-1fe349cf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stage.is-full[data-v-1fe349cf]{position:fixed;inset:0;z-index:3000;width:100vw;height:100vh;height:100dvh;background:#000;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stage[data-v-1fe349cf]:-webkit-full-screen{width:100%;height:100%;background:#000}.stage[data-v-1fe349cf]:-ms-fullscreen{width:100%;height:100%;background:#000}.stage[data-v-1fe349cf]:fullscreen{width:100%;height:100%;background:#000}.stage:-webkit-full-screen .player[data-v-1fe349cf]{width:100%;height:100%;max-height:none;object-fit:contain}.stage:-ms-fullscreen .player[data-v-1fe349cf]{width:100%;height:100%;max-height:none;object-fit:contain}.stage.is-full .player[data-v-1fe349cf],.stage:fullscreen .player[data-v-1fe349cf]{width:100%;height:100%;max-height:none;-o-object-fit:contain;object-fit:contain}.fs-fab-full[data-v-1fe349cf]{right:24px;bottom:calc(24px + env(safe-area-inset-bottom));padding:10px 18px;font-size:15px;color:#fff;background:rgba(15,23,42,.72);border:1px solid hsla(0,0%,100%,.4);backdrop-filter:blur(6px)}.blockly-editor-wrapper[data-v-59de71ee]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;background:linear-gradient(135deg,rgba(30,60,114,.05),rgba(42,82,152,.05));padding:20px;border-radius:16px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1)}.blockly-container[data-v-59de71ee]{width:100%;min-height:600px;background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08)}.blockly-container .blockly-iframe[data-v-59de71ee]{display:block;border:none}.editor-toolbar[data-v-59de71ee]{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;padding:12px 20px;background:linear-gradient(135deg,rgba(66,153,225,.1),rgba(79,209,197,.1));border-radius:12px;backdrop-filter:blur(10px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.toolbar-center[data-v-59de71ee],.toolbar-left[data-v-59de71ee],.toolbar-right[data-v-59de71ee]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.code-output[data-v-59de71ee],.run-result[data-v-59de71ee]{background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08)}.output-header[data-v-59de71ee],.result-header[data-v-59de71ee]{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;padding:12px 20px;background:linear-gradient(135deg,rgba(66,153,225,.1),rgba(79,209,197,.1));border-bottom:1px solid rgba(66,153,225,.2)}.output-title[data-v-59de71ee],.result-title[data-v-59de71ee]{font-size:.95rem;font-weight:600;color:#4299e1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.output-title i[data-v-59de71ee],.result-title i[data-v-59de71ee]{font-size:1.1rem}.output-content[data-v-59de71ee],.result-content[data-v-59de71ee]{padding:20px;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;color:#2d3748;background:#f7fafc;overflow-x:auto;max-height:300px}.output-content.error[data-v-59de71ee],.result-content.error[data-v-59de71ee]{color:#e53e3e;background:#fff5f5}.output-content code[data-v-59de71ee],.result-content code[data-v-59de71ee]{font-family:inherit;font-size:inherit}[data-v-59de71ee] .el-button{border-radius:8px;font-weight:600;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}[data-v-59de71ee] .el-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(66,153,225,.3);box-shadow:0 4px 12px rgba(66,153,225,.3)}[data-v-59de71ee] .el-button.el-button--success{background:linear-gradient(135deg,#4fd1c5,#4299e1);border:none}[data-v-59de71ee] .el-button.el-button--success:hover{-webkit-box-shadow:0 4px 15px rgba(79,209,197,.5);box-shadow:0 4px 15px rgba(79,209,197,.5)}[data-v-59de71ee] .el-button.el-button--primary{background:linear-gradient(135deg,#4299e1,#2563eb);border:none}[data-v-59de71ee] .el-button.el-button--primary:hover{-webkit-box-shadow:0 4px 15px rgba(66,153,225,.5);box-shadow:0 4px 15px rgba(66,153,225,.5)}@media (max-width:768px){.blockly-editor-wrapper[data-v-59de71ee]{padding:15px}.editor-toolbar[data-v-59de71ee]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.editor-toolbar .toolbar-center[data-v-59de71ee],.editor-toolbar .toolbar-left[data-v-59de71ee],.editor-toolbar .toolbar-right[data-v-59de71ee]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.blockly-container[data-v-59de71ee]{min-height:400px}}.chapter-detail-page[data-v-38ecaaa4]{min-height:100vh;background:transparent;position:relative}@-webkit-keyframes pageGradientFlow-data-v-38ecaaa4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-38ecaaa4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.chapter-detail-page[data-v-38ecaaa4]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:none;pointer-events:none;z-index:0}@-webkit-keyframes rotateLights-data-v-38ecaaa4{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes rotateLights-data-v-38ecaaa4{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}.chapter-header[data-v-38ecaaa4]{background:linear-gradient(145deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95));backdrop-filter:blur(25px) saturate(180%);padding:24px 35px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 2px 0 hsla(0,0%,100%,.3);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 2px 0 hsla(0,0%,100%,.3);position:relative;z-index:10;border-bottom:3px solid rgba(66,153,225,.2)}.chapter-header[data-v-38ecaaa4],.header-left[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-38ecaaa4]{gap:20px}.chapter-info h2[data-v-38ecaaa4]{color:#1e3c72;font-size:1.5rem;font-weight:700;margin:0 0 5px 0}.breadcrumb[data-v-38ecaaa4]{gap:8px;color:#666;font-size:.9rem}.breadcrumb[data-v-38ecaaa4],.header-right[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-right[data-v-38ecaaa4]{gap:20px}.progress-info[data-v-38ecaaa4]{min-width:200px}.progress-text[data-v-38ecaaa4]{display:block;font-size:.85rem;color:#666;margin-bottom:8px}.chapter-content[data-v-38ecaaa4]{padding:30px;position:relative;z-index:1;max-width:1400px;margin:0 auto}.learning-tabs[data-v-38ecaaa4]{background:hsla(0,0%,100%,.98);backdrop-filter:blur(25px);border-radius:20px;padding:30px;border:1px solid var(--zcb-border,#e2e8f0);-webkit-box-shadow:0 2px 12px rgba(15,23,42,.06);box-shadow:0 2px 12px rgba(15,23,42,.06)}@-webkit-keyframes panelFloat-data-v-38ecaaa4{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-12px) translateZ(20px);transform:translateY(-12px) translateZ(20px)}}@keyframes panelFloat-data-v-38ecaaa4{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-12px) translateZ(20px);transform:translateY(-12px) translateZ(20px)}}.tab-icon[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:1rem}.tab-icon i[data-v-38ecaaa4]{font-size:1.2rem}.video-container[data-v-38ecaaa4]{display:grid;grid-template-columns:2fr 1fr;gap:30px;-webkit-animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out;animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out}@-webkit-keyframes contentFadeIn-data-v-38ecaaa4{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes contentFadeIn-data-v-38ecaaa4{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.video-wrapper[data-v-38ecaaa4]{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.2);box-shadow:0 12px 40px rgba(0,0,0,.2)}.video-placeholder[data-v-38ecaaa4],.video-player[data-v-38ecaaa4]{position:absolute;top:0;left:0;width:100%;height:100%}.video-placeholder[data-v-38ecaaa4]{background:var(--zcb-hero-gradient,linear-gradient(135deg,#1e3a8a,#2563eb 35%,#0ea5e9 70%,#14b8a6));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.video-placeholder i[data-v-38ecaaa4]{font-size:4rem;margin-bottom:15px;-webkit-animation:iconPulse-data-v-38ecaaa4 2s ease-in-out infinite;animation:iconPulse-data-v-38ecaaa4 2s ease-in-out infinite}@-webkit-keyframes iconPulse-data-v-38ecaaa4{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.8}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}}@keyframes iconPulse-data-v-38ecaaa4{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.8}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}}.video-info[data-v-38ecaaa4]{background:rgba(248,250,252,.95);backdrop-filter:blur(15px);padding:25px;border-radius:16px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}.video-info h3[data-v-38ecaaa4]{color:#1e3c72;font-size:1.3rem;font-weight:700;margin:0 0 12px 0}.video-info p[data-v-38ecaaa4]{color:#666;line-height:1.6;margin-bottom:20px}.video-actions[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.text-content[data-v-38ecaaa4]{-webkit-animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out;animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out}.rich-text[data-v-38ecaaa4]{background:#fff;padding:28px 32px;border-radius:16px;border:1px solid var(--zcb-border,#e2e8f0);margin-bottom:25px}.text-actions[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.practice-container[data-v-38ecaaa4]{-webkit-animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out;animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out}.practice-tips[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:12px}.blockly-practice-wrap[data-v-38ecaaa4]{background:#fff;border-radius:0 0 16px 16px;padding:12px;margin-bottom:20px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08)}.blockly-hint[data-v-38ecaaa4]{margin-top:10px;font-size:.85rem;color:#5a6a85;line-height:1.5}.monaco-practice .stdin-row[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px 16px;background:#2d2d30;border-bottom:1px solid hsla(0,0%,100%,.08)}.stdin-label[data-v-38ecaaa4]{color:hsla(0,0%,100%,.85);font-size:.8rem;white-space:nowrap;padding-top:6px}.run-meta[data-v-38ecaaa4]{margin-left:auto;font-size:.75rem;font-weight:500;color:#4fd1c5}.clear-output-btn[data-v-38ecaaa4]{color:hsla(0,0%,100%,.65)!important;padding:0 4px!important}.output-content.is-error[data-v-38ecaaa4]{color:#fc8181}.output-content.is-empty[data-v-38ecaaa4]{color:hsla(0,0%,100%,.45);font-style:italic}.monaco-practice .code-output[data-v-38ecaaa4]{display:block}.practice-header[data-v-38ecaaa4]{background:rgba(248,250,252,.95);backdrop-filter:blur(15px);padding:25px;border-radius:16px 16px 0 0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08)}.practice-header h3[data-v-38ecaaa4]{color:#1e3c72;font-size:1.3rem;font-weight:700;margin:0 0 12px 0}.practice-header p[data-v-38ecaaa4]{color:#666;margin:0}.code-editor-wrapper[data-v-38ecaaa4]{background:rgba(30,30,30,.98);backdrop-filter:blur(15px);border-radius:0 0 16px 16px;overflow:hidden;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.25);box-shadow:0 12px 40px rgba(0,0,0,.25);margin-bottom:20px}.editor-toolbar[data-v-38ecaaa4]{background:rgba(40,40,40,.98);padding:12px 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1)}.editor-label[data-v-38ecaaa4],.editor-toolbar[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-label[data-v-38ecaaa4]{color:hsla(0,0%,100%,.9);font-weight:600;gap:8px}.editor-actions[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.code-editor[data-v-38ecaaa4]{min-height:400px}.code-textarea[data-v-38ecaaa4]{width:100%;min-height:400px;background:rgba(30,30,30,.98);color:#abb2bf;border:none;padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;resize:vertical;outline:none}.code-textarea[data-v-38ecaaa4]::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38ecaaa4]::-moz-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38ecaaa4]:-ms-input-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38ecaaa4]::-ms-input-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38ecaaa4]::placeholder{color:hsla(0,0%,100%,.3)}.code-output[data-v-38ecaaa4]{background:rgba(20,20,20,.98);border-top:1px solid hsla(0,0%,100%,.1)}.output-header[data-v-38ecaaa4]{padding:12px 20px;background:rgba(30,30,30,.98);color:hsla(0,0%,100%,.9);font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.1)}.output-content[data-v-38ecaaa4]{padding:20px;color:#61afef;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.practice-actions[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.keypoints-container[data-v-38ecaaa4]{-webkit-animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out;animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out}.keypoint-card[data-v-38ecaaa4]{background:rgba(248,250,252,.95);backdrop-filter:blur(15px);padding:25px;border-radius:16px;margin-bottom:20px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px rgba(0,0,0,.1);-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1)}.keypoint-card[data-v-38ecaaa4]:hover{-webkit-transform:translateX(10px) translateZ(15px);transform:translateX(10px) translateZ(15px);-webkit-box-shadow:0 12px 35px rgba(66,153,225,.25);box-shadow:0 12px 35px rgba(66,153,225,.25)}.keypoint-header[data-v-38ecaaa4]{gap:15px;margin-bottom:15px}.keypoint-header[data-v-38ecaaa4],.keypoint-number[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keypoint-number[data-v-38ecaaa4]{width:40px;height:40px;background:linear-gradient(135deg,#4299e1,#4fd1c5);color:#fff;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:1.2rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 4px 12px rgba(66,153,225,.4);box-shadow:0 4px 12px rgba(66,153,225,.4)}.keypoint-header h3[data-v-38ecaaa4]{color:#1e3c72;font-size:1.2rem;font-weight:600;margin:0}.keypoint-content p[data-v-38ecaaa4]{color:#666;line-height:1.8;margin-bottom:15px}.keypoint-example[data-v-38ecaaa4]{margin-top:15px}.keypoint-example h4[data-v-38ecaaa4]{color:#1e3c72;font-size:1rem;font-weight:600;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.code-block[data-v-38ecaaa4]{background:rgba(30,30,30,.98);color:#abb2bf;padding:15px 20px;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2);margin:0}.keypoints-actions[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:20px}.quiz-container[data-v-38ecaaa4]{-webkit-animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out;animation:contentFadeIn-data-v-38ecaaa4 .6s ease-out}.quiz-start[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:60px 40px}.quiz-intro[data-v-38ecaaa4]{text-align:center;margin-bottom:30px}.quiz-intro i[data-v-38ecaaa4]{font-size:5rem;color:gold;margin-bottom:20px;-webkit-animation:iconPulse-data-v-38ecaaa4 2s ease-in-out infinite;animation:iconPulse-data-v-38ecaaa4 2s ease-in-out infinite}.quiz-intro h3[data-v-38ecaaa4]{color:#1e3c72;font-size:2rem;font-weight:700;margin:0 0 15px 0}.quiz-intro p[data-v-38ecaaa4]{color:#666;font-size:1.1rem;margin-bottom:20px}.quiz-stats[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;color:#666}.quiz-questions[data-v-38ecaaa4]{max-width:800px;margin:0 auto}.quiz-progress[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:30px}.quiz-progress span[data-v-38ecaaa4]{font-size:.9rem;color:#666;font-weight:600}.question-card[data-v-38ecaaa4]{background:rgba(248,250,252,.95);backdrop-filter:blur(15px);padding:30px;border-radius:16px;margin-bottom:25px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}.question-title-row[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:20px}.question-card h3[data-v-38ecaaa4]{color:#1e3c72;font-size:1.3rem;font-weight:600;line-height:1.6;margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.answer-peek-btn[data-v-38ecaaa4]{-ms-flex-negative:0;flex-shrink:0;margin-top:2px}.answer-options[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.answer-option.is-correct-hint[data-v-38ecaaa4]{border-color:#67c23a!important;background:rgba(103,194,58,.12);-webkit-box-shadow:0 0 0 1px rgba(103,194,58,.25);box-shadow:0 0 0 1px rgba(103,194,58,.25)}.answer-reveal-panel[data-v-38ecaaa4]{margin-top:18px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(66,153,225,.08),rgba(79,209,197,.1));border:1px solid rgba(66,153,225,.25);-webkit-animation:answerRevealIn-data-v-38ecaaa4 .25s ease;animation:answerRevealIn-data-v-38ecaaa4 .25s ease}.answer-reveal-panel.compact[data-v-38ecaaa4]{margin-top:10px;text-align:left}.answer-reveal-panel.compact p[data-v-38ecaaa4]{margin:6px 0;font-size:.92rem;color:#334155;line-height:1.5}.answer-reveal-label[data-v-38ecaaa4]{font-size:.85rem;font-weight:700;color:#2a5298;margin-bottom:8px}.answer-reveal-text[data-v-38ecaaa4]{margin:0 0 8px;color:#1e3c72;font-size:1rem;line-height:1.5}.answer-reveal-explain[data-v-38ecaaa4]{margin:0;color:#475569;font-size:.92rem;line-height:1.55}@-webkit-keyframes answerRevealIn-data-v-38ecaaa4{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes answerRevealIn-data-v-38ecaaa4{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.result-details-list[data-v-38ecaaa4]{max-width:800px;margin:0 auto 24px;text-align:left}.result-details-list h4[data-v-38ecaaa4]{color:#1e3c72;margin:0 0 12px}.result-detail-item[data-v-38ecaaa4]{background:rgba(248,250,252,.95);border-radius:12px;padding:12px 14px;margin-bottom:10px;border:1px solid rgba(66,153,225,.12)}.result-detail-head[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.result-detail-head .result-q[data-v-38ecaaa4]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:180px;color:#1e3c72;font-weight:600;line-height:1.45}.answer-option[data-v-38ecaaa4]{background:#fff;padding:15px 20px;border-radius:12px;border:2px solid rgba(66,153,225,.2);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.answer-option[data-v-38ecaaa4]:hover{border-color:#4299e1;-webkit-transform:translateX(8px);transform:translateX(8px);-webkit-box-shadow:0 4px 15px rgba(66,153,225,.2);box-shadow:0 4px 15px rgba(66,153,225,.2)}.quiz-navigation[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:15px}.quiz-result[data-v-38ecaaa4]{max-width:800px;margin:0 auto;text-align:center}.result-card[data-v-38ecaaa4]{background:rgba(248,250,252,.95);backdrop-filter:blur(15px);padding:50px 40px;border-radius:20px;-webkit-box-shadow:0 15px 50px rgba(0,0,0,.15);box-shadow:0 15px 50px rgba(0,0,0,.15);margin-bottom:30px}.result-icon[data-v-38ecaaa4]{width:100px;height:100px;border-radius:50%;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;margin:0 auto 25px;-webkit-animation:iconPulse-data-v-38ecaaa4 2s ease-in-out infinite;animation:iconPulse-data-v-38ecaaa4 2s ease-in-out infinite}.result-icon.pass[data-v-38ecaaa4]{background:linear-gradient(135deg,#67c23a,#85ce61);-webkit-box-shadow:0 8px 25px rgba(103,194,58,.4);box-shadow:0 8px 25px rgba(103,194,58,.4)}.result-icon.fail[data-v-38ecaaa4]{background:linear-gradient(135deg,#f56c6c,#ff7675);-webkit-box-shadow:0 8px 25px rgba(245,108,108,.4);box-shadow:0 8px 25px rgba(245,108,108,.4)}.result-icon i[data-v-38ecaaa4]{font-size:4rem;color:#fff}.result-card h3[data-v-38ecaaa4]{color:#1e3c72;font-size:1.8rem;font-weight:700;margin:0 0 20px 0}.score-display[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;margin-bottom:15px}.score[data-v-38ecaaa4]{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#4299e1,#4fd1c5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label[data-v-38ecaaa4]{font-size:1.5rem;color:#666;font-weight:600}.result-card p[data-v-38ecaaa4]{color:#666;font-size:1.1rem}.result-actions[data-v-38ecaaa4]{gap:15px}.chapter-footer[data-v-38ecaaa4],.result-actions[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.chapter-footer[data-v-38ecaaa4]{gap:12px;margin-top:20px;padding:16px;position:relative;z-index:1}@media (max-width:768px){.chapter-header[data-v-38ecaaa4]{gap:20px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.chapter-header[data-v-38ecaaa4],.header-left[data-v-38ecaaa4],.header-right[data-v-38ecaaa4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header-left[data-v-38ecaaa4],.header-right[data-v-38ecaaa4]{gap:15px}.video-container[data-v-38ecaaa4]{grid-template-columns:1fr}.quiz-stats[data-v-38ecaaa4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}}.web-preview[data-v-38ecaaa4]{margin-top:12px;border:1px solid var(--zcb-border,#e2e8f0);border-radius:12px;background:#fff;overflow:hidden}.web-preview-frame[data-v-38ecaaa4]{display:block;width:100%;height:360px;border:0;background:#fff}.web-preview-empty[data-v-38ecaaa4]{padding:48px 16px;text-align:center;color:var(--zcb-text-muted,#94a3b8)}.web-preview .practice-checklist[data-v-38ecaaa4]{padding:12px 16px 14px;border-top:1px solid var(--zcb-border,#e2e8f0)}.web-preview .practice-checklist h4[data-v-38ecaaa4]{margin:0 0 8px;font-size:15px;color:var(--zcb-deep-blue,#1e3a8a)}.web-preview .checklist-item[data-v-38ecaaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:6px 0;white-space:normal}