/*! 书籍阅读 · 宣纸主题（与 Pinyin/mobi7/split/style.css 同一套视觉，但作用域限定在 .book-page 内，
    不覆盖站内 body/全局样式；朗读控制条 .reader-bar 是固定浮层，放全局）。
    字体走 Google Fonts 国内镜像 fonts.googleapis.cn，避免国内访问过慢。 */
@import url('https://fonts.googleapis.cn/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&display=swap');

.book-page{
  --ink:#33291c;          /* 墨色 */
  --ink-soft:#6a563c;     /* 淡墨 */
  --paper:#f3e9d2;        /* 宣纸底 */
  --paper-hi:#fbf4e2;     /* 高光纸 */
  --vermilion:#9e2b25;    /* 朱砂 */
  --vermilion-d:#7c1f1a;  /* 深朱 */
  --gold:#a87b2e;         /* 古铜 */
  --line:#cbb487;         /* 描边 */

  color:var(--ink);
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  line-height:2;
  -webkit-font-smoothing:antialiased;
  padding:2.2em 1.8em 2.6em;
  background:linear-gradient(180deg,var(--paper-hi),var(--paper));
  border:1px solid var(--line);
  box-shadow:0 0 0 5px var(--halo,#fff), 0 10px 30px rgba(70,45,20,.10);
  border-radius:2px;
}

/* ================= 阅读设置：背景主题（bk-settings.js 在 .book-page 上挂类） ================= */
/* 羊脂白 */
.book-page.bk-theme-cream{ --paper:#f8f4ea; --paper-hi:#fffdf6; --line:#d8c9a8; }
/* 护眼绿 */
.book-page.bk-theme-green{
  --paper:#cfe3c8; --paper-hi:#ddeedd; --ink:#26372a; --ink-soft:#4c6650; --line:#9dbb9b;
}
/* 夜间墨色 */
.book-page.bk-theme-dark{
  --paper:#2a251e; --paper-hi:#332c23; --ink:#d9c8a3; --ink-soft:#a5946f;
  --line:#5c4e39; --halo:#15120d; --vermilion:#e08580; --vermilion-d:#e8a09a; --gold:#c19a5b;
}

/* 阅读设置工具条（字号 / 背景色） */
.bk-tools{
  display:flex; align-items:center; justify-content:center; gap:.45em;
  margin:0 0 1.2em; flex-wrap:wrap;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
.bk-tools button{
  font-family:inherit; font-size:.86em; cursor:pointer; color:var(--vermilion);
  background:var(--paper-hi); border:1px solid var(--line); border-radius:999px;
  padding:.18em .7em; line-height:1.4;
}
.bk-tools button:hover{ background:rgba(158,43,37,.08); }
.bk-tools .bk-sep{ width:1px; height:1.4em; background:var(--line); margin:0 .35em; }
.bk-tools .bk-dot{ width:1.5em; height:1.5em; padding:0; border-radius:50%; }
.bk-tools .bk-dot[aria-pressed="true"]{ box-shadow:0 0 0 2px var(--vermilion); }

/* 拼音：专用无衬线字体，声调符号清晰 */
.book-page rt{
  font-family:"Noto Sans","Trebuchet MS","Segoe UI",Verdana,sans-serif;
  font-size:62%; font-weight:400; letter-spacing:.02em;
  color:var(--ink-soft);
}
.book-page ruby{ margin:0 .05em; }

/* ================= 目录页 · 扉页 ================= */
.book-front{ text-align:center; margin-bottom:1.2em; }
.book-front p{ margin:.15em 0; }
.book-seal{
  display:inline-block; font-family:"Ma Shan Zheng","Noto Serif SC",serif;
  color:var(--paper-hi); background:var(--vermilion);
  padding:.3em .5em; border-radius:4px; font-size:.72em; letter-spacing:.12em;
  transform:rotate(-3deg); box-shadow:0 1px 4px rgba(0,0,0,.22); margin-bottom:.8em;
}
.book-title{
  text-align:center; font-family:"Ma Shan Zheng","Noto Serif SC","KaiTi",serif;
  color:var(--vermilion); font-size:2.2em; letter-spacing:.16em;
  margin:.1em 0 .25em; font-weight:bold;
}
.book-summary{
  text-align:center; color:var(--ink-soft); letter-spacing:.16em;
  margin:.8em 0 1.4em; font-size:.92em;
}
.book-summary::before,.book-summary::after{ content:"—"; color:var(--gold); margin:0 .8em; }

/* ================= 目录页 · 字卷与回目 ================= */
.book-toc h2{
  font-family:"Ma Shan Zheng","Noto Serif SC","KaiTi","STKaiti",serif;
  color:var(--vermilion); font-size:1.2em; letter-spacing:.15em;
  border-bottom:1px solid var(--line); padding-bottom:.3em; margin:1.5em 0 .6em;
}
.book-toc h2::before{ content:"卷\00A0"; color:var(--gold); }
.book-toc ul{ list-style:none; padding:0; margin:.4em 0; column-count:2; column-gap:2.2em; }
.book-toc li{ margin:.3em 0; break-inside:avoid; }
.book-toc a{
  color:var(--ink); text-decoration:none; border-bottom:1px dotted transparent; font-size:.95em;
}
.book-toc a:hover{ color:var(--vermilion); border-bottom-color:var(--vermilion); }

/* ================= 书库列表 ================= */
.book-shelf{ display:flex; flex-wrap:wrap; gap:18px; }
.book-card{
  display:flex; gap:14px; width:100%; padding:14px;
  border:1px solid var(--line); border-radius:4px; background:var(--paper-hi);
}
.book-card:hover{ box-shadow:0 2px 12px rgba(70,45,20,.16); }
.book-card .bc-cover{
  width:88px; flex:none; height:124px; object-fit:cover;
  background:#e8dcc0; border:1px solid var(--line); border-radius:2px;
}
.book-card .bc-no{
  width:88px; flex:none; height:124px; display:flex; align-items:center; justify-content:center;
  background:var(--vermilion); color:var(--paper-hi); font-family:"Ma Shan Zheng",serif;
  font-size:1.5em; letter-spacing:.1em; border-radius:2px;
}
.book-card .bc-body{ min-width:0; }
.book-card .bc-title{
  font-family:"Ma Shan Zheng","Noto Serif SC","KaiTi",serif;
  color:var(--vermilion-d); font-size:1.35em; margin:0 0 .3em;
}
.book-card .bc-meta{ color:var(--ink-soft); font-size:.86em; margin:.15em 0; }
.book-card .bc-intro{
  color:var(--ink-soft); font-size:.88em; line-height:1.9; margin-top:.5em;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

/* ================= 阅读页 ================= */
.book-volume{
  text-align:center; color:var(--vermilion);
  font-family:"Ma Shan Zheng","Noto Serif SC","KaiTi","STKaiti",serif;
  font-size:1.8em; letter-spacing:.22em; margin:.2em 0 .8em; font-weight:bold;
}
.book-chap-meta{
  text-align:center; color:var(--ink-soft); letter-spacing:.3em;
  font-size:.8em; margin-bottom:1.2em;
}
.book-chap-meta::before,.book-chap-meta::after{ content:"·"; color:var(--vermilion); margin:0 .6em; }
.book-content > p{ margin:.5em 0; text-align:justify; text-justify:inter-ideograph; line-height:2.8; }
.book-content > p.chapter-title{
  text-align:center; font-family:"Ma Shan Zheng","Noto Serif SC","KaiTi","STKaiti",serif;
  font-size:1.4em; color:var(--vermilion-d); font-weight:bold;
  line-height:1.7; margin:0 0 1.4em;
}
.book-content > p.chapter-title rt{ color:var(--vermilion-d); }
.book-content blockquote{
  margin:1em 0; padding-left:1em; border-left:3px solid var(--line); color:var(--ink-soft);
}

/* 回末分隔 */
.book-rule{
  display:flex; align-items:center; justify-content:center; gap:.8em;
  color:var(--gold); margin:1.6em 0; font-size:.9em; letter-spacing:.4em;
}
.book-rule::before,.book-rule::after{
  content:""; height:1px; width:6em; background:linear-gradient(90deg,transparent,var(--line));
}
.book-rule::after{ background:linear-gradient(90deg,var(--line),transparent); }

/* 翻页导航 */
.book-nav{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.6em;
  margin-top:1.8em; padding-top:1em; border-top:1px solid var(--line);
  font-family:"Noto Serif SC","KaiTi","STKaiti",serif; font-size:.98em;
}
.book-nav a{
  color:var(--vermilion); text-decoration:none; padding:.25em .7em;
  border:1px solid transparent; border-radius:3px;
}
.book-nav a:hover{ border-color:var(--line); background:rgba(158,43,37,.06); }

/* 面包屑 */
.book-crumb{ font-size:.85em; color:var(--ink-soft); margin-bottom:1em; }
.book-crumb a{ color:var(--vermilion); }

/* 提示：浏览器不支持朗读时给出说明（JS 会移除 .reader-tip） */
.reader-tip{
  margin-top:1em; font-size:.82em; color:var(--ink-soft); text-align:center;
  background:rgba(168,123,46,.08); border:1px dashed var(--line); border-radius:4px; padding:.5em .8em;
}

/* ================= 浏览器原生朗读（Web Speech API）· 底部悬浮控制条 ================= */
.reader-bar{
  position:fixed; left:50%; bottom:1.1em; transform:translateX(-50%);
  display:flex; align-items:center; gap:.5em; flex-wrap:wrap; justify-content:center;
  padding:.45em .75em; border-radius:999px; max-width:94vw;
  background:rgba(251,244,226,.96); border:1px solid #cbb487;
  box-shadow:0 6px 22px rgba(70,45,20,.22);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:.86em; color:#33291c; z-index:99;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.reader-bar button{
  font-family:inherit; font-size:1em; cursor:pointer; white-space:nowrap;
  color:#9e2b25; background:transparent;
  border:1px solid #cbb487; border-radius:999px; padding:.25em .85em;
}
.reader-bar button:hover:not([disabled]){ background:rgba(158,43,37,.08); }
.reader-bar button[disabled]{ opacity:.38; cursor:default; }
.reader-bar .rd-label{ color:#6a563c; letter-spacing:.05em; }
.reader-bar input[type=range]{ width:6.5em; accent-color:#9e2b25; vertical-align:middle; }
.reader-bar select{
  max-width:9.5em; font-family:inherit; font-size:.95em; color:#33291c;
  background:#fbf4e2; border:1px solid #cbb487; border-radius:6px; padding:.15em .3em;
}

/* 正在朗读的句子高亮（宣纸上的淡朱砂底） */
.book-content .seg.active{
  background:linear-gradient(180deg, rgba(158,43,37,.10), rgba(158,43,37,.17));
  border-radius:3px; box-shadow:0 0 0 2px rgba(158,43,37,.10);
  transition:background .18s ease;
}

@media (max-width:640px){
  .book-page{ padding:1.4em 1em 1.8em; }
  .book-toc ul{ column-count:1; }
  .book-title{ font-size:1.7em; }
}
@media print{
  .reader-bar{ display:none; }
  .book-content .seg.active{ background:none; box-shadow:none; }
}