/* ============================================================
   SrbillHub Doc Reading Enhance
   仅作用于主站文档正文 .doc-content .markdown-body
   目标：提升长文 / 多公式 / 技术文档阅读体验
   ============================================================ */

.doc-content .markdown-body {
  font-size: 17px;
  line-height: 1.72;
  letter-spacing: 0;
  word-spacing: 0;
  color: var(--text-primary);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* 段落与基础块间距 */
.doc-content .markdown-body p {
  margin: 0.48em 0 0.68em;
  line-height: 1.72;
}

.doc-content .markdown-body > *:first-child {
  margin-top: 0 !important;
}

.doc-content .markdown-body > *:last-child {
  margin-bottom: 0 !important;
}

/* 标题层级与节奏 */
.doc-content .markdown-body h1,
.doc-content .markdown-body h2,
.doc-content .markdown-body h3,
.doc-content .markdown-body h4,
.doc-content .markdown-body h5,
.doc-content .markdown-body h6 {
  line-height: 1.38;
  letter-spacing: 0;
  color: var(--text-primary);
  scroll-margin-top: 88px;
}

.doc-content .markdown-body h1 {
  font-size: 2rem;
  margin: 1.3em 0 0.72em;
}

.doc-content .markdown-body h2 {
  font-size: 1.65rem;
  margin: 1.2em 0 0.65em;
}

.doc-content .markdown-body h3 {
  font-size: 1.34rem;
  margin: 1.05em 0 0.58em;
}

.doc-content .markdown-body h4 {
  font-size: 1.16rem;
  margin: 0.95em 0 0.52em;
}

.doc-content .markdown-body h5,
.doc-content .markdown-body h6 {
  margin: 0.9em 0 0.48em;
}

/* 列表呼吸感 */
.doc-content .markdown-body ul,
.doc-content .markdown-body ol {
  margin-top: 0.72em;
  margin-bottom: 1.02em;
}

.doc-content .markdown-body li {
  line-height: 1.62;
  margin: 0.32em 0;
}

.doc-content .markdown-body li > p {
  margin: 0.32em 0;
}

.doc-content .markdown-body li + li {
  margin-top: 0.34em;
}

/* 引用块 */
.doc-content .markdown-body blockquote {
  margin: 0.85em 0;
  padding: 0.85em 1em 0.85em 1.05em;
  border-left: 4px solid rgba(120,120,255,.55);
  border-radius: 14px;
  background: rgba(127,127,127,.06);
}

.doc-content .markdown-body blockquote > *:first-child {
  margin-top: 0 !important;
}

.doc-content .markdown-body blockquote > *:last-child {
  margin-bottom: 0 !important;
}

/* 行内代码 */
.doc-content .markdown-body code:not(pre code) {
  font-size: 0.92em;
  padding: 0.14em 0.38em;
  border-radius: 8px;
  background: rgba(127,127,127,.12);
  word-break: break-word;
}

/* 代码块 */
.doc-content .markdown-body pre {
  margin: 1.15em 0 1.28em;
  padding: 0.95em 1em;
  border-radius: 14px;
  overflow: auto;
  line-height: 1.72;
}

.doc-content .markdown-body pre code {
  font-size: 0.92em;
  line-height: 1.72;
  white-space: pre;
}

/* 分隔线 */
.doc-content .markdown-body hr {
  margin: 0.85em 0;
  opacity: 0.5;
}

/* 图片 */
.doc-content .markdown-body img {
  margin: 1.1em auto 1.2em;
  border-radius: 14px;
}

/* 表格 */
.doc-content .markdown-body table {
  margin: 1.15em 0 1.35em;
  display: block;
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  -webkit-overflow-scrolling: touch;
}

.doc-content .markdown-body th,
.doc-content .markdown-body td {
  padding: 0.66em 0.82em;
  line-height: 1.7;
  white-space: nowrap;
}

/* 行内公式 */
.doc-content .markdown-body .katex {
  font-size: 1.04em;
  line-height: 1.72;
}

.doc-content .markdown-body .katex-display {
  margin: 0.42em 0 0.48em !important;
  padding: 0.18em 0.1em;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.doc-content .markdown-body .katex-display > .katex {
  font-size: 1.12em !important;
  line-height: 1.85;
}

.doc-content .markdown-body .katex-display::-webkit-scrollbar {
  height: 6px;
}

.doc-content .markdown-body .katex-display::-webkit-scrollbar-thumb {
  background: rgba(127,127,127,.28);
  border-radius: 999px;
}

/* Mermaid / 图表容器 */
.doc-content .markdown-body .mermaid,
.doc-content .markdown-body .echarts-wrap,
.doc-content .markdown-body .function-plot-wrap {
  margin: 1.2em 0 1.3em;
}

/* 更舒服的阅读宽度 */
.doc-content {
  max-width: 920px;
}

.doc-content .markdown-body > h1:first-child,
.doc-content .markdown-body > h2:first-child,
.doc-content .markdown-body > h3:first-child {
  margin-top: 0 !important;
}

/* 桌面端：更适合长文 */
@media (min-width: 1280px) {
  .doc-content .markdown-body {
    font-size: 17px;
    line-height: 1.78;
  }

  .doc-content .markdown-body .katex-display > .katex {
    font-size: 1.16em !important;
  }

  .doc-content {
    max-width: 980px;
  }
}

/* 平板 */
@media (max-width: 1024px) {
  .doc-content .markdown-body {
    font-size: 16.5px;
    line-height: 1.66;
  }

  .doc-content .markdown-body h1 {
    font-size: 1.82rem;
  }

  .doc-content .markdown-body h2 {
    font-size: 1.5rem;
  }
}

/* 手机端：避免多公式文档拥挤 */
@media (max-width: 768px) {
  .doc-content {
    max-width: 100%;
  }

  .doc-content .markdown-body {
    font-size: 17px;
    line-height: 1.62;
  }

  .doc-content .markdown-body p {
    margin: 0.44em 0 0.62em;
  }

  .doc-content .markdown-body h1 {
    font-size: 1.62rem;
    margin: 1.02em 0 0.62em;
  }

  .doc-content .markdown-body h2 {
    font-size: 1.4rem;
    margin: 0.98em 0 0.56em;
  }

  .doc-content .markdown-body h3 {
    font-size: 1.22rem;
    margin: 0.9em 0 0.52em;
  }

  .doc-content .markdown-body li {
    line-height: 1.62;
  }

  .doc-content .markdown-body pre {
    padding: 0.88em 0.9em;
    border-radius: 12px;
  }

  .doc-content .markdown-body code:not(pre code) {
    font-size: 0.9em;
  }

  .doc-content .markdown-body .katex {
    font-size: 1em;
  }

  .doc-content .markdown-body .katex-display {
    margin: 0.38em 0 0.44em !important;
    padding: 0.12em 0.02em;
  }

  .doc-content .markdown-body .katex-display > .katex {
    font-size: 1.06em !important;
    line-height: 1.66;
  }

  .doc-content .markdown-body table {
    margin: 1em 0 1.2em;
  }
}