/* 修复模态框滚动问题 */

/* 确保模态框背景层可见 */
.fixed.inset-0 {
  overflow-y: auto !important;
}

/* 模态框容器 */
.fixed.inset-0 > div {
  max-height: 90vh !important;
  overflow-y: auto !important;
  margin: 2rem auto !important;
}

/* 查看详情模态框 */
.bg-white.rounded-lg.p-6 {
  max-height: 85vh !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 模态框内容区域 */
.bg-white.rounded-lg.p-6 > div:not(:first-child):not(:last-child) {
  overflow-y: auto !important;
  flex: 1 !important;
  min-height: 0 !important;
  padding: 20px !important;
}

/* 详情内容区域 */
.detail-content,
.bg-gray-50.p-4.rounded.mb-4 {
  max-height: 60vh !important;
  overflow-y: auto !important;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}

/* 滚动条美化 */
.detail-content::-webkit-scrollbar,
.bg-gray-50.p-4.rounded.mb-4::-webkit-scrollbar {
  width: 8px !important;
}

.detail-content::-webkit-scrollbar-track,
.bg-gray-50.p-4.rounded.mb-4::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 4px !important;
}

.detail-content::-webkit-scrollbar-thumb,
.bg-gray-50.p-4.rounded.mb-4::-webkit-scrollbar-thumb {
  background: #888 !important;
  border-radius: 4px !important;
}

.detail-content::-webkit-scrollbar-thumb:hover,
.bg-gray-50.p-4.rounded.mb-4::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}