.course-detail-page[data-v-bb3e13b6]{background-image:url(./homeBg.bdaf8f80.png);background-position:50%;background-size:cover;box-sizing:border-box;font-family:HarmonyOS_Sans_SC,SourceHanSansCN,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.content-container[data-v-bb3e13b6]{box-sizing:border-box;margin:0 auto;max-width:1720px;padding:40px 24px 60px}.page-title-block[data-v-bb3e13b6]{margin-bottom:28px}.page-title-block .page-title[data-v-bb3e13b6]{color:#333;font-size:26px;font-weight:700;margin:0}.page-title-block .page-subtitle[data-v-bb3e13b6]{color:#3339;font-size:14px;margin:4px 0 0}.detail-body[data-v-bb3e13b6]{margin:0 auto;max-width:1320px}.detail-content[data-v-bb3e13b6]{align-items:stretch;border-radius:12px;display:flex;margin-top:14px;overflow:hidden}.course-name[data-v-bb3e13b6]{color:#333;display:block;font-size:20px;font-weight:700;margin:4px 0 0;max-width:1320px}.video-container[data-v-bb3e13b6]{display:flex;flex:4;flex-direction:column;gap:16px}.video-container .video-wrapper[data-v-bb3e13b6]{aspect-ratio:16/9;background:#000;box-shadow:0 8px 32px #3e65ba14;overflow:hidden;width:100%}.video-container .video-wrapper .video-player[data-v-bb3e13b6]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.side-container[data-v-bb3e13b6]{background:#fff;box-shadow:0 4px 24px #3e65ba0a;box-sizing:border-box;display:flex;flex:1;flex-direction:column;padding:28px}.side-container .teacher-card[data-v-bb3e13b6]{align-items:center;display:flex;gap:12px;margin-bottom:24px}.side-container .teacher-card .teacher-avatar[data-v-bb3e13b6]{align-items:center;background:#f0f4fa;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.side-container .teacher-card .teacher-name[data-v-bb3e13b6]{color:#333;font-size:14px;font-weight:700}.side-container .tab-buttons[data-v-bb3e13b6]{display:flex;gap:8px;margin-bottom:20px}.side-container .tab-buttons .tab-btn[data-v-bb3e13b6]{border:none;border-radius:6px;cursor:pointer;flex:1;font-size:12px;font-weight:700;padding:8px 0;transition:all .15s}.side-container .tab-buttons .tab-btn.active[data-v-bb3e13b6]{background:#3e65ba;color:#fff}.side-container .tab-buttons .tab-btn[data-v-bb3e13b6]:not(.active){background:#f5f5f5;color:#3339}.side-container .tab-buttons .tab-btn[data-v-bb3e13b6]:not(.active):hover{background:#eaeaea}.side-container .tab-panels[data-v-bb3e13b6]{flex:1;max-height:380px;overflow-y:auto}.side-container .tab-panels .info-panel[data-v-bb3e13b6]{color:#333333b3;font-size:13.5px;line-height:1.8;text-align:justify}.side-container .tab-panels .chapters-panel[data-v-bb3e13b6]{display:flex;flex-direction:column;gap:12px}.side-container .tab-panels .chapter-item[data-v-bb3e13b6]{background:#f8fbff;border:1.5px solid transparent;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .15s}.side-container .tab-panels .chapter-item[data-v-bb3e13b6]:hover{background:#eff5ff;border-color:#3e65ba26}.side-container .tab-panels .chapter-item.active[data-v-bb3e13b6]{background:#e8f0ff;border-color:#3e65ba}.side-container .tab-panels .chapter-item.active .chapter-title[data-v-bb3e13b6]{color:#3e65ba}.side-container .tab-panels .chapter-item .chapter-title[data-v-bb3e13b6]{color:#333;font-size:14px;font-weight:700;margin-bottom:4px}.side-container .tab-panels .chapter-item .chapter-duration[data-v-bb3e13b6]{color:#3336;font-size:11px}@media (max-width:1024px){.detail-body[data-v-bb3e13b6]{flex-direction:column}}