/* ============================================================
   杏和舒筋堂 · 全站统一排版  xh-统一-20261015.css
   龙龙侠2 制 · 一个文件管全站：字体/字号/行距/段距/缩进/标题/目录
   调法：改下面 :root 数字即可，全站瞬间生效；删链接即撤销
   安全线：只动"阅读内容区"，不碰落地页大标题/版式
   ============================================================ */
:root{
  --统一字体正文: "Noto Serif SC","Songti SC","Source Han Serif SC","Noto Serif CJK SC","STSong",SimSun,serif;
  --统一字体界面: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",sans-serif;
  --统一字正文: 21px;
  --统一字界面: 16px;
  --统一行距: 1.95;
  --统一段距: 0.72em;
  --统一缩进: 2em;
  --统一列宽: 760px;   /* 阅读列最大宽（电脑）——调大列宽两侧留白就小，调小则留白大 */
  --统一列边: 28px;    /* 阅读列左右内边——独立追加的内留白 */
  --统一字色: #26221c;
  --统一金: #b8873a;
  --统一主: #5c3d2e;
  --统一纸: #fffdf9;
  --统一底: #f5f1ea;
}

/* 注：黑金页（文章/落地）自带"字体兜底"变量系统（同门小马所建），
   本表不覆盖其 --字-正文/--行高/--段间，以免擅改同门设计；
   两边对齐后再由双方商量合并。 */

/* 一、界面字体统一（按钮/输入/表格/导航）——低风险，全站生效 */
body,button,input,select,textarea,table,th,td{ font-family:var(--统一字体界面); }
html{ -webkit-text-size-adjust:100%; }

/* 二、阅读正文统一：衬线 / 18px / 1.9 / 缩进2em / 段距0.62em / 两端对齐
     只作用于"阅读容器"，不动营销页 hero */
.书正文 p,.书正文 .条 p,.书正文 .jie p,.书体 p,.jie p,.条 p,
.正文 p,.内容 p,.article p,.article-body p,.entry-content p,.rich-text p,.markdown p,
.post-body p,.article-content p,.content p{
  font-family:var(--统一字体正文) !important;
  font-size:var(--统一字正文) !important;
  line-height:var(--统一行距) !important;
  text-indent:var(--统一缩进) !important;
  margin:0 0 var(--统一段距) !important;
  text-align:justify !important;
  color:var(--统一字色);
}
.书正文 li,.正文 li,.内容 li,.article-body li,.entry-content li,article li{ text-indent:0 !important; }

/* 三、阅读区标题三档统一（只限阅读容器，不动首页大标题）——随屏档缩放 */
.书正文 h1,.正文 h1,.内容 h1,.article-body h1,.entry-content h1{ font-size:30px !important; line-height:1.35 !important; font-weight:700 !important; }
.书正文 h2,.正文 h2,.内容 h2,.article-body h2,.entry-content h2{ font-size:23px !important; line-height:1.4 !important; font-weight:700 !important; }
.书正文 h3,.正文 h3,.内容 h3,.article-body h3,.entry-content h3{ font-size:19px !important; line-height:1.45 !important; font-weight:700 !important; }
.条头,.章头,.节头{ font-family:var(--统一字体正文) !important; color:var(--统一主); font-weight:700; }

/* 四、目录统一：同字体、同字号、点线、悬停高亮 */
.书目录,.目录,.toc,.侧栏目录{ font-family:var(--统一字体界面) !important; font-size:var(--统一字界面) !important; line-height:1.9 !important; }
.书目录 a,.目录 a,.toc a,.侧栏目录 a{ display:block; padding:4px 8px; border-radius:6px; color:var(--统一主); text-decoration:none; }
.书目录 a:hover,.目录 a:hover,.toc a:hover,.侧栏目录 a:hover{ background:rgba(184,135,58,.12); }

