/* 滚动条 + 选区：黑金主题。
 *
 * 静态站的底色是 #070605 / #10100e，浏览器默认给的是白色滚动条 —— 在工作台的
 * iframe 里尤其扎眼（右侧一条白边）。这里把轨道压成底色、滑块做成金色金属条，
 * 跟页面的金线/铜面一套。
 *
 * 两套语法各管一边：Chrome/Edge/Safari 走 ::-webkit-scrollbar（注意别同时写
 * scrollbar-width，非 auto 的 scrollbar-width 会让 Chrome 放弃 ::-webkit-scrollbar），
 * Firefox 用 scrollbar-color / scrollbar-width。
 */

html {
  color-scheme: dark;                 /* 原生控件与滚动条的兜底 */
}

::-webkit-scrollbar {
  inline-size: 10px;
  block-size: 10px;
}

::-webkit-scrollbar-track {
  background: #0d0a08;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8a6526 0%, #d8b163 45%, #a47b32 100%);
  border: 2px solid #0d0a08;
  border-radius: 999px;
}

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

::-webkit-scrollbar-corner {
  background: #0d0a08;
}

@supports (-moz-appearance: none) {
  html {
    scrollbar-width: thin;
    scrollbar-color: #b58a3f #0d0a08;
  }
}

::selection {
  color: #fff3d6;
  background: rgba(212, 176, 100, 0.32);
}