图片灯箱组件

const UtilsManager = {
  initImageLightbox() {
    const images = document.querySelectorAll('.article-text img');
    images.forEach(img => {
      img.addEventListener('click', () => this.openLightbox(img.src));
    });
  },

  openLightbox(src) {
    const lightbox = document.getElementById('img-lightbox');
    const lightboxImg = document.getElementById('img-lightbox-img');
    lightboxImg.src = src;
    lightbox.classList.add('active');
  }
};

.img-lightbox {
  position: fixed;
  inset: 0;
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-lightbox img {
  max-width: 90vw;
  max-height: 85vh;
  border-radius: var(--r-lg);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
}