/* 图片点击放大（lightbox）· 零依赖、零 CDN、可离线
   用法：内容图加 class="zoomable"；可选 data-full="高清图地址" 放大显示另一张图。 */
.zoomable{cursor:zoom-in;transition:filter .15s}
.zoomable:hover{filter:brightness(.97)}
.zoom-lightbox{position:fixed;inset:0;z-index:9999;display:none;
  align-items:center;justify-content:center;
  background:rgba(8,12,20,.92);cursor:zoom-out}
.zoom-lightbox.open{display:flex}
.zoom-lightbox img{max-width:94vw;max-height:88vh;border-radius:6px;
  box-shadow:0 10px 50px rgba(0,0,0,.55);cursor:default}
.zoom-lightbox .z-cap{position:absolute;bottom:22px;left:0;right:0;
  text-align:center;color:#e9edf4;font-size:14px;padding:0 16px}
.zoom-lightbox .z-hint{position:absolute;top:16px;right:22px;
  color:#9aa4b4;font-size:12px}
@media (prefers-reduced-motion:no-preference){
  .zoom-lightbox img{animation:zf .18s ease-out}
  @keyframes zf{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
}