/* 设置代码部分的字体为 JetBrains Mono */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/css/fonts/JetBrainsMono-Medium.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

code, pre {
  font-family: 'JetBrains Mono', 'Nimbus Roman No9 L', 'PingFang SC', monospace !important;
}

/* 设置网页和正文的字体 */
html, body, .markdown-body {
  font-family: 'JetBrains Mono', -apple-system, 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', '幼圆', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'ST Heiti', serif;
}

/* 代码中的中文部分使用 幼圆 字体 */
code, pre {
  font-family: 'JetBrains Mono', '幼圆', monospace !important;
}


/* 引入本地字体 幼圆 */
@font-face {
  font-family: '幼圆';
  src: url('/css/fonts/HYZhengYuan-55W.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@media (max-width: 767px) {
  html {
    font-size: 18px !important;
  }

  .markdown-body {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }

  .markdown-body p {
    line-height: 1.6 !important;
  }

  .markdown-body h1 {
    font-size: 2rem !important;
  }

  .markdown-body h2 {
    font-size: 1.8rem !important;
  }

  .markdown-body h3 {
    font-size: 1.4rem !important;
  }

  .markdown-body h4,
  .markdown-body h5,
  .markdown-body h6 {
    font-size: 1.2rem !important;
  }

  .markdown-body blockquote {
    padding: 10px 16px !important;
  }

  .markdown-body pre {
    font-size: 0.9rem !important;
  }

  .markdown-body figcaption.image-caption {
    font-size: 0.8rem !important;
  }

  .index-header,
  .index-header .index-pin {
    font-size: 1.25rem !important;
  }

  .index-excerpt {
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    max-height: calc(1.4rem * 3) !important;
  }

  .index-excerpt > div {
    line-height: 1.4rem !important;
  }

  .post-metas,
  .post-prevnext {
    font-size: 0.9rem !important;
  }

  .visitors {
    font-size: 0.8em !important;
  }

  .footer-inner > div:not(:first-child) {
    font-size: 0.85rem !important;
  }
}

.post-content .markdown-body .katex {
  font-size: 0.95em !important;
}

.markdown-body .post-music-player {
  max-width: 640px;
  margin: 1.6rem auto;
}

.markdown-body .post-music-player .netease-music-player {
  display: block;
  width: 100%;
  border: 0;
}