/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
  transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* 确保在Firefox浏览器中也有类似的滚动条样式 */
* {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

/* 加载状态的背景样式 */
.loading-container {
  background-color: rgba(255, 255, 255, 0);  /* 完全透明 */
}

.loading-overlay {
  background-color: rgba(0, 0, 0, 0);  /* 完全透明 */
}

/* 如果使用了其他加载状态的类名，也可以添加类似的样式 */
.loading {
  background-color: transparent;
}