/* ============================================================
   IFU 图片查看器补充样式 · template/ifu/assets/css/ifu-lightbox.css
   PhotoSwipe 自带结构与皮肤负责弹窗本体，这里只做站点适配：
   可点击提示、图注字体、刘海屏安全区与移动端按钮尺寸。
   ============================================================ */

/* 正文图片与多图模块统一显示「可放大」光标 */
.prose img {
  cursor: zoom-in;
}

.prose img.no-lightbox,
.prose img[data-no-lightbox] {
  cursor: default;
}

/* 多图模块的链接本身可点击，光标同样给放大提示 */
[data-lightbox] {
  cursor: zoom-in;
  display: block;
}

/* 图注：贴近正文的阅读字号，长图注自动换行 */
.pswp__caption__center {
  max-width: 920px;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  color: #fff;
}

/* 顶部工具条与底部图注避开 iPhone 刘海 / 小黑条 */
.pswp__top-bar {
  padding-top: env(safe-area-inset-top, 0px);
}

.pswp__caption {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* 移动端把左右切换按钮做得更好点按，同时避免遮挡画面中央 */
@media (max-width: 640px) {
  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
    width: 50px;
    height: 50px;
    margin-top: -25px;
  }
}

/* 图片尺寸探测期间的轻量加载提示：避免点击后短暂无反馈 */
.ifu-lb-loading {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(8, 12, 10, 0.72);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.ifu-lb-loading__dot {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: ifu-lb-spin 0.8s linear infinite;
}

@keyframes ifu-lb-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ifu-lb-loading__dot {
    animation-duration: 2s;
  }
}