.chapter-detail-page[data-v-58152b71]{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);background-size:200% 200%;-webkit-animation:pageGradientFlow-data-v-58152b71 20s ease-in-out infinite;animation:pageGradientFlow-data-v-58152b71 20s ease-in-out infinite;padding-bottom:80px}@-webkit-keyframes pageGradientFlow-data-v-58152b71{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-58152b71{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.chapter-header[data-v-58152b71]{background:linear-gradient(135deg,rgba(66,153,225,.3),rgba(79,209,197,.2));backdrop-filter:blur(20px);padding:25px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.2);box-shadow:0 8px 25px rgba(0,0,0,.2);position:sticky;top:0;z-index:100}.header-info[data-v-58152b71]{-webkit-box-flex:1;-ms-flex:1;flex:1}.header-info h2[data-v-58152b71]{color:#fff;font-size:1.8rem;margin-bottom:10px;font-weight:700}.progress-info[data-v-58152b71]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.progress-info span[data-v-58152b71]{color:hsla(0,0%,100%,.9);font-weight:600;min-width:120px}.progress-info .el-progress[data-v-58152b71]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:300px}.chapter-content[data-v-58152b71]{max-width:1200px;margin:30px auto;padding:0 20px}.content-section[data-v-58152b71]{background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.9));backdrop-filter:blur(15px);border-radius:16px;padding:30px;-webkit-box-shadow:0 12px 40px rgba(66,153,225,.3);box-shadow:0 12px 40px rgba(66,153,225,.3);min-height:400px}.video-container[data-v-58152b71]{width:100%;height:500px;background:#000;border-radius:12px;overflow:hidden;margin-bottom:20px}.video-container iframe[data-v-58152b71]{width:100%;height:100%}.video-placeholder[data-v-58152b71]{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;height:100%;color:#fff}.video-placeholder i[data-v-58152b71]{font-size:4rem;margin-bottom:15px}.video-info h3[data-v-58152b71]{color:#1e3c72;font-size:1.5rem;margin-bottom:10px}.video-info p[data-v-58152b71]{color:#666;line-height:1.8;margin-bottom:20px}.text-content .rich-text[data-v-58152b71]{color:#333;line-height:1.8;font-size:1.05rem}.text-content h2[data-v-58152b71],.text-content h3[data-v-58152b71]{color:#1e3c72;margin:20px 0 15px}.text-content ul[data-v-58152b71]{padding-left:30px}.text-content li[data-v-58152b71]{margin:10px 0}.content-actions[data-v-58152b71]{margin-top:30px;text-align:center}.editor-mode-switcher[data-v-58152b71]{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-bottom:20px;padding:15px;background:linear-gradient(135deg,rgba(66,153,225,.08),rgba(79,209,197,.08));border-radius:12px;border:2px solid rgba(66,153,225,.2)}.editor-mode-switcher .el-radio-group[data-v-58152b71]{background:#fff;border-radius:8px;padding:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.editor-mode-switcher .el-radio-button__inner[data-v-58152b71]{padding:10px 20px;font-weight:600;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}.editor-mode-switcher .el-radio-button__orig-radio:checked+.el-radio-button__inner[data-v-58152b71]{background:linear-gradient(135deg,#4299e1,#4fd1c5);border-color:#4299e1;-webkit-box-shadow:0 4px 12px rgba(66,153,225,.3);box-shadow:0 4px 12px rgba(66,153,225,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.scratch-editor-container[data-v-58152b71]{margin:20px 0;border-radius:16px;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;min-height:600px}.scratch-editor[data-v-58152b71]{margin:20px 0;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.15);box-shadow:0 8px 25px rgba(0,0,0,.15)}.practice-controls[data-v-58152b71]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.keypoints-list[data-v-58152b71]{display:grid;gap:20px}.keypoint-card[data-v-58152b71]{border-left:4px solid #4299e1}.keypoint-header[data-v-58152b71]{gap:15px;margin-bottom:10px}.keypoint-header[data-v-58152b71],.point-number[data-v-58152b71]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.point-number[data-v-58152b71]{width:35px;height:35px;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}.point-example[data-v-58152b71]{margin-top:15px;padding:15px;background:#f5f7fa;border-radius:8px}.point-example pre[data-v-58152b71]{margin-top:10px;padding:10px;background:#fff;border-radius:6px;overflow-x:auto}.quiz-container[data-v-58152b71]{max-width:800px;margin:0 auto}.quiz-question[data-v-58152b71]{margin-bottom:30px;padding:20px;background:#f9fafb;border-radius:12px}.quiz-question h4[data-v-58152b71]{color:#1e3c72;margin-bottom:15px;font-size:1.1rem}.quiz-options[data-v-58152b71]{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}.quiz-actions[data-v-58152b71]{text-align:center;margin-top:30px}.quiz-result[data-v-58152b71]{max-width:800px;margin:0 auto}.result-summary[data-v-58152b71]{text-align:center;padding:40px;background:linear-gradient(135deg,rgba(66,153,225,.1),rgba(79,209,197,.1));border-radius:16px;margin-bottom:30px}.result-summary i[data-v-58152b71]{font-size:4rem;margin-bottom:15px}.result-summary h3[data-v-58152b71]{color:#1e3c72;font-size:1.8rem;margin-bottom:10px}.result-summary p[data-v-58152b71]{font-size:1.3rem;font-weight:600;color:#666;margin-bottom:20px}.result-details h4[data-v-58152b71]{color:#1e3c72;margin-bottom:20px}.result-item[data-v-58152b71]{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:12px}.result-question[data-v-58152b71]{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;margin-bottom:10px;font-weight:600}.result-explanation[data-v-58152b71]{color:#666;line-height:1.6;padding-top:10px;border-top:1px dashed #e0e0e0}.result-actions[data-v-58152b71]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.chapter-footer[data-v-58152b71]{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,rgba(66,153,225,.3),rgba(79,209,197,.2));backdrop-filter:blur(20px);padding:20px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 -4px 15px rgba(0,0,0,.2);box-shadow:0 -4px 15px rgba(0,0,0,.2);z-index:99}@media (max-width:768px){.chapter-header[data-v-58152b71]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chapter-header[data-v-58152b71],.progress-info[data-v-58152b71]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.progress-info[data-v-58152b71]{width:100%}.progress-info .el-progress[data-v-58152b71]{max-width:100%}.video-container[data-v-58152b71]{height:300px}.chapter-footer[data-v-58152b71]{padding:15px 20px}}