/* ============================================================
   Lucas 公共样式
   滚动条样式（跨浏览器：WebKit / Firefox / 旧 Edge）
   ============================================================ */

/* WebKit 内核浏览器（Chrome / Safari / Edge / Opera） */
::-webkit-scrollbar {
  width: 10px;          /* 竖向滚动条宽度 */
  height: 10px;         /* 横向滚动条高度 */
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.45);   /* Slate 灰蓝，适配深浅主题 */
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
  transition: background-color 0.25s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 0.7);
}

/* 角落（横竖滚动条交汇处） */
::-webkit-scrollbar-corner {
  background: transparent;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, 0.45) rgba(0, 0, 0, 0.04);
}