:root {
  --ka-ui-font: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-serif: var(--ka-ui-font);
  --font-sans: var(--ka-ui-font);
}

html,
body,
#app {
  font-family: var(--ka-ui-font) !important;
}

#app *,
#app *::before,
#app *::after {
  font-family: var(--ka-ui-font) !important;
}

#app .bx,
#app .bx::before,
#app [class^="bx-"],
#app [class^="bx-"]::before,
#app [class*=" bx-"],
#app [class*=" bx-"]::before {
  font-family: boxicons !important;
}

#app .material-icons {
  font-family: "Material Icons" !important;
}

#app .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
}

#app :is(code, pre, kbd, samp, .monaco-editor, .ace_editor, .cm-editor, .teacher-result-pre, .tp-kicker.mono, .tp-oj-chips span, .oj-terminal, .oj-diff, .oj-counts, .lp-content, .lp2-content, .ts-pre, .mid-doc-body, .ops-code-view, .ops-response-editor textarea, .oj-right textarea),
#app :is(code, pre, kbd, samp, .monaco-editor, .ace_editor, .cm-editor, .teacher-result-pre, .tp-kicker.mono, .tp-oj-chips span, .oj-terminal, .oj-diff, .oj-counts, .lp-content, .lp2-content, .ts-pre, .mid-doc-body, .ops-code-view) *,
#app [style*="font-family:monospace"],
#app [style*="font-family:monospace"] *,
#app [style*="font-family: monospace"],
#app [style*="font-family: monospace"] *,
#app [style*="font-family:ui-monospace"],
#app [style*="font-family:ui-monospace"] *,
#app [style*="font-family: ui-monospace"],
#app [style*="font-family: ui-monospace"] * {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}