/* 本地字体：思源宋体风格标题 + 黑体界面（大气、可读） */
@font-face {
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/NotoSerifSC-600.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/NotoSerifSC-700.ttf") format("truetype");
}

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

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

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

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

:root {
  --frank-font-display: "Noto Serif SC", "Songti SC", "STSong", serif;
  --frank-font-ui: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --frank-text-base: 16px;
  --frank-text-md: 17px;
  --frank-text-sm: 14px;
  --frank-leading: 1.65;
  --frank-tracking-wide: 0.06em;
  --frank-tracking-title: 0.1em;
}

html {
  font-size: var(--frank-text-base);
}

body,
#app {
  font-family: var(--frank-font-ui) !important;
  font-size: var(--frank-text-base) !important;
  line-height: var(--frank-leading) !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}