.ss-lightbox { position: fixed; inset: 0; background: rgba(10, 14, 25, .92); z-index: 999999; display: none; align-items: center; justify-content: center; }
.ss-lightbox.on { display: flex; }
.ss-lightbox img { max-width: 92vw; max-height: 88vh; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); user-select: none; -webkit-user-drag: none; }
.ss-lb-btn { position: absolute; width: 46px; height: 46px; border-radius: 50%; border: none; background: rgba(255, 255, 255, .14); color: #FFFFFF; font-size: 26px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s; }
.ss-lb-btn:hover { background: rgba(255, 255, 255, .3); }
.ss-lb-close { top: 18px; right: 18px; }
.ss-lb-prev { left: 18px; top: 50%; transform: translateY(-50%); }
.ss-lb-next { right: 18px; top: 50%; transform: translateY(-50%); }
.ss-lb-count { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #FFFFFF; font-size: 14px; letter-spacing: 1px; background: rgba(255, 255, 255, .12); padding: 4px 14px; border-radius: 20px; }
.ss-lb-btn.is-off { opacity: .25; pointer-events: none; }
@media (max-width: 640px) {
  .ss-lb-prev { left: 8px; }
  .ss-lb-next { right: 8px; }
  .ss-lightbox img { max-width: 96vw; max-height: 82vh; }
}

/* 产品图库：主图 + 缩略图换图 */
.pd-gallery .pd-main { cursor: zoom-in; }
.pd-thumbs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; align-items: flex-start; }
.pd-thumb { width: 76px; height: 76px; object-fit: cover; border-radius: 6px; border: 2px solid transparent; cursor: pointer; opacity: .75; transition: opacity .2s, border-color .2s; }
.pd-thumb:hover { opacity: 1; }
.pd-thumb.is-active { border-color: #0069B4; opacity: 1; }
/* 兼容手工写的缩略图（无 pd-thumb 类） */
.pd-thumbs img { width: 76px; height: 76px; object-fit: cover; border-radius: 6px; border: 2px solid transparent; cursor: pointer; opacity: .75; transition: opacity .2s, border-color .2s; display: block; }
.pd-thumbs img:hover { opacity: 1; }
.pd-thumbs img.is-active { border-color: #0069B4; opacity: 1; }

