/*
 * site-chrome.css —— 浏览器层面的外观（不属于任何一个区块）。
 *
 * 目前只有一件事：页面主滚动条改成品牌红（客户 HM-11）。
 * 客户圈的是页面最右侧那条滚动条，不是某个区块内部的滚动条。
 */

/* ---------------------------------------------------------------- HM-11
   两套写法要都给：
     scrollbar-color / scrollbar-width 是标准属性，Firefox 认；
     ::-webkit-scrollbar 是 Chrome / Edge / Safari 那一套。
   两边语义不完全一样，所以宽度分别给，避免 Chrome 上出现一条又粗又红的带子。 */
html {
  scrollbar-width: thin;
  scrollbar-color: #e60012 #f0f0f0; /* 滑块 / 轨道 */
}

html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html::-webkit-scrollbar-track {
  background: #f0f0f0;
}

html::-webkit-scrollbar-thumb {
  background: #e60012;
}

html::-webkit-scrollbar-thumb:hover {
  background: #c4000f;
}

/* 横向滚动条同理（宽表格、代码块那些容器不受影响，它们自己有样式） */
html::-webkit-scrollbar-corner {
  background: #f0f0f0;
}