/* 正文图片公共样式；仅依赖 variables.css。 */
.article-figure[hidden],.article-figure img[hidden]{display:none}
.article-figure{position:relative;width:fit-content;max-width:100%;margin:28px auto;border-radius:var(--border-radius-lg);overflow:hidden}
.article-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:680px;object-fit:contain;background:var(--color-bg-alt)}
.article-figure figcaption{position:absolute;right:0;bottom:0;left:0;padding:8px 14px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;font-weight:400;line-height:1.45;text-align:left;text-indent:0;overflow-wrap:anywhere}
.article-figure img[hidden]+figcaption{position:static}
.article-figure:has(img[hidden]) figcaption{position:static}
.article-figure:has(img[hidden]) .article-image-trigger{display:none}
.article-image-trigger{display:block;width:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}
.article-image-trigger:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}
.article-figure:has(.article-image-trigger) figcaption{pointer-events:none}
.article-image-pair{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;max-width:calc(var(--article-pair-max-width,1360px) + var(--spacing-md));margin:var(--spacing-xl) auto}
.article-image-pair[hidden]{display:none}
.article-image-pair>.article-figure{flex:var(--article-image-ratio,1) 1 0;min-width:0;width:auto;margin:0}
.article-image-pair>.article-figure img{width:100%;height:auto;max-height:none}
@media(max-width:600px){
 .article-image-pair{display:block;max-width:100%}
 .article-image-pair>.article-figure{width:fit-content;margin-inline:auto}
 .article-image-pair>.article-figure:not([hidden])+.article-figure{margin-top:var(--spacing-md)}
 .article-image-pair>.article-figure img{width:auto;max-height:680px}
}