/* ============================================================
   library.css · 陪诊服务产品库专区（scoped .lb-）
   在 tokens.css / channel.css 之上的专区专属样式：
   ① 卷首扉页（双线框装帧感） ② 目录式清单 ③ CTA 横幅 ④ 卡片墙
   不改动任何既有全局类；新增类一律 .lb- 前缀。
   ============================================================ */

/* ——— ① 卷首 · 扉页 ——— */
.lb-cover{padding:var(--sp-6) 0 var(--sp-5)}
.lb-cover-frame{
  position:relative;background:#fff;border:1px solid var(--bl-line);
  border-radius:var(--radius-card);
  padding:clamp(40px,7vw,76px) clamp(20px,5vw,56px) clamp(32px,5vw,48px);
  text-align:center;
}
.lb-cover-frame::before{
  content:"";position:absolute;inset:10px;border:1px solid var(--bl-amber-soft);
  border-radius:6px;pointer-events:none;
}
.lb-cover-eyebrow{font-size:12px;letter-spacing:.34em;text-indent:.34em;color:var(--bl-fg-muted);margin:0 0 var(--sp-5)}
.lb-cover-title{font-size:clamp(34px,7.2vw,58px);letter-spacing:.08em;text-indent:.08em;margin:0 0 var(--sp-4)}
.lb-cover-sub{max-width:34em;margin:0 auto var(--sp-5);font-size:clamp(15px,2.2vw,17px);line-height:1.95;color:var(--bl-fg);text-wrap:balance}
.lb-cover-title{text-wrap:balance}
.lb-cover-rule{width:56px;height:2px;background:var(--bl-amber);border-radius:2px;margin:0 auto var(--sp-5)}
.lb-cover-vols{font-family:var(--font-display);font-weight:700;color:var(--bl-green);font-size:clamp(15px,2.4vw,18px);letter-spacing:.14em;margin:0 0 var(--sp-3)}
.lb-cover-vols .dot{color:var(--bl-amber-ink);font-weight:400;margin:0 .55em}
.lb-cover-meta{font-size:13px;letter-spacing:.06em;color:var(--bl-fg-muted);margin:0}

/* ——— ② 目录式清单（书的目录感） ——— */
.lb-toc{list-style:none;padding:0;margin:var(--sp-3) 0 var(--sp-6)}
.lb-toc li{border-bottom:1px dashed var(--bl-line)}
.lb-toc li:first-child{border-top:1px dashed var(--bl-line)}
.lb-toc a{
  display:flex;align-items:baseline;gap:var(--sp-4);
  padding:13px 6px;text-decoration:none;transition:background var(--ease);
}
.lb-toc a:hover{background:var(--bl-green-soft);text-decoration:none}
.lb-toc .lb-no{flex:0 0 2.6em;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--bl-amber-ink);letter-spacing:.04em}
.lb-toc .lb-name{flex:0 0 auto;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--bl-green);white-space:nowrap}
.lb-toc .lb-desc{flex:1 1 auto;min-width:0;color:var(--bl-fg-muted);font-size:14px;line-height:1.6}
.lb-toc .lb-arrow{flex:0 0 auto;color:var(--bl-amber-ink);font-size:14px}
@media(max-width:640px){
  .lb-toc a{flex-wrap:wrap;gap:2px var(--sp-3)}
  .lb-toc .lb-desc{flex-basis:100%;order:3}
  .lb-toc .lb-arrow{order:2;margin-left:auto}
}

/* ——— 分卷/分组标题 ——— */
.lb-tier{margin:var(--sp-7) 0 0}
.lb-tier-head{display:flex;align-items:baseline;gap:var(--sp-3);border-bottom:2px solid var(--bl-green);padding-bottom:var(--sp-2);margin-bottom:var(--sp-4)}
.lb-tier-head h2{margin:0;font-size:clamp(20px,3vw,26px)}
.lb-tier-note{margin-left:auto;font-size:13px;color:var(--bl-fg-muted);white-space:nowrap}
@media(max-width:640px){.lb-tier-note{display:none}}

/* ——— ③ CTA 横幅 ——— */
.lb-cta-band{margin:var(--sp-7) 0 0;background:var(--bl-green);border-radius:var(--radius-card);padding:clamp(24px,4vw,38px) clamp(20px,4vw,42px)}
.lb-cta-band h3{font-family:var(--font-display);color:#fff;font-size:clamp(19px,3vw,24px);margin:0 0 var(--sp-3)}
.lb-cta-band p{color:#BFD2C6;font-size:14.5px;margin:0 0 var(--sp-4);max-width:42em}
.lb-cta-band p strong{color:#fff}
.lb-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4)}
.lb-cta-note{font-size:12.5px;color:#8EB09C;line-height:1.7}

/* 卡页轻 CTA 一行 */
.lb-cta-line{
  margin:var(--sp-5) 0 0;padding:var(--sp-4) var(--sp-5);
  border:1.5px dashed var(--bl-amber-soft);border-radius:var(--radius-card);
  background:#FFF9F4;font-size:14px;color:var(--bl-fg);
}
.lb-cta-line a{font-weight:600}

/* ——— ④ 卡片墙（货架） ——— */
.lb-tiles{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(252px,1fr));list-style:none;padding:0;margin:var(--sp-4) 0 0}
.lb-tile{
  position:relative;display:block;background:#fff;border:1px solid var(--bl-line);
  border-radius:var(--radius-card);padding:var(--sp-5);
  transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);
}
.lb-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--bl-amber-soft)}
a.lb-tile{text-decoration:none}
a.lb-tile:hover{text-decoration:none}
.lb-tile-no{position:absolute;top:12px;right:16px;font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--bl-cream-deep)}
.lb-tile-name{font-family:var(--font-display);font-weight:700;color:var(--bl-green);font-size:18px;margin:var(--sp-3) 0 var(--sp-2)}
.lb-tile-desc{color:var(--bl-fg-muted);font-size:14px;line-height:1.7}

