@font-face {
  font-family: "Noto Sans SC";
  src:
    local("Noto Sans CJK SC"),
    local("Noto Sans SC"),
    local("NotoSansSC-Regular"),
    url("/fonts/NotoSansCJKsc-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

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

@font-face {
  font-family: "Cascadia Code";
  src:
    local("Cascadia Code"),
    local("CascadiaCode-Regular"),
    url("/fonts/CascadiaCode-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Cascadia Code";
  src:
    local("Cascadia Code Bold"),
    local("CascadiaCode-Bold"),
    url("/fonts/CascadiaCode-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  /* 优先使用系统原生 UI 字体、各类主流的中文字体，全部不符合则 fallback 触发下载 Noto Sans SC */
  --font-family:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
    "Noto Sans SC", sans-serif;

  /* 优先使用系统自带的等宽编程字体，全部不符合则 fallback 触发下载 Cascadia Code */
  --font-family-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", "Cascadia Code", monospace;
}