/* 在文件开头添加 */
:root {
  --color-primary-400: 84, 255, 198;
  /* #54FFC6 */
  --color-primary-500: 45, 212, 160;
  /* #2dd4a0 */
  --color-primary-600: 26, 159, 122;
  /* #1a9f7a */

  /* 其他颜色变量 */
  --color-gray-100: 245, 245, 245;
  --color-gray-200: 229, 229, 229;
  --color-gray-300: 209, 209, 209;
  --color-gray-400: 156, 163, 175;
  --color-gray-500: 107, 114, 128;
  --color-gray-600: 75, 85, 99;
  --color-gray-700: 55, 65, 81;
  --color-gray-800: 31, 41, 55;
  --color-gray-900: 17, 24, 39;
}

a:hover {
  color: var(--color-primary);
  /* 或具体的颜色值 */
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-block-start: 0;
  margin-inline-start: 0;
}

/* 将所有box都设置为border-box */
* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

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

::-webkit-scrollbar-track {
  background-color: rgb(0 0 0 / 5%);
}

::-webkit-scrollbar-thumb {
  background-color: rgb(144 147 153 / 30%);
  border-radius: 2px;
  box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a0;
}

/* 白色主题滚动条 */
body.light-theme::-webkit-scrollbar {
  background-color: white;
}

body.light-theme::-webkit-scrollbar-thumb:hover {
  background-color: #909399;
}

/* Firefox 支持 */
body {
  /* scrollbar-width: thin; */
  /* scrollbar-color: #9093994d rgb(0 0 0 / 5%); */
  /* TODO It is temporarily set up and may be moved to other places later */
  margin: 0;
  /* overflow: hidden; */
}