@media screen and (min-width: 768px) {
  .l-scrollbar {
    /* 滑块背景色 */
    --l-scrollbar-bg: #d9d9d9;
    /* 滑块尺寸, 水平滚动条时为高度，垂直时为宽度 */
    --l-scrollbar-size: 10px;
    /* 鼠标悬浮时滑块颜色 */
    --l-scrollbar-hover: #bfbfbf;
    overflow: auto;
    scroll-behavior: smooth;
  }
  .l-scrollbar::-webkit-scrollbar-thumb {
    background: var(--l-scrollbar-bg);
    border-radius: calc(var(--l-scrollbar-size) / 2);
  }
  .l-scrollbar::-webkit-scrollbar {
    width: var(--l-scrollbar-size);
    height: var(--l-scrollbar-size);
  }
  .l-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--l-scrollbar-hover);
  }
}