.detail-content {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .detail-content {
    margin-top: 10px;
    padding:0 10px;
  }
}
.detail-content .text_title {
  overflow-wrap: break-word;
  color: #191b32;
  font-size: 24px;
  letter-spacing: 1.20000005px;
  font-family: Arial-BoldMT;
  font-weight: 700;
  text-align: left;
  line-height: 34px;
}
.detail-content .text_author {
  overflow-wrap: break-word;
  color: #191b32;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 12px;
}
.detail-content #content_html {
  margin-top: 20px;
  /* 标题样式 */
  /* 段落样式 */
  /* div 样式 */
  /* 图片样式 */
}
.detail-content #content_html h1 {
  font-size: 24px;
  /*标题字体大小*/
  margin: 20px 0;
  /*标题外边距*/
}
.detail-content #content_html h2 {
  font-size: 20px;
  /*标题字体大小*/
  margin: 20px 0;
  /*标题外边距*/
}
.detail-content #content_html h3 {
  font-size: 18px;
  /*标题字体大小*/
  margin: 20px 0;
  /*标题外边距*/
}
.detail-content #content_html p {
  line-height: 1.6;
  /*段落行高*/
  margin-bottom: 20px;
  /*段落下边距*/
}
.detail-content #content_html div {
  margin-bottom: 20px;
  /* div 元素下边距 */
}
.detail-content #content_html img {
  max-width: 100%;
  /* 图片最大宽度 */
  height: auto;
  /* 图片高度自适应 */
  display: block;
  /* 图片块级显示，保证上下间距 */
  margin: 0 auto 20px;
  /* 图片外边距，自动居中并设置下边距 */
}

/* ===========================================================
   info13 详情页 — Caravan-style 编辑刊物级阅读体验
   - Serif H1 (Source Serif Pro 700) 提供刊物气质
   - Category kicker:酒红色小字标识在 H1 上方
   - Drop cap:首段首字下沉,经典刊物标记
   - Body 保持 Inter 但更精细的 typographic rendering
   =========================================================== */

.detail-content {
  max-width: 700px;            /* 略收一点,更书页感 */
  margin: 32px auto 0;
  padding: 0 20px;
}

/* ----- Category kicker:H1 上方的小标签 ----- */
.detail-content .text-kicker {
  font-family: var(--font-sans);
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--c-burgundy) !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin: 0 0 18px !important;
  padding: 0 !important;
  display: inline-block;
  position: relative;
}
.detail-content .text-kicker::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--c-burgundy);
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* ----- H1:Serif 大字 + 编辑刊物气场 ----- */
.detail-content .text_title {
  font-family: var(--font-serif) !important;
  font-size: 40px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.018em;
  color: var(--c-text) !important;
  font-weight: 700 !important;
  margin: 0 0 18px !important;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  overflow-wrap: break-word;
}
@media (max-width: 768px) {
  .detail-content .text_title { font-size: 30px !important; line-height: 1.2 !important; }
}

/* ----- Meta 行:作者大写 + 日期 / 时长 小字,两层结构 ----- */
.detail-content .text_author {
  color: var(--c-text-meta) !important;
  font-size: 13px !important;
  margin: 0 0 32px !important;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--c-divider);
  white-space: normal !important;
  letter-spacing: 0.02em;
}
.detail-content .text_author .byline-name {
  display: block;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-text) !important;
  margin-bottom: 4px;
}
.detail-content .text_author .byline-meta {
  display: block;
  font-size: 12px;
  color: var(--c-text-meta);
  letter-spacing: 0.02em;
}
.detail-content .text_author .reading-time {
  position: relative;
  padding-left: 14px;
  margin-left: 4px;
  color: var(--c-saffron-dark);
  font-weight: 600;
}
.detail-content .text_author .reading-time::before {
  content: "·";
  position: absolute;
  left: 4px;
  opacity: 0.5;
}

/* ----- 正文区:精修 typography ----- */
.detail-content #content_html {
  font-size: 18px;
  line-height: 1.7;
  color: var(--c-text-body);
  margin-top: 24px;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}
.detail-content #content_html p { margin: 0.95em 0; }

/* ----- Drop cap:首段首字下沉,经典刊物标记 ----- */
.detail-content #content_html > p:first-of-type::first-letter {
  font-family: var(--font-serif);
  float: left;
  font-size: 4.5em;
  line-height: 0.9;
  padding: 6px 10px 0 0;
  color: var(--c-burgundy);
  font-weight: 700;
}

