.video-player-container[data-v-26f3079f]{display:flex;flex-direction:column;height:calc(100vh - 130px);background:#f0f2f5;box-sizing:border-box}.page-header[data-v-26f3079f]{display:flex;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #ebeef5}.page-header .title[data-v-26f3079f]{margin-left:12px;font-size:16px;font-weight:600;color:#303133}.player-layout[data-v-26f3079f]{flex:1;display:flex;height:100%;padding:16px;gap:16px;box-sizing:border-box;overflow:auto}.player-main[data-v-26f3079f]{flex:1;display:flex;flex-direction:column;min-width:0}.player-area[data-v-26f3079f]{width:100%;height:0;padding-bottom:56.25%;position:relative;background:#000;border-radius:6px;overflow:hidden;flex-shrink:0}.player-area .native-player[data-v-26f3079f]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.player-area .player-cover[data-v-26f3079f]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(0,0,0,.45);cursor:pointer;z-index:2}.player-area .player-cover .big-play-btn[data-v-26f3079f]{width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;box-shadow:0 4px 16px rgba(0,0,0,.25)}.player-area .player-cover .big-play-btn i[data-v-26f3079f]{font-size:40px;color:#fff;line-height:1}.player-area .player-cover .play-tip[data-v-26f3079f]{font-size:13px;color:hsla(0,0%,100%,.9);letter-spacing:1px}.player-area .player-cover:hover .big-play-btn[data-v-26f3079f]{transform:scale(1.08);background:hsla(0,0%,100%,.42)}.player-info[data-v-26f3079f]{margin-top:16px;background:#fff;border-radius:6px;padding:16px 20px}.player-info .info-row[data-v-26f3079f]{display:flex;align-items:center;gap:16px;color:#606266;font-size:13px}.player-info .info-row .instructor[data-v-26f3079f],.player-info .info-row .time[data-v-26f3079f]{display:flex;align-items:center;gap:4px}.player-info .current-title[data-v-26f3079f]{margin-top:10px;font-size:14px;color:#303133}.player-info .current-title strong[data-v-26f3079f]{color:#409eff}.player-info .course-desc[data-v-26f3079f]{margin-top:8px;color:#606266;font-size:13px;line-height:1.6;word-break:break-all;white-space:pre-wrap}.player-side[data-v-26f3079f]{width:360px;background:#fff;border-radius:6px;padding:14px;display:flex;flex-direction:column;box-sizing:border-box;height:100%}.player-side .side-title[data-v-26f3079f]{font-size:15px;font-weight:600;color:#303133;border-bottom:1px solid #ebeef5;padding-bottom:10px;margin-bottom:10px}.player-side .side-title .count[data-v-26f3079f]{font-size:12px;font-weight:400;color:#909399;margin-left:4px}.player-side .chapter-scroll[data-v-26f3079f]{flex:1;min-height:0;overflow:auto}.player-side .chapter-item[data-v-26f3079f]{display:flex;align-items:center;padding:10px 8px;border-radius:4px;cursor:pointer;margin-bottom:6px;transition:background .2s}.player-side .chapter-item[data-v-26f3079f]:hover{background:#f5f7fa}.player-side .chapter-item.active[data-v-26f3079f]{background:#ecf5ff}.player-side .chapter-item.active .chapter-index[data-v-26f3079f]{background:#409eff;color:#fff}.player-side .chapter-item.active .chapter-thumb[data-v-26f3079f],.player-side .chapter-item.active .chapter-title[data-v-26f3079f]{color:#409eff}.player-side .chapter-item .chapter-index[data-v-26f3079f]{width:24px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#909399;background:#f0f2f5;border-radius:50%;flex-shrink:0}.player-side .chapter-item .chapter-thumb[data-v-26f3079f]{width:60px;height:36px;background:#f0f2f5;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 10px;color:#909399;flex-shrink:0}.player-side .chapter-item .chapter-thumb .thumb-empty[data-v-26f3079f]{font-size:10px;color:#c0c4cc;text-align:center;line-height:1.2;padding:0 2px}.player-side .chapter-item .chapter-info[data-v-26f3079f]{flex:1;min-width:0}.player-side .chapter-item .chapter-info .chapter-title[data-v-26f3079f]{font-size:13px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-side .chapter-item .chapter-info .chapter-sub[data-v-26f3079f]{margin-top:2px;font-size:11px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-side .chapter-item .chapter-duration[data-v-26f3079f]{font-size:12px;color:#909399;flex-shrink:0;margin-left:8px}