/* 开始----------------自定义滚动条------------ */

/* 自定义滚动条轨道的样式 */
::-webkit-scrollbar {
  width: 5px;
  height: 9px;
}
/* 自定义滚动条的滑块颜色 */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 5px;
}
/* 定义滚动条的悬浮效果 */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color-hover); /* 鼠标悬浮时滚动条的颜色 */
  cursor: pointer;
}

/* 结束----------------自定义滚动条----------- */
:root {
  --header-height: 42px;
  --header-border-color: #d1d5db;
  --header-bg-color: #f3f4f6;
  --my-bg-color: #ffffff;
  --my-border-color: #d1d5db;
  --my-border-color-focused: #bbbfc4;
  --dot-bg-color: #646a73;
  --light-text-color: rgb(102, 102, 102);
  --my-text-color-hover: #000000;
  --side-padding: 50px;
  --tag-bg-color: rgba(233, 233, 235, 0.7);
  --border-color: #000000 !important;
  --scrollbar-color: rgba(0, 0, 0, 0.2);
  --scrollbar-color-hover: rgba(0, 0, 0, 0.3);
  --th-color: rgba(244, 244, 245, 1);
  --item-color-active: rgba(24, 160, 88, 0.1);
  --shadow-color: rgba(0, 0, 0, 0.2);
  --shadow-color2: rgba(0, 0, 0, 0.5);
  --primary-color:#18A058;
  --text-color-hover: #27af67;
  --bezier: cubic-bezier(0.4, 0, 0.2, 1); /* 动画速度曲线 */
}
html.dark {
  --header-border-color: #111111;
  --header-bg-color: #333333;
  --header-button-color: #000000;
  --my-bg-color: rgba(30, 30, 30, 1);
  --my-border-color: #373c43;
  --my-border-color-focused: #66666d;
  --dot-bg-color: #c9c9ce;
  --light-text-color: rgba(255, 255, 255, 0.52);
  --my-text-color-hover: #646a73;
  --tag-bg-color: rgba(44, 44, 47, 0.7);
  --border-color: #ed6606 !important;
  --scrollbar-color: rgba(255, 255, 255, 0.2);
  --scrollbar-color-hover: rgba(255, 255, 255, 0.3);
  --th-color: rgba(37, 37, 38, 1);
  --item-color-active: rgba(99, 226, 183, 0.15);
  --shadow-color: rgba(0, 0, 0, 0.5);
  --shadow-color2: rgba(255, 255, 255, 0.8);
}

/* 拖动样式 */
.dragClass {
  background-color: var(--my-border-color);
  opacity: 1 !important;
}