/* ============================================================
   components/scrollbar.css — 全站统一自定义滚动条（v315 通用组件）
   ------------------------------------------------------------
   设计语言：细长圆角（6px/3px 圆角）+ 暖灰轨道 + 品牌色悬停反馈。
   覆盖范围：html 纵向滚动 + 任何内部溢出容器（.chart-content /
             .chart2-content / .table-page__body / .qt__scroll / .memo）。
   兼容：WebKit(Chrome/Edge/Safari) ::-webkit-scrollbar 伪元素 +
         Firefox scrollbar-width / scrollbar-color 标准属性。
   依赖：tokens.css（仅 var(--brand) 令牌，色值带 fallback 可独立使用）。

   抽取自 section.css（原 L24-109），2026-07-12 升级为独立组件。
   ============================================================ */

/* ══ Firefox（标准属性）══ */
html {
  scrollbar-width: thin;
  scrollbar-color: #c8cdd4 transparent;
}

html:hover {
  scrollbar-color: #b0b7c4 transparent;
}

/* ══ WebKit（伪元素）══ */

/* ── 轨道：完全透明，不抢视觉 ── */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

/* ── 滑块：暖灰圆角条，hover 加深，active 品牌橙 ── */
::-webkit-scrollbar-thumb {
  background: #c8cdd4;
  border-radius: 3px;
  transition: background 200ms ease;
}

::-webkit-scrollbar-thumb:hover {
  background: #b0b7c4;
}

::-webkit-scrollbar-thumb:active {
  background: var(--brand, #ef6a4c);
}

/* ── 内部滚动容器也继承同款滚动条 ── */
.chart-content::-webkit-scrollbar,
.chart2-content::-webkit-scrollbar,
.table-page__body::-webkit-scrollbar,
.qt__scroll::-webkit-scrollbar,
.memo::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.chart-content::-webkit-scrollbar-track,
.chart2-content::-webkit-scrollbar-track,
.table-page__body::-webkit-scrollbar-track,
.qt__scroll::-webkit-scrollbar-track,
.memo::-webkit-scrollbar-track {
  background: transparent;
}

.chart-content::-webkit-scrollbar-thumb,
.chart2-content::-webkit-scrollbar-thumb,
.table-page__body::-webkit-scrollbar-thumb,
.qt__scroll::-webkit-scrollbar-thumb,
.memo::-webkit-scrollbar-thumb {
  background: #c8cdd4;
  border-radius: 3px;
  transition: background 200ms ease;
}

.chart-content::-webkit-scrollbar-thumb:hover,
.chart2-content::-webkit-scrollbar-thumb:hover,
.table-page__body::-webkit-scrollbar-thumb:hover,
.qt__scroll::-webkit-scrollbar-thumb:hover,
.memo::-webkit-scrollbar-thumb:hover {
  background: #b0b7c4;
}

.chart-content::-webkit-scrollbar-thumb:active,
.chart2-content::-webkit-scrollbar-thumb:active,
.table-page__body::-webkit-scrollbar-thumb:active,
.qt__scroll::-webkit-scrollbar-thumb:active,
.memo::-webkit-scrollbar-thumb:active {
  background: var(--brand, #ef6a4c);
}

/* Firefox 内部容器 */
.chart-content,
.chart2-content,
.table-page__body,
.qt__scroll,
.memo {
  scrollbar-width: thin;
  scrollbar-color: #c8cdd4 transparent;
}