/* 五、三档字体：电脑(默认)21 / 平板19 / 手机17 —— 三端绝不同一号 */
@media (max-width:1024px){
  :root{ --统一字正文:19px; }
  .书正文 h1,.正文 h1,.内容 h1{ font-size:26px !important; }
  .书正文 h2,.正文 h2,.内容 h2{ font-size:21px !important; }
  .书正文 h3,.正文 h3,.内容 h3{ font-size:18px !important; }
}
@media (max-width:640px){
  :root{ --统一字正文:17px; }
  .书正文 h1,.正文 h1,.内容 h1{ font-size:23px !important; }
  .书正文 h2,.正文 h2,.内容 h2{ font-size:19px !important; }
  .书正文 h3,.正文 h3,.内容 h3{ font-size:17px !important; }
}

/* 六、舒适阅读列：电脑两侧加大留白（行长约 30-34 字，不压抑）——只作用于阅读页 */
@media (min-width:1024px){
  html[data-和类]:not(#_x) .书正文,
  html[data-和类]:not(#_x) .xh-body,
  html[data-和类]:not(#_x) .内,
  html[data-和类]:not(#_x) .内容,
  html[data-和类]:not(#_x) .正文{
    max-width:var(--统一列宽) !important;
    margin-left:auto !important; margin-right:auto !important;
    padding-left:var(--统一列边) !important; padding-right:var(--统一列边) !important;
  }
}

/* 七、超大屏再涨一档正文 */
@media (min-width:1600px){
  :root{ --统一字正文:22px; }
  .书正文 h1,.正文 h1,.内容 h1{ font-size:32px !important; }
  .书正文 h2,.正文 h2,.内容 h2{ font-size:24px !important; }
}

/*==分类皮肤·开始==*/
/* ============================================================
   杏和舒筋堂 · 分类皮肤（龙龙侠2 · 2026-10-15 二班）
   四型：古籍书 / 现代书 / 文章 / 公众号文章
   机制：html[data-和类="…"]；黑金模板页(同门小马所建)另带 data-黑金="1"
   权重：选择器带 :not(#_x) 提权，保证稳定接管（否则被页面尾部的
         内联 !important 规则压住，如 html.xh-reader .xh-body h1）
   撤销：删掉 data-和类 / data-黑金 两个属性即全站回原样
   ============================================================ */
html[data-和类]{
  --和纸:#fffdf9; --和底:#f5f1ea; --和字:#26221c; --和主:#5c3d2e;
  --和金:#b8873a; --和淡:#7a6f60; --和线:#e3d9c9;
  --和正文:21px; --和行距:1.95; --和段距:0.72em;
}

/* ---------- 零、纸面感 ---------- */
html[data-和类]:not(#_x) body{ background:transparent; }
@media (min-width:920px){
  html[data-和类]:not(#_x):not([data-黑金]) .内,
  html[data-和类]:not(#_x):not([data-黑金]) .wrap{
    border-radius:14px; box-shadow:0 1px 0 rgba(0,0,0,.03),0 18px 50px -28px rgba(60,40,20,.35);
  }
}

/* ============================================================
   一、古籍书 —— 宋体 · 米黄纸 · 卷首金线 · 金点条头
   ============================================================ */
html[data-和类="古籍书"]:not(#_x) h1{
  font-family:var(--统一字体正文) !important;
  text-align:center !important; color:var(--和主) !important;
  font-size:28px !important; letter-spacing:.08em !important; font-weight:700 !important;
  margin:.35em 0 .1em !important; padding-bottom:.18em;
}
html[data-和类="古籍书"]:not(#_x) h1::after{
  content:""; display:block; width:72px; height:2px; margin:14px auto 0;
  background:linear-gradient(90deg,transparent,var(--和金) 20%,var(--和金) 80%,transparent);
}
html[data-和类="古籍书"]:not(#_x) .书正文 p,
html[data-和类="古籍书"]:not(#_x) .书体 p,
html[data-和类="古籍书"]:not(#_x) .条 p,
html[data-和类="古籍书"]:not(#_x) .jie p,
html[data-和类="古籍书"]:not(#_x) .wrap p{
  font-family:var(--统一字体正文) !important; color:var(--和字) !important;
  font-size:var(--和正文) !important; line-height:var(--和行距) !important;
  text-indent:2em !important; text-align:justify !important;
  margin:0 0 var(--和段距) !important;
}
html[data-和类="古籍书"]:not(#_x) .条头,
html[data-和类="古籍书"]:not(#_x) .章头,
html[data-和类="古籍书"]:not(#_x) .节头{
  font-family:var(--统一字体正文) !important; color:var(--和主) !important; font-weight:700 !important;
  border-left:3px solid var(--和金); padding-left:10px; line-height:1.5 !important;
}
html[data-和类="古籍书"]:not(#_x) .书, html[data-和类="古籍书"]:not(#_x) .书头{
  font-family:var(--统一字体界面) !important; color:var(--和淡) !important; letter-spacing:.14em;
}
html[data-和类="古籍书"]:not(#_x) .foot a{
  display:inline-block; padding:6px 14px; margin:3px 4px; border:1px solid var(--和线);
  border-radius:999px; color:var(--和主) !important; text-decoration:none; background:var(--和纸);
}
html[data-和类="古籍书"]:not(#_x) .foot a:hover{ border-color:var(--和金); background:rgba(184,135,58,.08); }
html[data-和类="古籍书"]:not(#_x) .foot .kong{ color:#bcae99 !important; }

/* ============================================================
   二、现代书（教材/讲义）—— 无衬线 · 墨绿 · 编号方章 · 表斑马
   ============================================================ */
html[data-和类="现代书"]:not(#_x){ --和绿:#1f5c4d; background:#f6f6f3; }
html[data-和类="现代书"]:not(#_x) h1{
  font-family:var(--统一字体界面) !important; color:#1d2b26 !important;
  font-size:28px !important; font-weight:800 !important; margin:.3em 0 .2em !important;
}
html[data-和类="现代书"]:not(#_x) h2{
  font-family:var(--统一字体界面) !important; color:#173f35 !important;
  font-size:23px !important; font-weight:800 !important; margin:1.5em 0 .5em !important;
  padding-left:14px; border-left:6px solid var(--和绿);
}
html[data-和类="现代书"]:not(#_x) h3{ color:#1f5c4d !important; font-size:19px !important; font-weight:700 !important; }
html[data-和类="现代书"]:not(#_x) .内 p,
html[data-和类="现代书"]:not(#_x) .wrap p{
  font-family:var(--统一字体界面) !important; color:#26302c !important;
  font-size:var(--和正文) !important; line-height:1.85 !important;
  text-indent:2em !important; margin:0 0 .6em !important;
}
html[data-和类="现代书"]:not(#_x) table{ border-collapse:collapse; width:100%; }
html[data-和类="现代书"]:not(#_x) th{ background:#eef3f0 !important; color:#1f5c4d !important; }
html[data-和类="现代书"]:not(#_x) tr:nth-child(even) td{ background:#f7faf8; }
html[data-和类="现代书"]:not(#_x) blockquote{
  margin:.8em 0; padding:.7em 1em; background:#f0f6f3;
  border-left:4px solid var(--和绿); border-radius:0 8px 8px 0;
}

/* ============================================================
   三、文章（杂志感）—— 大标题 · 导语分割 · 不缩进 · 引文朱线
   ============================================================ */
html[data-和类="文章"]:not(#_x){ --和朱:#b06a3a; background:#faf6ef; }
html[data-和类="文章"]:not(#_x) h1{
  font-family:var(--统一字体界面) !important; color:#2a211c !important;
  font-size:30px !important; font-weight:800 !important; line-height:1.32 !important;
  margin:.35em 0 .25em !important;
}
html[data-和类="文章"]:not(#_x) .sub, html[data-和类="文章"]:not(#_x) .元{
  color:var(--和淡) !important; font-size:14.5px !important;
  padding-bottom:.7em; margin-bottom:.9em; border-bottom:1px dashed var(--和线);
}
html[data-和类="文章"]:not(#_x) .内 p,
html[data-和类="文章"]:not(#_x) .wrap p{
  font-family:var(--统一字体界面) !important; color:#2f2823 !important;
  font-size:var(--和正文) !important; line-height:1.95 !important;
  text-indent:0 !important; margin:0 0 1.05em !important; text-align:justify !important;
}
html[data-和类="文章"]:not(#_x) img{ border-radius:10px; max-width:100%; height:auto; }
html[data-和类="文章"]:not(#_x) blockquote{
  margin:1.1em 0; padding:.2em 0 .2em 1em; background:none;
  border-left:3px solid var(--和朱); color:#6a5a4e !important;
}
html[data-和类="文章"]:not(#_x) h2{ color:#3a2d24 !important; font-size:23px !important; margin:1.6em 0 .5em !important; }

/* ============================================================
   四、公众号文章 —— 居中标题 · 来源行 · 微信阅读手感
   ============================================================ */
html[data-和类="公众号文章"]:not(#_x){ background:#f7f7f6; }
html[data-和类="公众号文章"]:not(#_x) h1{
  font-family:var(--统一字体界面) !important; color:#1f1f1f !important;
  font-size:25px !important; font-weight:700 !important; line-height:1.45 !important;
  text-align:center !important; margin:.5em 0 .35em !important;
}
html[data-和类="公众号文章"]:not(#_x) .元, html[data-和类="公众号文章"]:not(#_x) .sub{
  text-align:center !important; color:#9aa0a6 !important; font-size:13.5px !important;
  border:0 !important; margin-bottom:1.1em !important;
}
html[data-和类="公众号文章"]:not(#_x) .内 p,
html[data-和类="公众号文章"]:not(#_x) .wrap p{
  font-family:var(--统一字体界面) !important; color:#333 !important; letter-spacing:.02em;
  font-size:var(--和正文) !important; line-height:1.95 !important;
  text-indent:0 !important; margin:0 0 1.15em !important; text-align:justify !important;
}
html[data-和类="公众号文章"]:not(#_x) img{ border-radius:8px; max-width:100%; height:auto; }
html[data-和类="公众号文章"]:not(#_x) strong, html[data-和类="公众号文章"]:not(#_x) b{ color:#a8722c; }
html[data-和类="公众号文章"]:not(#_x) blockquote{
  margin:1.1em 0; padding:.7em 1em; background:#f2f2f0; color:#555 !important; border-radius:6px;
}

/* ---------- 五、三档响应：电脑(默认)21 / 平板19 / 手机17 —— 绝不做成三端一个规格 ---------- */
@media (max-width:1024px){
  html[data-和类]:not(#_x){ --和正文:19px; --和段距:0.68em; }
  html[data-和类="古籍书"]:not(#_x) h1{ font-size:25px !important; }
  html[data-和类="现代书"]:not(#_x) h1{ font-size:25px !important; }
  html[data-和类="现代书"]:not(#_x) h2{ font-size:21px !important; }
  html[data-和类="现代书"]:not(#_x) h3{ font-size:18px !important; }
  html[data-和类="文章"]:not(#_x) h1{ font-size:26px !important; }
  html[data-和类="文章"]:not(#_x) h2{ font-size:21px !important; }
  html[data-和类="公众号文章"]:not(#_x) h1{ font-size:23px !important; }
}
@media (max-width:640px){
  html[data-和类]:not(#_x){ --和正文:17px; --和段距:0.6em; }
  html[data-和类="文章"]:not(#_x) h1,
  html[data-和类="公众号文章"]:not(#_x) h1{ font-size:22px !important; }
  html[data-和类="古籍书"]:not(#_x) h1,
  html[data-和类="现代书"]:not(#_x) h1{ font-size:22.5px !important; }
  html[data-和类="现代书"]:not(#_x) h2{ font-size:19px !important; }
}
@media (min-width:1600px){
  html[data-和类]:not(#_x){ --和正文:22px; }
  html[data-和类="古籍书"]:not(#_x) h1{ font-size:30px !important; }
  html[data-和类="现代书"]:not(#_x) h1{ font-size:30px !important; }
  html[data-和类="文章"]:not(#_x) h1{ font-size:32px !important; }
  html[data-和类="公众号文章"]:not(#_x) h1{ font-size:26px !important; }
}

/*==分类皮肤·结束==*/

/*==书页顶栏常驻·开始==*/
/* 修：书页 .书顶 的 sticky 被 html,body{overflow-x:hidden} 破坏（手机）。
   overflow-x:clip 不产生滚动容器，sticky 恢复正常，且仍不横溢。龙龙侠2 2026-10-15 */
html:not(#_x):has(.书顶) body:not(#_y){ overflow-x: clip !important; }
/*==书页顶栏常驻·结束==*/