/* 站点样式（docsify 阅读页）
   沿用里探《道德经》《易经》的阅读排版：手机端行宽、字体与封面留白。 */

/* ===== 手机阅读 ===== */
@media (max-width: 780px) {
  /* docsify 默认 max-width: calc(100% - 90px)，手机上一行只剩 300px，太窄 */
  .markdown-section {
    max-width: calc(100% - 32px);
    margin: 0 16px;
    padding: 6px 0 84px;
    font-size: 15.5px;
    line-height: 1.9;
  }
  .markdown-section h1 { font-size: 1.5em; line-height: 1.35; }
  .markdown-section h2 { font-size: 1.24em; }
  .markdown-section h3 { font-size: 1.08em; }
  /* 表格、代码块横向滚动，不撑破版面 */
  .markdown-section table { display: block; overflow-x: auto; font-size: 13px; }
  .markdown-section pre { font-size: 12.5px; }
  .app-nav { padding-inline: 12px; }
  .app-nav > ul { gap: 0 .45em; font-size: 14px; }
}

/* 手机窄屏：封面左右各留 20px */
@media (max-width: 640px) {
  .cover-main { margin-inline: 20px; }
  .cover h1 { font-size: 2.1rem; line-height: 1.25; }
}

/* 深色模式：封面盖一层深色，避免浅色渐变上的浅灰字对比不足 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .cover:before {
    background: rgba(7, 11, 22, .8);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
:root[data-theme="dark"] .cover:before {
  background: rgba(7, 11, 22, .8);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}