/* 页面滚动条主题化 2026-10-06 (1) —— 替换浏览器默认的白色滚动条 */
html {
  scrollbar-color: rgba(100, 116, 139, 0.78) rgba(148, 163, 184, 0.16);
}

html:has(body.dark-mode) {
  color-scheme: dark;
  scrollbar-color: rgba(100, 116, 139, 0.85) rgba(148, 163, 184, 0.12);
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background-color: rgba(148, 163, 184, 0.16);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.78);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(71, 85, 105, 0.92);
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

html:has(body.dark-mode)::-webkit-scrollbar-track {
  background-color: rgba(148, 163, 184, 0.12);
}

html:has(body.dark-mode)::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.85);
}

html:has(body.dark-mode)::-webkit-scrollbar-thumb:hover {
  background-color: rgba(148, 163, 184, 0.92);
}