/* ——— 产品规格表（首列不拆行） ——— */
.lb-spec th:first-child{width:7em}
.lb-spec td:first-child{white-space:nowrap;color:var(--bl-fg-muted)}
@media(max-width:640px){.lb-spec th:first-child,.lb-spec td:first-child{width:auto}}

/* ——— 卷首小元素 ——— */
.lb-lead-label{font-size:12px;letter-spacing:.26em;color:var(--bl-fg-muted);margin:0 0 var(--sp-3)}
.lb-hint{font-size:13px;color:var(--bl-fg-muted);line-height:1.8}

/* ——— 阅读路线卡（首页）与信任条 ——— */
.lb-route-no{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;color:var(--bl-amber);margin-bottom:var(--sp-2)}
.lb-route-time{font-size:12.5px;color:var(--bl-fg-muted);margin-top:var(--sp-3);letter-spacing:.02em}
.lb-trust{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);margin:var(--sp-6) 0 0;padding:var(--sp-4) 0 0;border-top:1px dashed var(--bl-line);font-size:13.5px;color:var(--bl-fg-muted)}
.lb-trust a{font-weight:600}

/* 窄屏表格标准已上收全站（tokens.css · 2026-09-27 宁哥定） */

/* ——— 本页目录（卷一长文） ——— */
.lb-page-toc{margin:0 0 var(--sp-5);background:#fff;border:1px solid var(--bl-line);border-radius:var(--radius-card);padding:var(--sp-4) var(--sp-5)}
.lb-toc-label{font-size:12px;letter-spacing:.26em;color:var(--bl-fg-muted);margin:0 0 var(--sp-3)}
.lb-toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 var(--sp-5)}
.lb-toc-grid a{display:block;font-size:14px;padding:6px 2px;color:var(--bl-green);border-bottom:1px dashed transparent}
.lb-toc-grid a:hover{background:var(--bl-green-soft);text-decoration:none}
.lb-toc-grid .lb-toc-h3{padding-left:var(--sp-4);color:var(--bl-fg-muted);font-size:13.5px}

/* ——— 五步一览（方法篇） ——— */
.lb-steps{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--bl-green-soft);border-radius:var(--radius-card)}
.lb-step{font-family:var(--font-display);font-weight:700;color:var(--bl-green);font-size:15px}
.lb-step-arrow{color:var(--bl-amber-ink)}
.lb-step-ref{font-size:13px;color:var(--bl-fg-muted);margin:var(--sp-3) 0 0}

/* ——— 相关产品（卡页） ——— */
.lb-related{margin:var(--sp-5) 0 0;font-size:13.5px;color:var(--bl-fg-muted)}
.lb-related a{font-weight:600}

/* ——— 快速定位（目录页） ——— */
.lb-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin:0 0 var(--sp-4)}
.lb-chips-label{font-size:12px;letter-spacing:.2em;color:var(--bl-fg-muted)}
.lb-chips a{display:inline-block;padding:5px 12px;font-size:13px;border:1px solid var(--bl-line);border-radius:var(--radius-pill);background:#fff;color:var(--bl-green)}
.lb-chips a:hover{border-color:var(--bl-amber-soft);background:var(--bl-green-soft);text-decoration:none}

/* ——— 二维码（入群页） ——— */
.lb-qr{margin:var(--sp-5) 0;text-align:center}
.lb-qr img{display:inline-block;width:220px;height:auto;border:1px solid var(--bl-line);border-radius:var(--radius-card);padding:10px;background:#fff}
.lb-qr figcaption{font-size:13px;color:var(--bl-fg-muted);margin-top:var(--sp-2)}

/* ——— FAQ（入群页） ——— */
.lb-faq-q{margin:var(--sp-5) 0 var(--sp-1)}
.lb-faq-a{color:var(--bl-fg-muted);border-left:2px solid var(--bl-line);padding-left:var(--sp-4);margin:0 0 var(--sp-4)}

/* ——— 打印：作品天然适合打印 ——— */
@media print{
  .bl-nav,.bl-footer,.mag-search,.chapter-nav,.lb-cta-band,.lb-cta-line,aside,.lb-fab,script{display:none!important}
  .lb-cover-frame::before{border-color:#ccc}
  body{background:#fff}
}