/* 彩虹渐变滚动条 + footer banner 背景（自定义，不影响主题源码） */

/* ===== 滚动条：彩虹渐变（Chrome / Edge / Safari 等 webkit 内核） ===== */
*::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    #ff5f6d 0%,
    #ffc371 18%,
    #fff95b 36%,
    #6bff95 54%,
    #7afcff 72%,
    #a18cd1 88%,
    #ff9a9e 100%
  ) !important;
  border-radius: 4px;
}

/* Firefox 滚动条仅支持单色，取彩虹代表色 */
* {
  scrollbar-color: #ff9a9e transparent !important;
}

/* ===== footer：用 banner 图片背景覆盖 Butterfly 默认蓝(#49b1f5) ===== */
/* 叠加半透明暗层，保证浅灰文字在亮图上仍可读 */
#footer {
  background-color: transparent !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)),
    url(/img/index_bg.webp) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ===== 抵消 VolantisTags.css 的副作用 ===== */
/* 其 .layout_page{opacity:.9} 会让全站内容轻微半透明(发虚)，此处还原为不透明 */
.layout_page {
  opacity: 1 !important;
}