::view-transition-new(root),
::view-transition-old(root) {
  /* 关闭默认动画，否则影响自定义动画的执行 */
  animation: none;
}
html[data-theme="dark"] {
  --background-color: #00040a;
  --text-color: #ffffff;
  --background-box-color: #39393980;
  /* #181c22; */
  --background-common-color: var(--background-box-color);
  --home-card-bgc: rgb(247, 0, 255);
  --background-check-color: #373d48;
  --border-color: #2c2c2c;
  --text-pk-message-bg-color: #00ffd5;
  --scrollbar-thumb: rgba(255, 255, 255, 0.2);
  --scrollbar-track: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"]::view-transition-old(root) {
  z-index: 100;
}
html[data-theme="dark"] * [light] {
  display: none;
}

html:not([data-theme="dark"]) {
  /* light */
  --background-color: #fbfbfb;
  --text-color: #1d1c1c;
  --background-box-color: #e6e6e694;
  --background-common-color: var(--background-box-color);
  --home-card-bgc: rgb(0, 89, 255);
  --border-color: #dddddd85;
  --background-check-color: #d4eaf7;

  --text-pk-bg-color: #f6f6f7;
  --text-pk-text-color: #000000;
  --text-pk-message-bg-color: #00ffd5;

  /* 滚动条基础变量 */
  --scrollbar-thumb: rgba(144, 147, 153, 0.3);
  --scrollbar-track: rgba(0, 0, 0, 0.05);
}
html:not([data-theme="dark"]) * [dark] {
  display: none;
}

html {
  background-color: var(--background-color);
  color: var(--text-color);
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* Webkit滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 3px;
  transition: background 0.3s;
}
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 3px;
}

/* Firefox兼容 */
html {
}