@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap");
@import "styles/github-markdown.css";
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --header-height: 50px;
}

body {
  overflow: hidden;
}

.header-height {
  min-height: var(--header-height);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.15s ease-in-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.noto-sans-sc-g {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Jetbrains Mono";
  src: url("/src/assets/fonts/JetBrainsMono-Medium.woff2") format("woff2");
}

.markdown-body pre > code {
  font-family: "Jetbrains Mono", monospace;
  /* 强制换行 */
  white-space: pre-wrap;
  /* background-color: #f5f5f5; */
}

.markdown-body ol {
  list-style: decimal;
}

@media (prefers-color-scheme: dark) {
  .shiki,
  .shiki span {
    color: var(--shiki-dark) !important;
    background-color: var(--shiki-dark-bg) !important;
    /* 可选，用于定义字体样式 */
    font-style: var(--shiki-dark-font-style) !important;
    font-weight: var(--shiki-dark-font-weight) !important;
    text-decoration: var(--shiki-dark-text-decoration) !important;
  }
}
