/* ==========================================================================
   经典讲义 + 微博开示页面
   目录页 /classics     →  分类 chip 行 + 分块条目列表
   阅读页 /classics/:id →  重排后的正文（reflow.js 输出）

   复用：目录页的 chip 行、条目行、上一篇/下一篇都在 chat.css 里
   （`.chat-nav` / `.chat-chip` / `.chat-list` / `.chat-item` / `.chat-adjacent`）——
   那几个类实际是"目录页通用件"，聊天室与经典页共用，别在这里再抄一份。
   本文件只管"重排类正文"特有的东西：段落排版 + 配图。

   两个 section 共用本文件：
     series  讲义   → reflowLecture
     weibo   微博   → reflowWeibo（一段正文 + 若干 `[IMAGE:]` 配图，见 .weibo-figure）
   ========================================================================== */

/* ---------------- 目录页 ---------------- */

.lecture-series {
  margin-top: var(--sp-5);
}

.lecture-series:first-child {
  margin-top: var(--sp-3);
}

.lecture-series__head {
  margin: 0 0 var(--sp-2);
  padding: 0 2px;
  font-size: var(--fs-title);
  font-weight: 800;
  color: var(--accent-deep);
}

/* 外框类 `.list-frame` 定义在 chat.css 里（它在前，且同权重 ⇒ 这里要提权才能压住）。
   经典页只有一个分组块，沿用原来 `.lecture-series:first-child` 的 12px 就够了。 */
.lecture-series.list-frame {
  margin-top: var(--sp-3);
}

/* 套了外框（.list-frame，见 chat.css）之后标题要跟着内缩、并补一圈上内边距，
   否则标题会贴在框的上边线上。外框本身就在本元素上（class="lecture-series list-frame"），
   所以这里是 `.list-frame` 自己的子元素，不是后代选择器失效。 */
.list-frame .lecture-series__head {
  margin: 0;
  padding: var(--sp-3) 14px var(--sp-2);
}

/* ---------------- 阅读页：正文 ---------------- */

.lecture-panel {
  padding: 0;
  overflow: hidden;
}

.lecture-body {
  max-width: var(--chat-read-max);
  padding: 16px 16px 22px;
}

/* 中文长文阅读：段首缩进 2 字、行高放大到 1.9 —— 正文动辄几千字，
   行距不够会读串行。字体大小跟随 --font-scale（设置页的缩放）。 */
.lecture-p {
  margin: 0 0 0.95em;
  text-indent: 2em;
  font-size: calc(var(--fs-body) * var(--font-scale));
  line-height: 1.9;
  word-break: break-word;
}

/*
 * 「行即句」文体（ASR 一呼吸群一行、全篇无句末标点，如 9318《法华经》讲义 概述）：
 * 每个呼吸群单独一行。首行缩进取消 —— 每行都缩进反而更难读，
 * 段与段之间的间距已经足够区分段落。
 */
.lecture-p--lines {
  text-indent: 0;
}

.lecture-p--lines .lecture-line {
  display: block;
}

/* 原文里的章节标题（`第十八课`、`一、` 这类被 reflow 判成 heading 的行） */
.lecture-head {
  margin: 1.5em 0 0.6em;
  font-size: calc(var(--fs-body) * var(--font-scale) + 1px);
  font-weight: 800;
  color: var(--accent-deep);
}

.lecture-head:first-child {
  margin-top: 0;
}

/* 引用块（`【原经文】` 与经文体：无量寿经那种四字一句的偈子） */
.lecture-quote {
  margin: 0 0 0.95em;
  padding: 10px 14px;
  border-left: 3px solid var(--accent);
  border-radius: 0 12px 12px 0;
  background: var(--accent-soft);
  font-size: calc(var(--fs-body) * var(--font-scale));
  line-height: 1.9;
  word-break: break-word;
}

.lecture-quote__label {
  display: block;
  margin-bottom: 2px;
  font-size: var(--fs-caption);
  font-weight: 700;
  color: var(--accent-deep);
}

/* ---------------- 微博开示（section = 'weibo'）---------------- */

/* 微博的 `[IMAGE:…]` 配图。280 条里 287 张，基本是一篇一张。
   不设 max-width 之外的限制：图片本身有宽高比，交给浏览器按容器宽等比缩放。 */
.weibo-figure {
  margin: 14px 0 4px;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: var(--surface);
}

.weibo-figure img {
  display: block;
  width: 100%;
  height: auto;
}

/* 微博正文很短（中位 183 字、最长 265 字，重排后就是一段），
   段首不缩进 —— 缩进是给多段长文用的，一段的短文案缩进去反而像排版事故。 */
.weibo-panel .lecture-p {
  text-indent: 0;
  margin-bottom: 0;
}

.weibo-panel .lecture-body {
  padding: 14px 16px 18px;
}

/* ---------------- 断点（与 theme.css / chat.css 的断点保持一致）---------------- */

@media (min-width: 768px) {
  .lecture-body {
    padding: 18px 22px 26px;
  }
}

@media (min-width: 1024px) {
  /* 同聊天室：这里**曾经**隐藏「回到顶部」（理由是分类 chip 吸在顶部）。
     现在吸顶的只有微博目录下的月份排，其余分类的列表一屏滚不到底时还是要它，
     所以按钮一律保留 —— 隐藏规则已删，别再按"导航吸顶"这个旧理由加回来。 */
}