@use './helper.scss' as *;
@use './element/custom.scss' as *;
@font-face {
  font-family: Emoji;
  src: local('Apple Color Emojiji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji');
  unicode-range: U+1F000-1F644, U+203C-3299;
}

.dou-yu {
  font-family: 'DouYu'
}

html {
  line-height: normal;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  user-select: none;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

body {
  font-family: HanSan, system-ui, —apple-system, Segoe UI, Rototo, Emoji, Helvetica, Arial, sans-serif;
  height: 100%;
  background-color: $BaseBgColor;
  font-size: $BaseFont;
  font-weight: bold;
}

input {
  font-family: HanSan, system-ui, —apple-system, Segoe UI, Rototo, Emoji, Helvetica, Arial, sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

ul {
  list-style: none;
}

button {
  font-family: inherit;
}

a,
image {
  -webkit-user-drag: none;
}

a {
  text-decoration: none;
}

// 整个滚动条。
::-webkit-scrollbar {
  width: $ScrollBarThumbWidth;
  height: $ScrollBarThumbWidth;
  // border: $OnePixelLine;
}
// 滚动条上的滚动滑块。
::-webkit-scrollbar-thumb {
  background-color: $ScrollBarThumbColor;
  border-radius: $ScrollBarThumbRadius;
  &:hover {
    background-color: $ScrollBarThumbHoverColor;
  }
}
//滚动条没有滑块的轨道部分。
::-webkit-scrollbar-track-piece {
  border-radius: $ScrollBarThumbRadius;
}
//当同时有垂直滚动条和水平滚动条时交汇的部分。通常是浏览器窗口的右下角。
::-webkit-scrollbar-corner {
  // background-color: blue;
}
//出现在某些元素底角的可拖动调整大小的滑块。
::-webkit-resizer {
}

.drag {
  -webkit-app-region: drag;
}

.c-icon {
  color: $NormalIconColor;
  &:hover {
    color: $ActiveIconColor;
  }
}

.link-button {
  background-color: transparent;
  color: $color--primary;
  font-size: inherit;
}

#app {
  height: 100%;
}


img {
  pointer-events: none
}