// 滚动条
html, body, div, ul, section, textarea {
  box-sizing: border-box;
  // 滚动条整体部分
  &::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background-color: #ffffff;
  }

  // 底层轨道
  &::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 3px;
  }

  // 滚动滑块
  &::-webkit-scrollbar-thumb {
    border-radius: 3px;
    // background-color: #1989fa;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#a18cd1), to(#fbc2eb), color-stop(.6, #54DE5D));
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: #067ef7;
  }
}

::view-transition-new(root),
::view-transition-old(root) {
/* 关闭默认动画，否则影响自定义动画的执行 */
   animation: none;
}

// 全局背景
body {
  background-color: #E7EBF4;
  background-image: url(https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg);
  background-repeat: no-repeat;
  background-position: center 110px;
  background-size: 58%;
}

.link {
  color: var(--el-color-primary);
  cursor: pointer;
}