/* 正文图片与灯箱（前台 + 后台预览共用） */
.prose figure.prose-figure { margin: 1.75rem 0; padding: 0; text-align: center; }
.prose .prose-img-wrap {
    display: inline-block; max-width: 100%; position: relative;
    border-radius: var(--radius-md, 10px); overflow: hidden;
    border: 1px solid var(--border, rgba(0,0,0,0.08));
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,0.05));
    background: var(--bg-hover, rgba(0,0,0,0.04)); line-height: 0;
}
.prose .prose-img-wrap img {
    display: block; max-width: 100%; height: auto; margin: 0; border: none;
    box-shadow: none; border-radius: 0; cursor: zoom-in; transition: opacity 0.2s;
}
.prose .prose-img-wrap:hover img { opacity: 0.92; }
.prose .prose-img-zoom-hint {
    position: absolute; right: 0.5rem; bottom: 0.5rem; padding: 0.25rem 0.5rem;
    font-size: 0.7rem; font-weight: 500; color: #fff;
    background: rgba(0,0,0,0.55); backdrop-filter: blur(8px); border-radius: 6px;
    pointer-events: none; opacity: 0; transition: opacity 0.2s;
}
.prose .prose-img-wrap:hover .prose-img-zoom-hint { opacity: 1; }
.prose figcaption.prose-figcaption {
    margin-top: 0.65rem; font-size: 0.85rem; color: var(--text-muted, #6b7280);
    line-height: 1.5; text-align: center; padding: 0 0.5rem;
}
.prose img.cursor-zoom { cursor: zoom-in; }

.img-lightbox {
    position: fixed; inset: 0; z-index: 10050;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 2rem 1rem 3rem; background: rgba(0,0,0,0.82);
    backdrop-filter: blur(12px); opacity: 0; visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s;
}
.img-lightbox.is-open { opacity: 1; visibility: visible; }
.img-lightbox-backdrop { position: absolute; inset: 0; cursor: zoom-out; }
.img-lightbox-toolbar {
    position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: flex-end;
    gap: 0.5rem; padding: 1rem 1.25rem; z-index: 2; pointer-events: none;
}
.img-lightbox-toolbar button {
    pointer-events: auto; background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2); color: #fff;
    width: 40px; height: 40px; border-radius: 8px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.img-lightbox-toolbar button:hover { background: rgba(255,255,255,0.22); }
.img-lightbox-stage {
    position: relative; z-index: 1; max-width: min(96vw, 1400px);
    max-height: calc(100vh - 5rem); display: flex; align-items: center; justify-content: center;
}
.img-lightbox-img {
    max-width: 100%; max-height: calc(100vh - 6rem); object-fit: contain;
    border-radius: 8px; box-shadow: 0 16px 48px rgba(0,0,0,0.45);
    user-select: none;
}
.img-lightbox-caption {
    position: relative; z-index: 1; margin-top: 1rem; max-width: min(96vw, 720px);
    text-align: center; font-size: 0.9rem; color: rgba(255,255,255,0.75);
}
body.img-lightbox-open { overflow: hidden; }