:root { --layout-unit: 1vw; --header-unit: 1vw; --site-header-height: 72px; --site-font: "Noto Sans SC", "Noto Sans", sans-serif; }
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/NotoSansSC-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/NotoSansSC-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --site-font: "Noto Sans SC", "Noto Sans", sans-serif;
}

html body,

html body h1,

html body h2,

html body h3,

html body h4,

html body h5,

html body h6,

html body p,

html body span,

html body a,

html body button,

html body input,

html body textarea,

html body select,

html body option,

html body label,

html body summary,

html body small,

html body strong,

html body em,

html body div,

html body section,

html body article,

html body nav,

html body footer,

html body header,

html body table,

html body th,

html body td,

html body li,

html body figcaption {
  font-family: "Noto Sans SC", "Noto Sans", sans-serif !important;
  font-family: var(--site-font) !important;
}