/* ----- 章节标题:H2 用 Serif + 酒红色编号小条 ----- */
.detail-content #content_html h2 {
  font-family: var(--font-serif) !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 700;
  color: var(--c-text);
  margin: 1.8em 0 0.5em;
  padding-left: 0;
  border-left: none;
  letter-spacing: -0.012em;
  position: relative;
}
.detail-content #content_html h2::before {
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  background: var(--c-burgundy);
  margin-bottom: 14px;
}
.detail-content #content_html h3 {
  font-family: var(--font-serif) !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 600;
  color: var(--c-text);
  margin: 1.5em 0 0.4em;
  letter-spacing: -0.008em;
}
.detail-content #content_html h4 {
  font-family: var(--font-sans) !important;
  font-size: 16px !important;
  font-weight: 700;
  color: var(--c-text-2);
  margin: 1.3em 0 0.3em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* ----- 列表:轻盈样式 + 自定义 marker ----- */
.detail-content #content_html ul,
.detail-content #content_html ol { padding-left: 24px; margin: 1em 0; }
.detail-content #content_html li { margin: 0.5em 0; padding-left: 4px; }
.detail-content #content_html ul li::marker { color: var(--c-burgundy); }
.detail-content #content_html ol li::marker { color: var(--c-burgundy); font-weight: 600; }

/* ----- 正文链接:深绿 + 优雅下划线 ----- */
.detail-content #content_html a {
  color: var(--c-green) !important;
  text-decoration: underline;
  text-decoration-color: var(--c-green-soft);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: text-decoration-color .15s, color .15s;
  font-weight: 500;
}
.detail-content #content_html a:hover {
  color: var(--c-burgundy) !important;
  text-decoration-color: var(--c-burgundy);
}

/* ----- Blockquote:中央对齐 + serif 大字,刊物 pull-quote 风 ----- */
.detail-content #content_html blockquote {
  font-family: var(--font-serif) !important;
  font-size: 22px !important;
  line-height: 1.45 !important;
  font-style: italic;
  color: var(--c-text) !important;
  border-left: none;
  background: transparent;
  text-align: center;
  margin: 2em auto;
  padding: 0 24px;
  max-width: 580px;
  position: relative;
}
.detail-content #content_html blockquote::before,
.detail-content #content_html blockquote::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  background: var(--c-burgundy);
  margin: 18px auto;
}

.detail-content #content_html strong { color: var(--c-text); font-weight: 700; }
.detail-content #content_html em { color: var(--c-text-2); }

/* ----- 推荐区:Recommend Posts 标题 + More 入口 ----- */
.recommend-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 0 4px;
  margin-top: 48px;
}
.recommend-more {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  color: var(--c-burgundy);
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.recommend-more:hover { color: var(--c-burgundy-dark); }
.recommend-more .arrow {
  display: inline-block;
  transition: transform .2s ease;
  margin-left: 6px;
}
.recommend-more:hover .arrow { transform: translateX(4px); }

/* ----- 广告位精修:替换 ad_custom.js 写入的灰条为 AD 小角标 ----- */
.detail-content .ad-container,
.ad-container {
  background: transparent !important;        /* 取消 ad_custom.js 写的 #e4e4e4 */
  border-top: 1px solid var(--c-divider);
  border-bottom: 1px solid var(--c-divider);
  padding-top: 28px !important;
  padding-bottom: 20px !important;
  margin: 32px 0 !important;
  position: relative;
}
.detail-content .ad-container > div[style*="color:#787878"],
.ad-container > div[style*="color:#787878"] {
  /* ad_custom.js 创建的 "Advertisement" div */
  position: absolute !important;
  top: 8px !important;
  right: 12px !important;
  left: auto !important;
  background: transparent !important;
  color: var(--c-text-meta) !important;
  font-family: var(--font-sans) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  padding: 0 !important;
  width: auto !important;
  text-align: right !important;
}
.detail-content .ad-container > div[style*="color:#787878"]::before {
  content: "AD · ";
}
.detail-content .ad-container > div[style*="color:#787878"] {
  font-size: 0 !important;       /* 隐藏 "Advertisement" 字样,只留我们的 ::before */
}
.detail-content .ad-container > div[style*="color:#787878"]::before {
  font-size: 10px;
  content: "ADVERTISEMENT";
}