/* ========== 标题通用样式 ========== */
.md-typeset h1 {
  border-radius: 8px;
  /*margin: 1.5em 0 1em;*/
  line-height: 1.4;
}
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  padding: 0.5em 1em;
  border-radius: 8px;
  margin: 1.5em 0 1em;
  line-height: 1.4;
}

/* ========== Light Mode 标题颜色 ========== */
/* 保持原light模式颜色不变 */
.md-typeset h1 { color: #0d47a1; text-align: center; }
.md-typeset h2 { color: #1565c0; }
.md-typeset h3 { color: #512da8; }
.md-typeset h4 { color: #7b1fa2; }
.md-typeset h5 { color: #c2185b; }
.md-typeset h6 { color: #424242; }

/* ========== Dark Mode 标题颜色 ========== */
@media (prefers-color-scheme: dark) {
  /* 提升亮度增强可读性 */
  .md-typeset h1 { color: #e3f2fd; text-align: center; }
  .md-typeset h2 { color: #bbdefb; }
  .md-typeset h3 { color: #d1c4e9; }
  .md-typeset h4 { color: #e1bee7; }
  .md-typeset h5 { color: #ffb6c1; }
  .md-typeset h6 { color: #f5f5f5; }
}

/* ========== h3 背景样式 ========== */
.md-typeset h3 {
  background: linear-gradient(90deg, #ede7f6, #d1c4e9);
  border: 2px solid #9575cd;
  /*display: inline-block;*/
}

@media (prefers-color-scheme: dark) {
  .md-typeset h3 {
    /* 保持渐变方向，优化文字对比度 */
    background: linear-gradient(90deg, #4527a0, #5e35b1);
    color: #f5f2fa; /* 提高文字亮度 */
    border: 2px solid #9575cd;
  }
}

/* ========== h4 背景样式 ========== */
.md-typeset h4 {
  background: linear-gradient(90deg, #e1f5fe, #ede7f6);
  border: 2px dashed #64b5f6;
  display: inline-block;
  color: #0d47a1;
  font-weight: bold;
}

@media (prefers-color-scheme: dark) {
  .md-typeset h4 {
    background: linear-gradient(90deg, #1e3a5f, #2d3b6b);
    border: 2px dashed #90caf9;
    color: #eef7ff; /* 提高文字亮度 */
  }
}

/* ========== h5、h6 边框 ========== */
.md-typeset h5 {
  border-bottom: 2px dotted #c2185b;
}
.md-typeset h6 {
  border: 1px solid #9e9e9e;
}

/* ========== 正文排版优化 ========== */
.md-typeset p {
  color: #333;
  line-height: 1.7;
  font-size: 17px;
}
@media (prefers-color-scheme: dark) {
  .md-typeset p {
    color: #f8f9fa; /* 显著提高正文亮度（关键修改） */
  }
}

/* ========== 列表样式优化 ========== */
.md-typeset ul, .md-typeset ol {
  color: #333;
}
@media (prefers-color-scheme: dark) {
  .md-typeset ul, .md-typeset ol {
    color: #f8f9fa; /* 列表项文本提亮 */
  }
}

/* ========== 链接样式 ========== */
.md-typeset a {
  color: #1976d2;
  font-weight: 500;
  text-decoration: underline dotted;
  transition: color 0.2s ease;
}
@media (prefers-color-scheme: dark) {
  .md-typeset a {
    color: #94c6ff; /* 提高链接亮度和对比度 */
  }
  .md-typeset a:hover {
    color: #bbdefb;
  }
}

/* ========== 加粗文字颜色 ========== */
.md-typeset strong {
  color: coral;
}
@media (prefers-color-scheme: dark) {
  .md-typeset strong {
    color: #ff9d70; /* 更亮的珊瑚色 */
  }
}

/* ========== 表格样式 ========== */
.md-typeset table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #bbb;
  font-size: 0.95rem;
  margin: 1.5em 0;
}

.md-typeset table th {
  background-color: #f0f4f8;
  color: #1a237e;
  padding: 10px;
  border: 1px solid #bbb;
  font-weight: 600;
}

.md-typeset table td {
  background-color: #ffffff;
  color: #1f2937;
  padding: 10px;
  border: 1px solid #bbb;
}

.md-typeset table tr:nth-child(even) td {
  background-color: #f9f9f9;
}

@media (prefers-color-scheme: dark) {
  .md-typeset table {
    border-color: #555; /* 加深边框颜色 */
  }

  .md-typeset table th {
    background-color: #2d3b6b;
    color: #eef7ff; /* 提高表头文字亮度 */
    border-color: #555;
  }

  .md-typeset table td {
    background-color: #1e2a3d;
    color: #f8f9fa; /* 提高表格文字亮度 */
    border-color: #555;
  }

  .md-typeset table tr:nth-child(even) td {
    background-color: #25324d;
  }
}

/* ========== 代码块样式 ========== */
.md-typeset pre, .md-typeset code {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  .md-typeset pre, .md-typeset code {
    background-color: #1a1d23;
    color: #e6e9ef;
  }
}

/* ========== 引用块样式 ========== */
.md-typeset blockquote {
  border-left: 4px solid #64b5f6;
  padding: 0.5em 1em;
  margin: 1.5em 0;
  background-color: #f8f9fa;
  color: #4a5568;
}
@media (prefers-color-scheme: dark) {
  .md-typeset blockquote {
    border-left-color: #90caf9;
    background-color: #1e2a3d;
    color: #e2e8f0;
  }
}