/* 文章正文富文本 — 官网阅读器与管理后台预览共用（X 浅色主题） */

.article-content {

  --article-text: #0f1419;

  --article-text-muted: #536471;

  --article-heading: #0f1419;

  --article-border: #eff3f4;

  --article-accent: #1d9bf0;

  --article-code-bg: #f7f9f9;

  --article-quote-bg: rgba(29, 155, 240, 0.08);

}



.article-content p {

  margin-bottom: 1.5rem;

  line-height: 1.8;

  color: var(--article-text);

}



.article-content h2 {

  font-size: 1.5rem;

  font-weight: bold;

  color: var(--article-heading);

  margin-top: 2.5rem;

  margin-bottom: 1rem;

  padding-bottom: 0.5rem;

  border-bottom: 1px solid var(--article-border);

}



.article-content h2:first-child {

  margin-top: 0;

}



.article-content blockquote:not(.wechat-essay) {

  border-left: 3px solid var(--article-accent);

  background-color: var(--article-quote-bg);

  padding: 1rem 1.5rem;

  margin: 1.5rem 0;

  font-style: italic;

  color: var(--article-text-muted);

  border-radius: 0 0.75rem 0.75rem 0;

}



.article-content img {

  border-radius: 1rem;

  margin: 2rem 0;

  box-shadow: none;

  border: 1px solid var(--article-border);

  width: 100%;

  height: auto;

}



.article-content .wechat-avatar-stage {

  margin: 0 0 0.5rem;

  line-height: 0;

  max-width: 520px;

  margin-left: auto;

  margin-right: auto;

}



.article-content .wechat-avatar-stage img {

  display: block;

  width: 100%;

  height: auto;

  margin: 0;

  border-radius: 0;

  box-shadow: none;

  border: none;

}



.article-content .wechat-avatar-caption {

  text-align: center;

  color: var(--article-text-muted);

  font-size: 0.9375rem;

  line-height: 1.6;

  margin: 0.75rem auto 1.25rem;

  max-width: 520px;

}



.article-content .wechat-avatar-caption--emph {

  font-weight: 600;

  color: var(--article-text);

}



.article-content .wechat-avatar-caption--aside {

  font-size: 0.875rem;

}



.article-content .wechat-essay {

  border-left: 3px solid var(--article-border);

  background: transparent;

  padding: 0 0 0 1.25rem;

  margin: 2rem 0;

  font-style: normal;

  color: var(--article-text);

  border-radius: 0;

}



.article-content .wechat-essay--end {

  margin-bottom: 0;

}



.article-content .wechat-essay-title {

  text-align: center;

  font-weight: 700;

  color: var(--article-heading);

  font-size: 1.125rem;

  margin: 0 0 1.5rem;

  line-height: 1.6;

}



.article-content code {

  background: var(--article-code-bg);

  color: var(--article-accent);

  padding: 0.15rem 0.4rem;

  border-radius: 0.25rem;

  font-size: 0.9em;

}



.article-content strong {

  color: var(--article-heading);

  font-weight: 600;

}



.article-content ul,

.article-content ol {

  margin: 1rem 0 1.5rem;

  padding-left: 1.5rem;

  line-height: 1.8;

  color: var(--article-text);

}



.article-content li {

  margin-bottom: 0.5rem;

}



.article-content a {

  color: var(--article-accent);

  text-decoration: none;

}



.article-content a:hover {

  text-decoration: underline;

}



@media (max-width: 767px) {

  .article-content h2 {

    font-size: 1.25rem;

  }

}