/* Markdown 内容统一样式 - 预览和详情页共用 */
/* 基础排版 */
.markdown-body {
  line-height: 1.75;
  font-size: 16px;
}

/* 段落与列表 */
.markdown-body p { 
  margin: .6em 0; 
}

.markdown-body ul,
.markdown-body ol { 
  margin: .6em 0 .6em 1.4em; 
  padding-left: 0; 
}

.markdown-body li + li { 
  margin-top: .25em; 
}

.markdown-body li p { 
  margin: .4em 0; 
}

/* 标题（保证上下留白一致） */
.markdown-body h1 { 
  font-size: 1.8em; 
  margin: 1.2em 0 .6em; 
  line-height: 1.3;
  scroll-margin-top: 2rem; /* 修复TOC跳转时标题被遮挡 */
}

.markdown-body h2 { 
  font-size: 1.5em; 
  margin: 1.1em 0 .55em; 
  line-height: 1.35;
  scroll-margin-top: 2rem; /* 修复TOC跳转时标题被遮挡 */
}

.markdown-body h3 { 
  font-size: 1.25em; 
  margin: 1.0em 0 .5em; 
  line-height: 1.4;
  scroll-margin-top: 2rem; /* 修复TOC跳转时标题被遮挡 */
}

.markdown-body h4, 
.markdown-body h5, 
.markdown-body h6 { 
  margin: .9em 0 .45em;
  scroll-margin-top: 2rem; /* 修复TOC跳转时标题被遮挡 */
}

/* 引用 */
.markdown-body blockquote {
  margin: .8em 0; 
  padding: .6em 1em; 
  border-left: 3px solid #8883;
}

/* 代码块与行内代码 */
.markdown-body pre { 
  margin: .8em 0; 
  padding: .8em; 
  overflow: auto; 
}

.markdown-body code { 
  padding: .15em .35em; 
}

/* 表格（GFM 表格） */
.markdown-body table {
  width: 100%; 
  border-collapse: collapse; 
  margin: .8em 0;
}

.markdown-body th, 
.markdown-body td {
  border: 1px solid #ffffff1a; 
  padding: .5em .6em; 
  text-align: left;
}

.markdown-body thead th { 
  background: #ffffff0f; 
}

/* 任务列表 */
.markdown-body input[type="checkbox"] {
  margin-right: .4em; 
  transform: translateY(2px);
}

/* 自定义容器（callout） */
.markdown-body .callout { 
  margin: 1em 0; 
  padding: .75em 1em; 
  border-radius: 8px; 
}

.markdown-body .callout.note { 
  background: #3a3f4a; 
}

.markdown-body .callout.warn { 
  background: #4a3f3a; 
}

.markdown-body .callout.success { 
  background: #33463a; 
}

.markdown-body .callout.danger { 
  background: #4a3333; 
}

/* 水平分割线 */
.markdown-body hr {
  margin: 1.5em 0;
  border: none;
  border-top: 1px solid #ffffff1a;
}

/* 图片 */
.markdown-body img {
  max-width: 100%;
  height: auto;
  margin: .8em 0;
}

/* 链接 */
.markdown-body a {
  color: #4a9eff;
  text-decoration: none;
}

.markdown-body a:hover {
  text-decoration: underline;
}