/* CKEditor 5 图片对齐样式支持 - 前端显示 */
/* 基础图片容器样式 */
.image{clear:both;display:block;max-width:100%;margin:1em auto;text-align:center}
.image img{display:block;max-width:100%;height:auto;margin:0 auto;width:auto}

/* 左对齐 */
.image-style-align-left,
img.image-style-align-left{float:left;margin-left:0;margin-right:1.5em;margin-top:.35em;margin-bottom:1em;max-width:50%;width:auto}

/* 居中对齐 */
.image-style-align-center,
img.image-style-align-center{float:none;margin-left:auto;margin-right:auto}

/* 右对齐 */
.image-style-align-right,
img.image-style-align-right{float:right;margin-left:1.5em;margin-right:0;margin-top:.35em;margin-bottom:1em;max-width:50%;width:auto}

/* 侧边环绕（文字环绕图片） */
.image-style-side,
.image-style-align-left.image-style-side{float:left;max-width:50%;width:auto;margin:.35em 1.5em 1em 0}
.image-style-align-right.image-style-side{float:right;max-width:50%;width:auto;margin:.35em 0 1em 1.5em}

/* 图片标题/说明 */
.image figcaption{padding-top:.5em;font-size:.875em;color:#666;font-style:italic}

/* 清除浮动 */
.image::after{display:block;clear:both;content:""}

/* 响应式：移动端自动居中 */
@media(max-width:768px){
  .image-style-align-left,.image-style-align-right,.image-style-side{float:none;max-width:100%;margin-left:auto;margin-right:auto}
}
/* 图片缩放（拖拽调整大小） */
.image_resized {
    height: auto;
    box-sizing: border-box;
    display: block;
}

.image_resized img {
    width: 100%;
    height: auto;
}

.image_resized > figcaption {
    display: block;
}

/* figure.image 容器 */
figure.image {
    clear: both;
    max-width: 100%;
    margin: 1em auto;
    text-align: center;
}

figure.image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

figure.image.image-style-align-left {
    float: left;
    margin: 0.35em 1.5em 1em 0;
    max-width: 50%;
}

figure.image.image-style-align-right {
    float: right;
    margin: 0.35em 0 1em 1.5em;
    max-width: 50%;
}

figure.image.image-style-align-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

figure.image.image-style-block {
    float: none;
    display: block;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

figure.image.image-style-side {
    float: right;
    margin-left: 1.5em;
    max-width: 50%;
}

figure.image > figcaption {
    display: block;
    padding-top: 0.5em;
    font-size: 0.875em;
    color: #666;
    font-style: italic;
    text-align: center;
}

figure.image::after {
    display: block;
    clear: both;
    content: "";
}