/* ============================================================
   1008 养生学堂 · 文字＋音频一体页样式
   承 v2 视觉规范：底 #FDFBF7 / 主色 #A32D2D / 正文 17px
   ============================================================ */

:root{
  --red:#A32D2D; --red-d:#791F1F; --red-l:#FCEBEB;
  --ink:#2C2C2A; --gray:#6B6862; --ink3:#8A867E;
  --paper:#FDFBF7; --tint:#F6F2EA; --line:#E5DFD6;
  --gold:#B8860B; --cyan:#1F7A8C;
}

/* ---------- 阅读页外壳 ---------- */
.rd-page{padding:40px 0 160px}
.crumb{font-size:15px;color:var(--gray);margin-bottom:22px}
.crumb a{color:var(--gray);text-decoration:none}
.crumb a:hover{color:var(--red)}
.crumb i{font-style:normal;margin:0 8px;color:var(--ink3)}

.rd-head{margin-bottom:30px;padding-bottom:24px;border-bottom:2px solid var(--red-l)}
.rd-kicker{font-size:14px;color:var(--red);letter-spacing:.14em;margin-bottom:10px}
.rd-title{font-family:"Songti SC","SimSun",serif;font-size:33px;font-weight:700;
  color:var(--red-d);line-height:1.45;margin-bottom:14px;letter-spacing:.02em}
.rd-meta{display:flex;flex-wrap:wrap;gap:9px;font-size:14px}
.rd-meta span{background:var(--tint);color:var(--gray);padding:4px 12px;border-radius:3px}
.rd-meta span b{color:var(--red-d);font-weight:600}

/* ---------- 要点区 ---------- */
.rd-pts{background:var(--tint);border-left:4px solid var(--gold);
  padding:20px 24px;margin:0 0 34px;border-radius:0 6px 6px 0}
.rd-pts h3{font-size:17px;font-weight:600;color:var(--gold);margin-bottom:12px;letter-spacing:.04em}
.rd-pts ol{margin-left:20px}
.rd-pts li{font-size:16px;line-height:1.9;margin:5px 0;color:var(--ink)}

/* ---------- 文稿区 ---------- */
.rd-body{font-family:"Songti SC","SimSun",serif;font-size:19px;line-height:2.15}
.rd-body .seg{display:block;padding:3px 0 3px 16px;margin:0 -16px;
  border-left:3px solid transparent;transition:background .18s,border-color .18s;
  color:var(--ink);position:relative;scroll-margin-top:80px}
.rd-body .seg .who{font-family:"PingFang SC",sans-serif;font-size:14px;font-weight:600;
  color:var(--red);margin-right:8px}
