.chapter-detail-page[data-v-38f2634e]{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);background-size:200% 200%;-webkit-animation:pageGradientFlow-data-v-38f2634e 25s ease-in-out infinite;animation:pageGradientFlow-data-v-38f2634e 25s ease-in-out infinite;position:relative;-webkit-perspective:2000px;perspective:2000px}@-webkit-keyframes pageGradientFlow-data-v-38f2634e{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-38f2634e{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.chapter-detail-page[data-v-38f2634e]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(66,153,225,.3) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(79,209,197,.25) 0,transparent 40%);-webkit-animation:rotateLights-data-v-38f2634e 45s linear infinite;animation:rotateLights-data-v-38f2634e 45s linear infinite;pointer-events:none;z-index:0}@-webkit-keyframes rotateLights-data-v-38f2634e{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-38f2634e{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-38f2634e]{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-38f2634e],.header-left[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-38f2634e]{gap:20px}.chapter-info h2[data-v-38f2634e]{color:#1e3c72;font-size:1.5rem;font-weight:700;margin:0 0 5px 0}.breadcrumb[data-v-38f2634e]{gap:8px;color:#666;font-size:.9rem}.breadcrumb[data-v-38f2634e],.header-right[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-right[data-v-38f2634e]{gap:20px}.progress-info[data-v-38f2634e]{min-width:200px}.progress-text[data-v-38f2634e]{display:block;font-size:.85rem;color:#666;margin-bottom:8px}.chapter-content[data-v-38f2634e]{padding:30px;position:relative;z-index:1;max-width:1400px;margin:0 auto}.learning-tabs[data-v-38f2634e]{background:hsla(0,0%,100%,.98);backdrop-filter:blur(25px);border-radius:20px;padding:30px;-webkit-box-shadow:0 15px 50px rgba(0,0,0,.15),inset 0 2px 0 hsla(0,0%,100%,.4);box-shadow:0 15px 50px rgba(0,0,0,.15),inset 0 2px 0 hsla(0,0%,100%,.4);-webkit-animation:panelFloat-data-v-38f2634e 6s ease-in-out infinite;animation:panelFloat-data-v-38f2634e 6s ease-in-out infinite}@-webkit-keyframes panelFloat-data-v-38f2634e{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-38f2634e{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-38f2634e]{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-38f2634e]{font-size:1.2rem}.video-container[data-v-38f2634e]{display:grid;grid-template-columns:2fr 1fr;gap:30px;-webkit-animation:contentFadeIn-data-v-38f2634e .6s ease-out;animation:contentFadeIn-data-v-38f2634e .6s ease-out}@-webkit-keyframes contentFadeIn-data-v-38f2634e{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes contentFadeIn-data-v-38f2634e{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.video-wrapper[data-v-38f2634e]{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-38f2634e],.video-player[data-v-38f2634e]{position:absolute;top:0;left:0;width:100%;height:100%}.video-placeholder[data-v-38f2634e]{background:linear-gradient(135deg,#667eea,#764ba2);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-38f2634e]{font-size:4rem;margin-bottom:15px;-webkit-animation:iconPulse-data-v-38f2634e 2s ease-in-out infinite;animation:iconPulse-data-v-38f2634e 2s ease-in-out infinite}@-webkit-keyframes iconPulse-data-v-38f2634e{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-38f2634e{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-38f2634e]{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-38f2634e]{color:#1e3c72;font-size:1.3rem;font-weight:700;margin:0 0 12px 0}.video-info p[data-v-38f2634e]{color:#666;line-height:1.6;margin-bottom:20px}.video-actions[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.text-content[data-v-38f2634e]{-webkit-animation:contentFadeIn-data-v-38f2634e .6s ease-out;animation:contentFadeIn-data-v-38f2634e .6s ease-out}.rich-text[data-v-38f2634e]{background:rgba(248,250,252,.95);backdrop-filter:blur(15px);padding:30px;border-radius:16px;line-height:1.8;color:#333;margin-bottom:25px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}.rich-text h2[data-v-38f2634e]{color:#1e3c72;font-size:1.8rem;font-weight:700;margin:0 0 20px 0}.rich-text h3[data-v-38f2634e]{color:#1e3c72;font-size:1.4rem;font-weight:600;margin:25px 0 15px 0}.rich-text ol[data-v-38f2634e],.rich-text ul[data-v-38f2634e]{margin:15px 0;padding-left:30px}.rich-text li[data-v-38f2634e]{margin-bottom:10px}.text-actions[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.practice-container[data-v-38f2634e]{-webkit-animation:contentFadeIn-data-v-38f2634e .6s ease-out;animation:contentFadeIn-data-v-38f2634e .6s ease-out}.practice-header[data-v-38f2634e]{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-38f2634e]{color:#1e3c72;font-size:1.3rem;font-weight:700;margin:0 0 12px 0}.practice-header p[data-v-38f2634e]{color:#666;margin:0}.code-editor-wrapper[data-v-38f2634e]{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-38f2634e]{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-38f2634e],.editor-toolbar[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-label[data-v-38f2634e]{color:hsla(0,0%,100%,.9);font-weight:600;gap:8px}.editor-actions[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.code-editor[data-v-38f2634e]{min-height:400px}.code-textarea[data-v-38f2634e]{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-38f2634e]::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38f2634e]::-moz-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38f2634e]:-ms-input-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38f2634e]::-ms-input-placeholder{color:hsla(0,0%,100%,.3)}.code-textarea[data-v-38f2634e]::placeholder{color:hsla(0,0%,100%,.3)}.code-output[data-v-38f2634e]{background:rgba(20,20,20,.98);border-top:1px solid hsla(0,0%,100%,.1)}.output-header[data-v-38f2634e]{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-38f2634e]{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-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.keypoints-container[data-v-38f2634e]{-webkit-animation:contentFadeIn-data-v-38f2634e .6s ease-out;animation:contentFadeIn-data-v-38f2634e .6s ease-out}.keypoint-card[data-v-38f2634e]{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-38f2634e]: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-38f2634e]{gap:15px;margin-bottom:15px}.keypoint-header[data-v-38f2634e],.keypoint-number[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keypoint-number[data-v-38f2634e]{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-38f2634e]{color:#1e3c72;font-size:1.2rem;font-weight:600;margin:0}.keypoint-content p[data-v-38f2634e]{color:#666;line-height:1.8;margin-bottom:15px}.keypoint-example[data-v-38f2634e]{margin-top:15px}.keypoint-example h4[data-v-38f2634e]{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-38f2634e]{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-38f2634e]{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-38f2634e]{-webkit-animation:contentFadeIn-data-v-38f2634e .6s ease-out;animation:contentFadeIn-data-v-38f2634e .6s ease-out}.quiz-start[data-v-38f2634e]{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-38f2634e]{text-align:center;margin-bottom:30px}.quiz-intro i[data-v-38f2634e]{font-size:5rem;color:gold;margin-bottom:20px;-webkit-animation:iconPulse-data-v-38f2634e 2s ease-in-out infinite;animation:iconPulse-data-v-38f2634e 2s ease-in-out infinite}.quiz-intro h3[data-v-38f2634e]{color:#1e3c72;font-size:2rem;font-weight:700;margin:0 0 15px 0}.quiz-intro p[data-v-38f2634e]{color:#666;font-size:1.1rem;margin-bottom:20px}.quiz-stats[data-v-38f2634e]{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-38f2634e]{max-width:800px;margin:0 auto}.quiz-progress[data-v-38f2634e]{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-38f2634e]{font-size:.9rem;color:#666;font-weight:600}.question-card[data-v-38f2634e]{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-card h3[data-v-38f2634e]{color:#1e3c72;font-size:1.3rem;font-weight:600;line-height:1.6;margin-bottom:25px}.answer-options[data-v-38f2634e]{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[data-v-38f2634e]{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-38f2634e]: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-38f2634e]{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-38f2634e]{max-width:500px;margin:0 auto;text-align:center}.result-card[data-v-38f2634e]{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-38f2634e]{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-38f2634e 2s ease-in-out infinite;animation:iconPulse-data-v-38f2634e 2s ease-in-out infinite}.result-icon.pass[data-v-38f2634e]{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-38f2634e]{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-38f2634e]{font-size:4rem;color:#fff}.result-card h3[data-v-38f2634e]{color:#1e3c72;font-size:1.8rem;font-weight:700;margin:0 0 20px 0}.score-display[data-v-38f2634e]{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-38f2634e]{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-38f2634e]{font-size:1.5rem;color:#666;font-weight:600}.result-card p[data-v-38f2634e]{color:#666;font-size:1.1rem}.result-actions[data-v-38f2634e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px}@media (max-width:768px){.chapter-header[data-v-38f2634e]{gap:20px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.chapter-header[data-v-38f2634e],.header-left[data-v-38f2634e],.header-right[data-v-38f2634e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header-left[data-v-38f2634e],.header-right[data-v-38f2634e]{gap:15px}.video-container[data-v-38f2634e]{grid-template-columns:1fr}.quiz-stats[data-v-38f2634e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}}