/* 富文本外层容器：核心隔离 + 基础样式 */
.article-rich-text {
    /* 1. 清除所有外部样式（继承/全局匹配） */
    all: unset;
    /* 2. 恢复容器基础特性（避免display变成inline） */
    display: block;
    box-sizing: border-box;
    width: 100%; /* 容器宽度按需调整 */
    /*max-width: 800px; !* 富文本常用最大宽度 *!*/
    margin: 0 auto; /* 居中（可选） */
    /*padding: 15px; !* 内边距，避免内容贴边 *!*/
    /* 基础字体：作为富文本默认字体，不覆盖用户自定义 */
    font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
    font-size: 16px;
    line-height: 1.8; /* 舒适的行高 */
    color: #333; /* 基础文字色，用户自定义颜色会覆盖 */
}

/* 2. 富文本内部所有标签：重置基础样式（切断外部影响） */
.article-rich-text * {
    /* 清除外部样式，但保留用户自定义样式（unset比initial更友好） */
    all: unset;
    box-sizing: border-box; /* 统一盒模型 */
    font-family: inherit; /* 继承容器字体，不强制重置 */
    line-height: inherit; /* 继承行高 */
}

/* 3. 还原富文本核心标签的基础排版（仅恢复必要样式，不覆盖用户自定义） */
/* 段落 */
.article-rich-text p {
    display: block;
    margin: 1em 0; /* 段落上下间距（富文本默认） */
}
/* 标题 */
.article-rich-text h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
}
.article-rich-text h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
}
.article-rich-text h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
}
.article-rich-text h4 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
}
.article-rich-text h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
}
.article-rich-text h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
}
/* 列表 */
.article-rich-text ul {
    display: block;
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 2em; /* 列表缩进 */
}
.article-rich-text ol {
    display: block;
    list-style-type: decimal;
    margin: 1em 0;
    padding-left: 2em;
}
.article-rich-text li {
    display: list-item;
}
/* 图片（适配富文本图片自适应） */
.article-rich-text img {
    display: inline-block;
    max-width: 100%; /* 图片不超出容器 */
    height: auto; /* 保持宽高比 */
    margin: 0.5em 0; /* 图片上下间距 */
}
/* 链接（保留下划线和颜色） */
.article-rich-text a {
    display: inline;
    color: #0066cc; /* 链接默认色 */
    text-decoration: underline;
    /* 鼠标悬浮效果 */
    cursor: pointer;
}
.article-rich-text a:hover {
    color: #004499;
}
/* 表格（还原基础表格样式） */
.article-rich-text table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0;
}
.article-rich-text tr {
    display: table-row;
}
.article-rich-text td, .article-rich-text th {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 8px;
}
.article-rich-text th {
    font-weight: bold;
    background-color: #f5f5f5;
}
/* 粗体/斜体/下划线（保留用户样式） */
.article-rich-text strong, .article-rich-text b {
    font-weight: bold;
}
.article-rich-text em, .article-rich-text i {
    font-style: italic;
}
.article-rich-text u {
    text-decoration: underline;
}