/* 引用其他css样式文件 */
/* @import "./css/test1.css" */

/* 直接写css样式 */

/* ===== 全局基础重置 ===== */
/* 浏览器默认 body 8px 外边距会使固定导航与正文错位，页面顶部出现白缝 */
body {
  margin: 0;
  padding: 0;
}

/* ===== 全局滚动条：默认隐藏，滚动时可见 ===== */
html {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent; /* Firefox: 默认透明 */
}
html.is-scrolling {
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent; /* Firefox: 滚动时可见 */
}
/* Chrome/Safari/Opera */
html::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
html::-webkit-scrollbar-track {
  background: transparent;
}
html::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
}
/* 滚动进行中：滚动条可见 */
html.is-scrolling::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}
/* 鼠标直接拖拽滚动条时加深 */
html::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.45) !important;
}