html {
  font-size: 16px; /* 基准字号 */
  font-family: 微软雅黑;
}

body {
  margin: 0;
  color: #333;
  font-size: 1rem; /* 继承基准字号 */
  font-family: 微软雅黑;
}

@font-face {
  font-family: "song";
  src: url("./fonts/xiaobiaosong.TTF") format("truetype");
}

@font-face {
  font-family: "yihei";
  src: url("./fonts/yihei.ttf") format("truetype");
}

@font-face {
  font-family: "shuhei";
  src: url("./fonts/shuhei.ttf") format("truetype");
}

@media (max-width: 1279px) {

}

@media (max-width: 767px) {
  html {
    font-size: 14px; /* 缩小为原来的80% */
  }
  
  /* 或者直接计算缩小后的px值 */
  /* font-size: 12.8px; */ /* 16px × 0.8 */
}

/* 适用于 WebKit/Blink 浏览器 (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  background-color: #c8c8c8;
}

/* 适用于 Firefox */
@supports (-moz-appearance: none) {
  html {
    scrollbar-width: thin;
    scrollbar-color: #c8c8c8 #F5F5F5;
  }
}

/* 适用于 Edge (旧版) 和 IE */
body {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}