.live-detail[data-v-332d581c]{max-width:1000px;color:var(--www-ink,#1c2430);font-family:var(--www-font-sans);margin:0 auto;padding:24px 20px}.live-detail__loading[data-v-332d581c]{color:var(--www-muted,#5b6573);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px;display:flex}.live-detail__header[data-v-332d581c]{gap:32px;margin-bottom:32px;display:flex}@media (width<=768px){.live-detail__header[data-v-332d581c]{flex-direction:column}}.live-detail__cover[data-v-332d581c]{border-radius:var(--www-radius,14px);flex-shrink:0;width:400px;position:relative;overflow:hidden}@media (width<=768px){.live-detail__cover[data-v-332d581c]{width:100%}}.live-detail__cover img[data-v-332d581c]{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.live-detail__live-tag[data-v-332d581c]{position:absolute;top:12px;left:12px}.live-detail__info[data-v-332d581c]{flex-direction:column;flex:1;gap:12px;display:flex}.live-detail__title[data-v-332d581c]{color:var(--www-navy,#103f7e);margin:0;font-size:24px;font-weight:600;line-height:1.4}.live-detail__meta[data-v-332d581c]{flex-wrap:wrap;gap:16px;display:flex}.live-detail__meta-item[data-v-332d581c]{color:var(--www-muted,#5b6573);align-items:center;gap:6px;font-size:14px;display:flex}.live-detail__lecturer[data-v-332d581c]{background:var(--www-surface-soft,#f4f8fd);border-radius:var(--www-radius-sm,10px);align-items:center;gap:12px;margin-top:8px;padding:16px;display:flex}.live-detail__lecturer-info[data-v-332d581c]{flex-direction:column;gap:4px;display:flex}.live-detail__lecturer-name[data-v-332d581c]{color:var(--www-ink,#1c2430);font-size:16px;font-weight:500}.live-detail__lecturer-title[data-v-332d581c]{color:var(--www-muted,#5b6573);font-size:13px}.live-detail__actions[data-v-332d581c]{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px;display:flex}.live-detail__section[data-v-332d581c]{margin-bottom:24px}.live-detail__section-title[data-v-332d581c]{color:var(--www-navy,#103f7e);margin:0;font-size:1.05rem;font-weight:700}.live-detail__description[data-v-332d581c]{color:var(--www-muted,#5b6573);font-size:15px;line-height:1.8}.live-detail__playback-list[data-v-332d581c]{flex-direction:column;gap:12px;display:flex}.live-detail__playback-item[data-v-332d581c]{background:var(--www-surface-soft,#f4f8fd);border-radius:var(--www-radius-sm,10px);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border:0;align-items:center;gap:16px;margin:0;padding:16px;transition:background .2s;display:flex}.live-detail__playback-item[data-v-332d581c]:hover{background:var(--www-surface-tint,#eaf3fc)}.live-detail__playback-index[data-v-332d581c]{background:var(--www-brand,#1a7bff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.live-detail__playback-info[data-v-332d581c]{flex-direction:column;flex:1;gap:4px;display:flex}.live-detail__playback-title[data-v-332d581c]{color:var(--www-ink,#1c2430);font-size:15px;font-weight:500}.live-detail__playback-duration[data-v-332d581c]{color:var(--www-muted,#5b6573);font-size:13px}.live-detail__not-found[data-v-332d581c]{text-align:center;color:var(--www-muted,#5b6573);padding:100px}.live-detail__not-found p[data-v-332d581c]{margin:16px 0 24px;font-size:16px}.live-detail__player-wrap[data-v-332d581c]{aspect-ratio:16/9;border-radius:var(--www-radius-sm,10px);background:#000;width:100%;margin:-.5rem 0;overflow:hidden}.live-detail__player-wrap iframe[data-v-332d581c]{border:0;width:100%;height:100%}
