.course-learning-page[data-v-50ec338e]{background:#f6f8fc;min-height:100vh;padding-bottom:24px}.course-learning-page__main[data-v-50ec338e]{margin:0 24px;gap:16px;align-items:flex-start}.course-learning-page__main-left[data-v-50ec338e]{flex:1;background:#fff;border-radius:4px;padding:16px;min-width:0}.course-learning-page__main-right[data-v-50ec338e]{width:320px;flex-shrink:0;background:#fff;border-radius:4px;padding:12px 16px}.course-info-top h2[data-v-50ec338e]{font-size:18px;margin:0 0 8px}.meta[data-v-50ec338e]{font-size:13px;color:#909399;margin-bottom:16px}.player-box[data-v-50ec338e]{background:#000;border-radius:4px;aspect-ratio:16/9;max-height:360px}.player-placeholder[data-v-50ec338e]{height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.player-placeholder i[data-v-50ec338e]{font-size:48px;margin-right:8px}.player-bottom[data-v-50ec338e]{margin-top:12px;font-size:14px;color:#606266}.note-area[data-v-50ec338e]{margin-top:8px}