/**
 * 富文本正文通用样式（后台 TinyMCE content_css + 前台单页/新闻等）
 * 表格数值须与 senseiot_com_vue/src/components/Tinymce/richTextTableStyles.ts 同步
 */
body.mce-content-body,
.single-page-content,
.news-detail-content,
.news-detail__body,
.rich-text-content {
    line-height: 1.6;
    word-wrap: break-word;
}

body.mce-content-body table,
.single-page-content :where(table),
.news-detail-content :where(table),
.news-detail__body :where(table),
.rich-text-content :where(table) {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 0.75em 0;
}

body.mce-content-body th,
body.mce-content-body td,
.single-page-content :where(th, td),
.news-detail-content :where(th, td),
.news-detail__body :where(th, td),
.rich-text-content :where(th, td) {
    border: 1px solid #ccc;
    padding: 4px 8px;
    vertical-align: top;
}

body.mce-content-body th,
.single-page-content :where(th),
.news-detail-content :where(th),
.news-detail__body :where(th),
.rich-text-content :where(th) {
    background-color: #f5f5f5;
    font-weight: 600;
}

body.mce-content-body img,
.single-page-content :where(img),
.news-detail-content :where(img),
.news-detail__body :where(img),
.rich-text-content :where(img) {
    max-width: 100%;
    height: auto;
}