@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url('/assets/material-symbols-outlined-2026030401.ttf') format('truetype');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/material-icons-2026030401.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: local('PingFang SC'), local('Microsoft YaHei'), local('Hiragino Sans GB'), local('Noto Sans CJK SC'), local('Source Han Sans SC');
}

@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: local('STSong'), local('SimSun'), local('Noto Serif CJK SC'), local('Source Han Serif SC');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: local('Segoe UI'), local('PingFang SC'), local('Microsoft YaHei');
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: local('JetBrains Mono'), local('Cascadia Mono'), local('Consolas'), local('SFMono-Regular'), local('Menlo');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: local('PingFang SC'), local('Segoe UI'), local('Microsoft YaHei');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: local('Cascadia Mono'), local('Consolas'), local('SFMono-Regular'), local('Menlo');
}

@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: local('Arial Rounded MT Bold'), local('Trebuchet MS'), local('Segoe UI'), local('PingFang SC');
}

@font-face {
  font-family: 'Ma Shan Zheng';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('KaiTi'), local('STKaiti'), local('FangSong'), local('Microsoft YaHei');
}

@font-face {
  font-family: 'Zhi Mang Xing';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('KaiTi'), local('STKaiti'), local('FangSong'), local('Microsoft YaHei');
}

@font-face {
  font-family: 'ZCOOL KuaiLe';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Microsoft YaHei'), local('PingFang SC'), local('SimHei');
}

@font-face {
  font-family: 'ZCOOL XiaoWei';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('STKaiti'), local('KaiTi'), local('STSong'), local('Microsoft YaHei');
}

@font-face {
  font-family: 'ZCOOL QingKe HuangYou';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('SimHei'), local('Microsoft YaHei'), local('PingFang SC');
}

:root {
  --educlass-font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Segoe UI", system-ui, sans-serif;
  --educlass-font-serif: "STSong", "SimSun", "Noto Serif CJK SC", "Source Han Serif SC", serif;
  --educlass-font-mono: "JetBrains Mono", "Cascadia Mono", "Consolas", "SFMono-Regular", "Menlo", "Liberation Mono", monospace;
  --default-font-family: var(--educlass-font-sans);
  --font-sans: var(--educlass-font-sans);
  --font-serif: var(--educlass-font-serif);
  --font-mono: var(--educlass-font-mono);
}

html,
body {
  font-family: var(--educlass-font-sans);
}

code,
pre,
kbd,
samp,
.font-mono {
  font-family: var(--educlass-font-mono);
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.material-icons,
.material-icons-round {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.font-display,
.font-cute,
.font-handwriting,
.font-brand {
  font-family: var(--educlass-font-sans);
}

.font-serif-cn {
  font-family: var(--educlass-font-serif);
}