/* 课程详情 WangEditor 5 —— 管理端编辑器宿主 + 学生端富文本渲染（2026-07-23）。独立文件，避免改动巨型 style.css。 */

/* ===== 管理端：WangEditor 宿主容器 ===== */
.cw-wrap { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: #fff; }
.cw-bar { border-bottom: 1px solid var(--border); background: var(--bg-secondary, #f7f8fa); }
.cw-bar .w-e-bar { flex-wrap: wrap; }               /* 弹窗内工具栏换行，不横向撑破 */
.cw-ed { min-height: 220px; max-height: 540px; overflow-y: auto; }
.cw-ed .w-e-text-container { min-height: 200px; background: #fff; }
.cw-ed .w-e-text-placeholder { font-style: normal; color: var(--text-muted); }
.cw-loading { padding: 24px; text-align: center; color: var(--text-muted); font-size: 13px; }
/* 颜色/字号/标题等下拉面板、弹层要盖过管理端 modal */
.w-e-select-list, .w-e-drop-panel, .w-e-bar-item-menus-container, .w-e-modal { z-index: 100001 !important; }

/* ===== 学生端：课程/专家详情富文本渲染（.expert-detail-html = WangEditor 输出 HTML 容器）===== */
.expert-detail-copy.expert-detail-html { white-space: normal; }   /* 覆盖 .expert-detail-copy 的 pre-wrap，避免块级 HTML 双倍空白 */
.expert-detail-html > *:first-child { margin-top: 0; }
.expert-detail-html > *:last-child { margin-bottom: 0; }
.expert-detail-html p { margin: 0 0 10px; line-height: 1.8; }
.expert-detail-html h1 { font-size: 19px; font-weight: 700; margin: 14px 0 8px; line-height: 1.4; }
.expert-detail-html h2 { font-size: 17px; font-weight: 700; margin: 12px 0 7px; line-height: 1.4; }
.expert-detail-html h3 { font-size: 16px; font-weight: 700; margin: 10px 0 6px; line-height: 1.4; }
.expert-detail-html h4 { font-size: 14.5px; font-weight: 700; margin: 8px 0 5px; line-height: 1.5; }
.expert-detail-html h5 { font-size: 13.5px; font-weight: 700; margin: 8px 0 5px; line-height: 1.5; }
.expert-detail-html ul, .expert-detail-html ol { margin: 6px 0 10px; padding-left: 22px; }
.expert-detail-html ul { list-style: disc; }
.expert-detail-html ol { list-style: decimal; }
.expert-detail-html li { margin: 3px 0; }
.expert-detail-html blockquote { margin: 10px 0; padding: 8px 14px; border-left: 3px solid var(--primary, #1F3CFF); background: var(--bg-secondary, #f7f8fa); color: var(--text-secondary); border-radius: 0 6px 6px 0; }
.expert-detail-html hr { border: none; border-top: 1px solid var(--border); margin: 14px 0; }
.expert-detail-html strong, .expert-detail-html b { font-weight: 700; }
.expert-detail-html em, .expert-detail-html i { font-style: italic; }
.expert-detail-html a { color: var(--primary, #1F3CFF); text-decoration: underline; }
.expert-detail-html img { max-width: 100%; height: auto; }