/**
 * 重置 CSS 基本样式
 */

*,
*::before,
*::after {
  /* 丝滑滚动 */
  scroll-behavior: smooth;
  /* 移除间距 */
  margin: 0;
  padding: 0;
  /* 重置排版 */
  font: inherit;
  /* 盒模型 */
  box-sizing: border-box;
}

/* 被选择字体 */
*::selection {
  color: #fff;
  background-color: var(--c-primary);
}

html,
body {
  background-color: #fff;
  /* 避免 300ms 的点击延迟 */
  touch-action: manipulation;

  /* 移动端 click 事件 触发的 :active 背景色 变更 */
  -webkit-tap-highlight-color: transparent;

  /* 全局字体 */
  font-family: "Noto Sans SC", "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-display: swap;
  line-height: var(--default-line-height);
  color: var(--c-text);
}

/* 滚动条样式 */
*,
*::before,
*::after {
  scrollbar-width: thin;
  /* Thumb and track color */
  scrollbar-color: var(--c-primary) #000;
}
*::-webkit-scrollbar,
*::before::-webkit-scrollbar,
*::after::-webkit-scrollbar {
  width: thin;
}

/* track 轨道 */
*::-webkit-scrollbar-track,
*::before::-webkit-scrollbar-track,
*::after::-webkit-scrollbar-track {
  background: var(--c-primary);
}

/* thumb 缩略图 */
*::-webkit-scrollbar-thumb,
*::before::-webkit-scrollbar-thumb,
*::after::-webkit-scrollbar-thumb {
  background: var(--c-primary);
}

/* 悬停时 缩略图 */
*::-webkit-scrollbar-thumb:hover,
*::before::-webkit-scrollbar-thumb:hover,
*::after::-webkit-scrollbar-thumb:hover {
  background: var(--c-primary);
}

img {
  /* 禁止长按菜单 */
  -webkit-touch-callout: none;
  /* 禁止拖拽 */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}