/*
 * md.css — Markdown 内容渲染样式
 * 用于 article-3-4 模板，供用户自定义覆盖。
 *
 * 注意：{{HIGHLIGHT_COLOR}} 由脚本在运行时内联替换到模板 <style> 里覆盖，
 * 此文件中的颜色为默认值（莫兰迪绿 #3d6b4f），用户可直接修改此文件。
 */

/* ── 段落 ── */
.content p { margin-bottom: 20px; }
.content p:last-child { margin-bottom: 0; }

/* ── 加粗 / 斜体 ── */
.content strong, .content b { color: #3d6b4f; font-weight: 800; }
.content em, .content i { color: #555; font-style: italic; }

/* ── 标题 ── */
.content h1, .content h2, .content h3, .content h4 {
  font-weight: 800;
  line-height: 1.4;
  color: #1a1a1a;
  margin-bottom: 16px;
  margin-top: 24px;
}
.content h2 {
  font-size: 34px;
  border-left: 5px solid #3d6b4f;
  padding-left: 14px;
  color: #3d6b4f;
}
.content h3 { font-size: 30px; color: #3d6b4f; }

/* ── 列表 ── */
.content ul, .content ol { margin: 0 0 20px 0; padding-left: 36px; }
.content li { margin-bottom: 8px; line-height: 1.75; }
.content ul li::marker { color: #3d6b4f; }
.content ol li::marker { color: #3d6b4f; font-weight: 700; }

/* ── blockquote ── */
.content blockquote {
  border-left: 4px solid #3d6b4f;
  background: rgba(61,107,79,0.07);
  margin: 0 0 20px 0;
  padding: 10px 18px;
  border-radius: 0 6px 6px 0;
}
.content blockquote p { margin: 0; color: #444; font-style: italic; font-size: 27px; }

/* ── inline code ── */
.content code {
  font-family: "SF Mono", "Fira Code", "Consolas", monospace;
  font-size: 24px;
  background: rgba(61,107,79,0.1);
  color: #3d6b4f;
  padding: 2px 8px;
  border-radius: 4px;
}

/* ── code block ── */
.content pre {
  background: #1e2a22;
  border-radius: 8px;
  padding: 18px 22px;
  margin-bottom: 20px;
  overflow: hidden;
}
.content pre code {
  background: transparent;
  color: #b8f0c8;
  font-size: 22px;
  padding: 0;
  border-radius: 0;
}

/* ── hr ── */
.content hr { border: none; border-top: 1px solid rgba(0,0,0,0.1); margin: 20px 0; }