/* 深色主题：滚动条淡显示，避免系统默认白轨 */
html[data-theme="dark"],
:root[data-theme="dark"],
html[data-hf-embed="1"][data-theme="dark"] {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

html[data-theme="dark"] *,
:root[data-theme="dark"] *,
html[data-hf-embed="1"][data-theme="dark"] * {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

html[data-theme="dark"] ::-webkit-scrollbar,
:root[data-theme="dark"] ::-webkit-scrollbar,
html[data-hf-embed="1"][data-theme="dark"] ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track,
:root[data-theme="dark"] ::-webkit-scrollbar-track,
html[data-hf-embed="1"][data-theme="dark"] ::-webkit-scrollbar-track {
  background: transparent;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb,
:root[data-theme="dark"] ::-webkit-scrollbar-thumb,
html[data-hf-embed="1"][data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
html[data-hf-embed="1"][data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.22);
  background-clip: padding-box;
}

html[data-theme="dark"] ::-webkit-scrollbar-corner,
:root[data-theme="dark"] ::-webkit-scrollbar-corner {
  background: transparent;
}

/* 浅色主题：同样弱化 */
html[data-theme="light"],
:root[data-theme="light"],
html[data-hf-embed="1"][data-theme="light"] {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}

html[data-theme="light"] ::-webkit-scrollbar,
:root[data-theme="light"] ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

html[data-theme="light"] ::-webkit-scrollbar-track,
:root[data-theme="light"] ::-webkit-scrollbar-track {
  background: transparent;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb,
:root[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 999px;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb:hover,
:root[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.28);
}