.article-detail-page .article-image-trigger{position:relative;display:block;width:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:0;cursor:zoom-in}
.article-detail-cover .article-image-trigger{height:100%}
.article-image-trigger::after{content:'查看大图';position:absolute;right:10px;bottom:10px;border-radius:8px;padding:8px 10px;background:#0f172bd9;color:#fff;font-size:12px;line-height:1.4;opacity:0;pointer-events:none}
.article-image-trigger:hover::after,.article-image-trigger:focus-visible::after{opacity:1}
.article-image-trigger:focus-visible{outline:3px solid #7165ef;outline-offset:4px}
.article-image-open{overflow:hidden}
.article-image-viewer{box-sizing:border-box;width:min(1180px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;border:1px solid #475569;border-radius:18px;background:#111827;color:#f8fafc;box-shadow:0 24px 80px #02061780}
.article-image-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.article-image-viewer>header,.article-image-viewer>footer{min-width:0}
.article-image-viewer::backdrop{background:#020617c9}
.article-image-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #334155}
.article-image-viewer>header>div{min-width:0}
.article-image-viewer strong{font-size:16px}
.article-image-viewer .article-image-caption{margin:4px 0 0;font-size:13px;line-height:1.5;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-image-viewer button,.article-image-viewer a{font:inherit;min-height:44px;border:1px solid #64748b;border-radius:9px;color:#f8fafc;background:#1e293b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;text-decoration:none}
.article-image-viewer .article-image-close{flex-shrink:0;width:44px;height:44px;padding:0;font-size:26px}
.article-image-viewer button:hover,.article-image-viewer a:hover{background:#334155}
.article-image-viewer button:disabled{opacity:.5;cursor:wait}
.article-image-viewer :is(button,a,.article-image-stage):focus-visible{outline:3px solid #c4b5fd;outline-offset:-3px}
.article-image-viewer .article-image-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:16px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scroll-behavior:auto;background:#020617}
.article-image-viewer .article-image-stage img{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;margin:0}
.article-image-viewer .article-image-stage img[hidden]{display:none}
.article-image-viewer[data-original=true] .article-image-stage{display:block;padding:0}
.article-image-viewer[data-original=true] .article-image-stage img{max-width:none;max-height:none}
.article-image-viewer>footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid #334155;font-size:13px}
.article-image-viewer .article-image-status{flex:1;min-width:140px;margin:0;color:#cbd5e1;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){.article-image-trigger::after{opacity:1;padding:5px 8px;font-size:11px;right:8px;bottom:8px}.article-image-viewer>header{padding:10px 12px}.article-image-viewer>footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 12px}.article-image-viewer .article-image-status{grid-column:1/-1;min-width:0}.article-image-viewer .article-image-stage{padding:8px}.article-image-viewer a,.article-image-viewer button{font-size:13px}}