.rd-body .seg.cue{background:#FBF1F1;border-left-color:var(--red);border-radius:0 3px 3px 0}
.rd-body .seg.past{color:var(--ink3)}
.rd-body .seg.past .who{color:var(--ink3)}

/* 折叠态：只显示首屏若干段。用 nth-child 限定，规则放在基础样式之后避免被覆盖 */
.rd-body.clamp .seg:nth-child(n+7){display:none}
.rd-body.clamp .seg.on{display:block !important}

/* 展开按钮 */
.rd-more{margin-top:26px;text-align:center}
.rd-more button{font-family:inherit;font-size:16px;color:var(--red);background:#fff;
  border:1px solid var(--red);padding:11px 34px;border-radius:999px;cursor:pointer;
  letter-spacing:.06em;min-height:48px;transition:background .2s}
.rd-more button:hover{background:var(--red);color:#fff}

/* ---------- 固定播放器 ---------- */
.pbar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(253,251,247,.98);
  border-top:1px solid var(--line);box-shadow:0 -4px 20px rgba(0,0,0,.07);
  backdrop-filter:blur(10px);padding:12px 0 14px}
.pbar .wrap{max-width:1080px}
.pbar-top{display:flex;align-items:center;gap:16px;margin-bottom:11px;flex-wrap:wrap}
.pbar-info{flex:1;min-width:150px}
.pbar-info b{display:block;font-size:15px;color:var(--ink);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbar-info i{font-style:normal;font-size:13px;color:var(--ink3)}
.pbtns{display:flex;align-items:center;gap:9px}
.pbtn{font-family:inherit;font-size:15px;border:1px solid var(--line);background:#fff;
  color:var(--gray);padding:9px 15px;border-radius:5px;cursor:pointer;min-height:44px;
  display:inline-flex;align-items:center;gap:5px;transition:all .18s}
.pbtn:hover{border-color:var(--red);color:var(--red)}
.pbtn.on{background:var(--red);border-color:var(--red);color:#fff}
.pbtn.play{min-width:52px;justify-content:center;font-size:18px;background:var(--red);
  border-color:var(--red);color:#fff}
.pbtn.play:hover{background:var(--red-d)}
.pbtime{font-size:14px;color:var(--gray);font-variant-numeric:tabular-nums;
  min-width:104px;text-align:center}

.pbar-track{height:26px;display:flex;align-items:center;cursor:pointer;position:relative}
.pbar-track::before{content:"";position:absolute;left:0;right:0;height:6px;
  background:var(--tint);border-radius:3px}
.pbar-fill{position:absolute;left:0;height:6px;background:var(--red);border-radius:3px;
  width:0;pointer-events:none}
.pbar-dot{position:absolute;width:14px;height:14px;background:var(--red);border-radius:50%;
  left:0;margin-left:-7px;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.25)}

/* 列表抽屉 */
.pbar-list{position:fixed;right:0;bottom:0;top:0;width:min(400px,92vw);background:var(--paper);
  border-left:1px solid var(--line);z-index:120;transform:translateX(100%);
  transition:transform .26s;overflow-y:auto;padding:22px 24px 90px;box-shadow:-6px 0 24px rgba(0,0,0,.09)}
.pbar-list.on{transform:none}
.pbar-list h3{font-size:18px;color:var(--red-d);margin-bottom:4px}
.pbar-list p{font-size:13px;color:var(--ink3);margin-bottom:18px}
.pli{display:block;padding:13px 14px;border-radius:6px;text-decoration:none;
  border-bottom:1px solid var(--line);transition:background .18s}
.pli:hover{background:var(--tint)}
.pli.on{background:var(--red-l)}
.pli b{display:block;font-size:16px;color:var(--ink);font-weight:600;margin-bottom:3px}
.pli.on b{color:var(--red-d)}
.pli i{font-style:normal;font-size:12.5px;color:var(--ink3)}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.34);z-index:110;display:none}
.mask.on{display:block}

/* ---------- 上下集 ---------- */
.rd-nav{display:flex;gap:16px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.rd-nav a{flex:1;text-decoration:none;background:var(--tint);padding:17px 20px;border-radius:6px;
  transition:background .18s;min-height:48px;display:flex;flex-direction:column;justify-content:center}
.rd-nav a:hover{background:var(--red-l)}
.rd-nav i{font-style:normal;font-size:13px;color:var(--ink3);margin-bottom:4px}
.rd-nav b{font-size:16px;color:var(--ink);font-weight:600}
.rd-nav a:hover b{color:var(--red-d)}

/* ---------- 免责 ---------- */
.rd-disc{margin-top:40px;font-size:13px;color:var(--ink3);line-height:1.9}

/* ---------- 响应式 ---------- */
@media (max-width:760px){
  .rd-page{padding:26px 0 190px}
  .rd-title{font-size:25px}
  .rd-body{font-size:18px;line-height:2.05}
  .pbar-top{gap:9px}
  .pbtn{padding:9px 11px;font-size:14px}
  .pbar-info{width:100%;flex-basis:100%}
  .pbtime{min-width:auto}
  .rd-nav{flex-direction:column}
}