/* 文章编辑区和详情正文使用同一基准，不作用于页面标题、附件或其他编辑器。 */
.article-richtext.ck-content {
    color: #333;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.article-richtext.ck-content p,
.article-richtext.ck-content h1,
.article-richtext.ck-content h2,
.article-richtext.ck-content h3 {
    margin: 0;
}

/* 抵消后台界面对标题的重置，保留正文标题的浏览器默认字号、加粗。 */
.article-richtext.ck-content h1 { font-size: 2em; font-weight: bold; }
.article-richtext.ck-content h2 { font-size: 1.5em; font-weight: bold; }
.article-richtext.ck-content h3 { font-size: 1.17em; font-weight: bold; }

.article-richtext.ck-content ul,
.article-richtext.ck-content ol {
    margin: 0;
    padding: 0;
}

/* 编辑器会单独给首尾子元素加间距；仅对约定重置的元素取消该覆盖。 */
.article-richtext.ck-content > :is(p, h1, h2, h3, ul, ol):first-child,
.article-richtext.ck-content > :is(p, h1, h2, h3, ul, ol):last-child {
    margin: 0;
}

.article-richtext.ck-content a {
    color: inherit;
    text-decoration: none;
}

.article-richtext.ck-content img {
    /* 历史正文依靠父段落 text-align 对齐图片。 */
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/* CKEditor 块级图片仍由 figure 控制对齐和像素宽度。 */
.article-richtext.ck-content .image img {
    display: block;
}

.article-richtext.ck-content video {
    max-width: 100%;
}

/* CKEditor 把块级图片宽度写在 figure 上；窄屏时同时约束外层。 */
.article-richtext.ck-content .image.image_resized {
    max-width: 100%;
}

.ck.article-image-width {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 2px 4px;
    color: #333;
    font-size: 14px;
}
.ck.article-image-width label {
    display: flex;
    align-items: center;
    gap: 4px;
}
.ck.article-image-width .article-image-width__input {
    width: 90px;
    min-width: 0;
    height: 28px;
    padding: 3px 5px;
    border: 1px solid #ccc;
    background: #fff;
}
.ck.article-image-width .article-image-width__message {
    flex-basis: 100%;
    color: #b42318;
    white-space: normal;
}
.ck.article-image-width .article-image-width__message:empty { display: none; }
.ck.ck-toolbar:has(.article-image-width) { max-width: calc(100vw - 32px); }
.ck.ck-toolbar:has(.article-image-width) > .ck-toolbar__items { flex-wrap: wrap; }