html {
  --color-neutral-1: #171717;
  --color-neutral-2: #262626;
  --color-neutral-3: #404040;
  --color-neutral-4: #525252;
  --color-neutral-5: #737373;
  --color-neutral-6: #a3a3a3;
  --color-neutral-7: #d4d4d4;
  --color-neutral-8: #e5e5e5;
  --color-neutral-9: #f5f5f5;
  --color-neutral-10: #fafafa;

  --color-normal-bg: #eeeeee;
  --color-normal-bg-reverse: rgb(6, 12, 18);

  --color-linear-bg-start: rgb(255, 255, 255);
  --color-linear-bg-end: rgb(230, 236, 242, 0);
  --color-link-href: rgb(90, 160, 223);

  --color-highlight-bg:yellow;
  --color-highlight-bg-hover:orange;

}


.dark {
  --color-neutral-10: #171717;
  --color-neutral-9: #262626;
  --color-neutral-8: #404040;
  --color-neutral-7: #525252;
  --color-neutral-6: #737373;
  --color-neutral-5: #a3a3a3;
  --color-neutral-4: #d4d4d4;
  --color-neutral-3: #e5e5e5;
  --color-neutral-2: #f5f5f5;
  --color-neutral-1: #fafafa;

  --color-normal-bg: rgb(6, 12, 18);
  --color-normal-bg-reverse: rgb(230, 236, 242);

  --color-linear-bg-start: rgb(6, 12, 18);
  --color-linear-bg-end: rgba(36, 36, 36, 0.8);
  --color-link-href: rgb(90, 160, 223);

  --color-highlight-bg:#A68800;
}

/* ::selection {
  color: var(--color-neutral-9);
  background-color: var(--color-normal-bg-reverse);
} */

/* scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--color-normal-bg);
  border-radius: 10px;
}

/* -webkit-scrollbar-corner: 当同时有垂直滚动条和水平滚动条时交汇的部分 */
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-corner {
  background: var(--color-neutral-7);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-6);
}