.article-figure{margin:28px 0}.article-figure-compact{max-width:360px;margin-inline:auto}.article-image-trigger{cursor:zoom-in;background:0 0;border:0;border-radius:3px;width:100%;padding:0;display:block;position:relative}.article-image-trigger img{object-fit:contain;border-radius:3px;width:100%;height:auto;display:block}.article-image-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.article-image-zoom-cue{background:var(--paper);width:34px;height:34px;color:var(--ink);opacity:.85;border-radius:50%;place-items:center;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 12px #202b3620}.article-image-trigger:hover .article-image-zoom-cue,.article-image-trigger:focus-visible .article-image-zoom-cue{opacity:1;transform:translateY(-2px)}.article-figure figcaption{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.7}.article-image-hint{color:var(--accent);margin-top:5px;display:block}.article-lightbox{--lightbox-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:min(1100px,calc(100vw - 64px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:none;max-height:var(--lightbox-height);color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.article-lightbox-compact{max-width:640px}.article-lightbox::backdrop{-webkit-backdrop-filter:blur(5px);background:#202b36b3}.article-lightbox[open]{animation:.2s ease-out article-image-enter}.article-lightbox-panel{max-height:var(--lightbox-height);background:var(--paper);border:1px solid #ffffff75;border-radius:12px;flex-direction:column;gap:16px;padding:18px 22px 20px;display:flex;box-shadow:0 24px 90px #0d172d40}.article-lightbox-toolbar{flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.article-lightbox .article-lightbox-toolbar h2,html[lang=zh-CN] .article-lightbox .article-lightbox-toolbar h2{font-family:var(--sans);letter-spacing:-.015em;text-wrap:wrap;margin:0;font-size:16px;font-weight:600;line-height:1.5}.article-lightbox-actions{align-items:center;gap:8px;display:flex}.article-lightbox button{min-width:44px;min-height:44px;color:var(--ink);font-family:var(--sans);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:1.4;display:inline-flex}.article-lightbox button:hover{background:var(--pale);color:var(--accent)}.article-lightbox button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.article-lightbox-zoom{padding:10px 12px}.article-lightbox-close{padding:10px}.article-lightbox-stage{overscroll-behavior:contain;background:var(--pale);border-radius:5px;flex:auto;place-items:center;height:70dvh;min-height:0;display:grid;overflow:auto}.article-lightbox-compact .article-lightbox-stage{height:auto;max-height:70dvh}.article-lightbox-stage img{object-fit:contain;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.article-lightbox-stage.is-zoomed{display:block}.article-lightbox-stage.is-zoomed img{width:auto;max-width:none;height:auto;max-height:none;margin-inline:auto}.article-lightbox-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.article-lightbox .article-lightbox-caption{max-height:18dvh;color:var(--muted);flex:none;margin:0;font-size:14px;line-height:1.7;overflow:auto}@keyframes article-image-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.article-lightbox{--lightbox-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))}.article-lightbox-panel{border-radius:10px;gap:12px;padding:12px}.article-lightbox-toolbar{gap:6px}.article-lightbox .article-lightbox-toolbar h2,html[lang=zh-CN] .article-lightbox .article-lightbox-toolbar h2{font-size:15px}.article-lightbox-actions{gap:2px}.article-lightbox button{gap:6px;font-size:13px}.article-lightbox-zoom{padding-inline:8px}.article-lightbox-stage{height:68dvh}.article-lightbox-compact .article-lightbox-stage{max-height:68dvh}.article-lightbox .article-lightbox-caption{max-height:16dvh;font-size:13px}}@media (prefers-reduced-motion:reduce){.article-lightbox[open]{animation:none}.article-image-zoom-cue{transition:none}}