/* 
 * Custom GLightbox Styles
 * 解决长图注显示不全的问题
 */

/* 覆盖 glightbox 默认的图注截断行为 */
.glightbox-clean .gslide-description {
  max-height: 50vh !important;
  height: auto !important;
  overflow-y: auto !important;
  padding: 16px 24px !important;
  background: rgba(0, 0, 0, 0.9) !important;
}

.glightbox-clean .gdesc-inner {
  max-width: 90vw !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.7 !important;
  font-size: 14px !important;
  color: #fff !important;
}

.glightbox-clean .gslide-title {
  white-space: normal !important;
  word-wrap: break-word !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: justify !important;
}

/* 移除任何文本截断 */
.glightbox-clean .gslide-description p,
.glightbox-clean .gslide-title {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  text-overflow: unset !important;
  overflow: visible !important;
  max-height: none !important;
}

/* 确保描述区域可滚动 */
.glightbox-clean .gslide-media {
  max-height: 60vh !important;
}

/* 滚动条样式 */
.glightbox-clean .gslide-description::-webkit-scrollbar {
  width: 8px;
}

.glightbox-clean .gslide-description::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

.glightbox-clean .gslide-description::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}

/* 针对移动设备优化 */
@media (max-width: 768px) {
  .glightbox-clean .gslide-description {
    max-height: 40vh !important;
    padding: 12px 16px !important;
  }
  
  .glightbox-clean .gdesc-inner,
  .glightbox-clean .gslide-title {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}