.video-player-page[data-v-32768e6e]{min-height:100vh;background-color:#1a1a2e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-player-page .video-header[data-v-32768e6e]{height:60px;background:#16213e;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px;border-bottom:1px solid #2a2a4a}.video-player-page .video-header .header-left[data-v-32768e6e],.video-player-page .video-header[data-v-32768e6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-player-page .video-header .header-left[data-v-32768e6e]{gap:16px}.video-player-page .video-header .header-left .back-btn[data-v-32768e6e]{color:#fff;font-size:14px}.video-player-page .video-header .header-left .back-btn[data-v-32768e6e]:hover{color:#667eea}.video-player-page .video-header .header-left .course-title[data-v-32768e6e]{color:#fff;font-size:16px;font-weight:600}.video-player-page .video-header .header-right .chapter-info[data-v-32768e6e]{color:#8c8c8c;font-size:14px}.video-player-page .video-main[data-v-32768e6e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.video-player-page .video-main .video-container[data-v-32768e6e]{-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;padding:24px}.video-player-page .video-main .video-container .video-wrapper[data-v-32768e6e]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#000;border-radius:8px;overflow:hidden;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}.video-player-page .video-main .video-container .video-wrapper .video-element[data-v-32768e6e]{width:100%;height:100%;max-height:calc(100vh - 200px);-o-object-fit:contain;object-fit:contain}.video-player-page .video-main .video-container .video-placeholder[data-v-32768e6e]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;background:hsla(0,0%,100%,.05);border-radius:8px}.video-player-page .video-main .video-container .video-placeholder[data-v-32768e6e] :deep(.ant-empty-description){color:#8c8c8c}.video-player-page .video-main .video-container .video-placeholder p[data-v-32768e6e]{color:#8c8c8c;margin-top:12px}.video-player-page .video-main .video-container .video-controls[data-v-32768e6e]{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:16px 0}.video-player-page .video-main .video-container .video-controls .progress-info[data-v-32768e6e]{color:#8c8c8c;font-size:14px}.video-player-page .video-main .video-container .video-controls .control-buttons button[data-v-32768e6e]{color:#fff}.video-player-page .video-main .video-container .video-controls .control-buttons button[data-v-32768e6e]:hover{color:#667eea}.video-player-page .video-main .right-sidebar[data-v-32768e6e]{width:360px;background:#16213e;border-left:1px solid #2a2a4a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.video-player-page .video-main .right-sidebar .sidebar-section[data-v-32768e6e]{border-bottom:1px solid #2a2a4a}.video-player-page .video-main .right-sidebar .sidebar-section .section-header[data-v-32768e6e]{padding:16px 20px;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;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.video-player-page .video-main .right-sidebar .sidebar-section .section-header[data-v-32768e6e]:hover{background:hsla(0,0%,100%,.05)}.video-player-page .video-main .right-sidebar .sidebar-section .section-header h3[data-v-32768e6e]{color:#fff;font-size:15px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.video-player-page .video-main .right-sidebar .sidebar-section .section-header h3 i[data-v-32768e6e]{font-size:16px;color:#667eea}.video-player-page .video-main .right-sidebar .sidebar-section .section-header .section-header-right[data-v-32768e6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.video-player-page .video-main .right-sidebar .sidebar-section .section-header .section-header-right .chapter-count[data-v-32768e6e]{color:#8c8c8c;font-size:13px}.video-player-page .video-main .right-sidebar .sidebar-section .section-header .section-header-right .expand-icon[data-v-32768e6e]{color:#8c8c8c;font-size:12px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list[data-v-32768e6e]{max-height:300px;overflow-y:auto;padding:0 0 12px 0}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item[data-v-32768e6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item[data-v-32768e6e]:hover{background:hsla(0,0%,100%,.05)}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item.active[data-v-32768e6e]{background:rgba(102,126,234,.2);border-left:3px solid #667eea}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item.active .chapter-index[data-v-32768e6e]{background:#667eea}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item.active .chapter-name[data-v-32768e6e]{color:#667eea}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item .chapter-index[data-v-32768e6e]{width:24px;height:24px;border-radius:50%;background:hsla(0,0%,100%,.1);color:#fff;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;font-size:12px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item .chapter-content[data-v-32768e6e]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item .chapter-content .chapter-name[data-v-32768e6e]{color:#fff;font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item .chapter-content .chapter-duration[data-v-32768e6e]{color:#8c8c8c;font-size:11px;margin-top:2px;display:block}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item .playing-icon[data-v-32768e6e]{color:#667eea;font-size:16px;margin-left:8px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section[data-v-32768e6e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .section-header[data-v-32768e6e]{cursor:default}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .section-header[data-v-32768e6e]:hover{background:transparent}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content[data-v-32768e6e]{padding:0 20px 20px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item[data-v-32768e6e]{margin-bottom:16px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item .detail-label[data-v-32768e6e]{color:#8c8c8c;font-size:13px;display:block;margin-bottom:6px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item .detail-value[data-v-32768e6e]{color:#fff;font-size:14px;line-height:1.6}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item .detail-value.content[data-v-32768e6e]{color:hsla(0,0%,100%,.85)}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item .detail-value.content[data-v-32768e6e] :deep(p){margin-bottom:8px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item .detail-value.content[data-v-32768e6e] :deep(ol),.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item .detail-value.content[data-v-32768e6e] :deep(ul){padding-left:20px;margin-bottom:8px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .detail-item .detail-value.content[data-v-32768e6e] :deep(img){max-width:100%;border-radius:4px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .empty-content[data-v-32768e6e]{padding:40px 0;text-align:center}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content .empty-content[data-v-32768e6e] :deep(.ant-empty-description){color:#8c8c8c}@media (max-width:992px){.video-player-page .video-main[data-v-32768e6e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-player-page .video-main .right-sidebar[data-v-32768e6e]{width:100%;max-height:400px;border-left:none;border-top:1px solid #2a2a4a}}@media (max-width:768px){.video-player-page .video-header[data-v-32768e6e]{padding:0 16px}.video-player-page .video-header .header-left .course-title[data-v-32768e6e]{font-size:14px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player-page .video-main .video-container[data-v-32768e6e]{padding:16px}.video-player-page .video-main .right-sidebar .sidebar-section .section-header[data-v-32768e6e]{padding:12px 16px}.video-player-page .video-main .right-sidebar .sidebar-section .chapter-list .chapter-item[data-v-32768e6e]{padding:10px 16px}.video-player-page .video-main .right-sidebar .sidebar-section.chapter-detail-section .chapter-detail-content[data-v-32768e6e]{padding:0 16px 16px}}