/* ══════════════════════════════════════════════════════════════════
   R-HQYS-04 · hqys-portal 布局修正
   0) 全站链接去下划线（含 hover），导航项下方的朱红线即 underline
   1) 桌面：清零 ul 默认 40px 缩进（此前今日头条整列右移、压进焦点图）
   2) 移动端 ≤768：整站固定 1200px 改流式、三栏改单列、焦点图自适应
   ══════════════════════════════════════════════════════════════════ */

/* ── 0. 全站链接去下划线（含 hover / active / focus 与链接内的子元素）──
   镜像样式里 `a:hover{text-decoration:underline}` 和部分 a 的基础规则都带
   underline（导航项下方那条朱红线就是它），统一清掉；只去文字装饰线，
   border 类装饰（页脚分隔、按钮边框）保持原样 */
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus,
a * {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
}

/* ── 0.2 链接「笔触下划线」：镜像用 a::after 画一条 47×9 的 SVG 毛笔线，
   hover 与当前项时 scaleX(1) 露出来 —— 视觉上就是下划线，统一压掉。
   当前栏目改用文字色/字重区别，避免失去位置感 */
.shouyedhl ul li a::after,
.shouyenr2-1-1-2 li > a::after,
.shouyenr2-1-2-1-1 > a::after,
.dibu .cnf-links a::after,
a.biaoti::after {
  transform: scaleX(0) !important;
  opacity: 0 !important;
}
.shouyedhl ul li a.one {
  color: #a1291f !important;
  font-weight: 700;
}

/* ── 0.3 列表去 UA 默认圆点 ──
   镜像里大量 ul 没写 list-style，浏览器默认 disc 就是那个黑圆点；列表的视觉
   本来靠 li::before 的朱菱形/序号，圆点纯属多余。只动 ul，ol 的有序编号保留 */
ul,
ul li {
  list-style: none !important;
}
ul li::marker {
  content: none !important;
  display: none !important;
}

/* ── 1. 桌面：今日头条列表对齐 ── */
.shouyenr2-1-1-2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shouyenr2-1-1-2 li > a {
  min-width: 0; /* flex 子项默认 min-width:auto 会撑破，改 0 才能省略号 */
}

@media (min-width: 769px) {
  /* 首屏三栏 248+30+640+30+248=1196，比 1200 容器短 4px，
     右栏右边界 1316 与下方五段版块（3-2 由 margin-left:auto 顶到 1320）
     差 4px ⇒ 补 4px，全站右栏一条线 */
  .shouyenr2-1-3 {
    margin-left: 4px;
  }

  /* 右栏列表 a 写死 240/242px，而 ul 带 40px 默认缩进 ⇒ li 只剩 208px，
     a 溢出栏右边界 32~34px（省略号飘到版心外面）⇒ 改回 100% */
  .shouyenr2-1-3-2 li a,
  .shouyenr2-1-3-2 li:nth-child(1) a {
    width: 100% !important;
  }

  /* 版块头条 a 写死 630px，而 .right 本身有 920px ⇒ 右边空着 290px 却把标题
     截成省略号。放开到整栏宽（707px 的标题即可完整显示），超长才省略 */
  .shouyenr3-1-2-2-1-1 .right > a:nth-of-type(1) {
    width: 100% !important;
    max-width: 100% !important;
    text-overflow: ellipsis;
  }
}

/* 版块头条下方那条毛笔装饰线挂在 .right::after 上（宽 630、hover 时 scaleX(1)
   露出，视觉等同下划线），与链接下划线一并压掉；.shouyenr3-1-2-2-1-1::after
   是移动端那条 168×5 的朱笔（桌面也有，淡淡一层），同压 */
.shouyenr3-1-2-2-1 .right::after,
.shouyenr3-1-2-2-1-1::after {
  transform: scaleX(0) !important;
  opacity: 0 !important;
}

/* ── 2. 移动端 ── */
@media (max-width: 768px) {
  html, body { max-width: 100%; overflow-x: hidden; }

  /* 固定宽容器全部流式 */
  .top-center, .shouyedhl-center, .shouyenr-center,
  .shouyenr, .shouyenr1, .shouyenr2, .shouyenr2-1, .shouyenr3, .shouyenr3-1,
  .shouyenr3-1-1, .shouyenr3-1-2, .shouyenr3-1-2-2, .shouyenr3-2,
  .shouyenr-hzhuan, .dibu, .dibu > div {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* 顶栏：logo 与搜索上下两行 */
  .top { padding: 0; }
  .top-center {
    height: auto !important;
    padding: 10px 12px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .top .cn-rule { display: none !important; }
  .top .logo, .top .logo h1 { margin: 0 !important; }
  .top .logo img { height: 44px !important; width: auto !important; }
  .ssk {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  .ssk .ss {
    width: calc(100% - 56px) !important;
    box-sizing: border-box;
  }

  /* 主导航：换行居中 */
  .shouyedhl { padding: 0 6px; height: auto !important; }
  .shouyedhl-center {
    height: auto !important;
    line-height: 1.6 !important;
    padding: 6px 4px !important;
  }
  .shouyedhl-center ul {
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 2px 10px;
    margin: 0 !important;
    padding: 2px 0 !important;
  }
  .shouyedhl ul li {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }
  .shouyedhl ul li a {
    width: auto !important;
    height: auto !important;
    padding: 5px 6px !important;
    font-size: 16px !important;
    letter-spacing: .5px !important;
    line-height: 1.5 !important;
  }
  /* 换行后两端朱印与间隔菱形会压字，隐藏 */
  .shouyedhl ul::before, .shouyedhl ul::after,
  .shouyedhl ul li:not(:last-child)::after { display: none !important; }

  /* 版块头条：桌面已放开到整栏宽，移动端 22px + nowrap 会横向硬裁
     ⇒ 允许换行、降字号，保持完整可读 */
  .shouyenr3-1-2-2-1-1 .right > a:nth-of-type(1) {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    height: auto !important;
    font-size: 19px !important;
    line-height: 1.5 !important;
    text-overflow: clip !important;
  }

  /* 文章页「热点条」.lbnr1 是 20px 定高横向条，竖排后 li 全被裁掉，
     只剩 60px 死空白 ⇒ 移动端整块隐藏 */
  .lbnr1 { display: none !important; }

  /* 文章页头：镜像 .basic-msg/.doc-detail 是 200px 定高 + overflow:hidden，
     竖排后内容 276px ⇒ 发布时间/浏览量被裁，必须解定高 */
  .basic-msg, .basic-msg .doc-detail {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  /* 文章页元信息改竖排，避免第三四项被容器裁掉 */
  .basic-msg .doc-msg { width: 100% !important; float: none !important; overflow: visible !important; }
  .basic-msg .doc-msg h3 {
    font-size: 21px !important;
    line-height: 1.45 !important;
    margin: 0 0 10px !important;
  }
  .basic-msg .doc-msg p {
    display: block !important;
    font-size: 14px !important;
    line-height: 24px !important;
    height: auto !important;
    margin: 0 0 2px !important;
  }
  .basic-msg .doc-header { display: none; }

  /* 三栏 → 单列 */
  .shouyenr2-1 { display: flex; flex-direction: column; }
  .shouyenr2-1-1, .shouyenr2-1-2, .shouyenr2-1-3 {
    width: 100% !important;
    float: none !important;
    margin: 0 0 18px !important;
  }
  .shouyenr2-1-1-2, .shouyenr2-1-1-2 li, .shouyenr2-1-1-2 li > a {
    width: 100% !important;
    box-sizing: border-box;
  }
  .shouyenr2-1-1-2 li > a {
    white-space: normal !important;
    height: auto !important;
    min-height: 23px;
  }

  /* 焦点图流式 */
  .shouyenr2-1-2 .tu {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 640 / 340;
    margin: 12px 0 18px !important;
  }
  .shouyenr2-1-2 .tu .qh { height: 100% !important; min-height: 0 !important; }
  .shouyenr2-1-2-1, .shouyenr2-1-2-2 { width: 100% !important; }

  /* 段落三：图文块流式（左图右文改上下） */
  .shouyenr3-1-2-2-1 { width: 100% !important; }
  .shouyenr3-1-2-2-1-1, .shouyenr3-1-2-2-1-2, .shouyenr3-1-2-2-1-1 .right {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }
  .shouyenr3-1-2-2-1-1 { margin: 0 0 12px !important; }
  .shouyenr3-2 { width: 100% !important; float: none !important; }

  /* 版块列表：桌面两列（li 各 150px，左 float / 右 float），390 下标题
     nowrap 溢出压到对面一列 ⇒ 移动端整行单列 */
  .shouyenr3-1-2-2-1-2 li {
    width: 100% !important;
    float: none !important;
    clear: both;
    margin: 0 0 14px !important;
  }
  .shouyenr3-1-2-2-1-2 li a {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    height: auto !important;
  }

  /* 列表页 / 内容页内层容器流式 */
  .lbnr, .lbnr-center, .hq-infopage, .filter, .filter dl, .filter dd,
  .doctor-list-wrap, .list-content, .doctor-list, .mbx,
  .shouyenr2-1-1-2, .shouyenr2-1-3-2,
  .xqnr, .xqnr-center, .lbnr1, .lbnr1 ul, .footer-top, .shouyedhl,
  .inner-layout, .basic-msg, .doc-detail, .doc-msg, .art-body, .webnr, .good-at, .doc-intro {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .shouyedhl { overflow-x: clip; }
  .xqnr-center li, .lbnr1 li { float: none !important; width: 100% !important; height: auto !important; }

  /* 广告：细横幅 1000×70 缩到 26px 完全不可读，移动端隐藏；
     方形侧栏广告按原尺寸居中，不上采样 */
  .hq-ad[data-slot="home_foot_ad"],
  .hq-ad[data-slot="list_top_banner_ad"],
  .hq-ad[data-slot="article_head_ad"] { display: none !important; }
  .hq-ad {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    text-align: center;
    display: block;
  }
  .hq-ad img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* 列表卡片单列 */
  .doctor-list li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
  }

  /* 正文图：镜像正文容器带 2em 首行缩进，inline 图会被推右 40px 顶出屏；
     部分正文图无 max-width 约束（800px 原图）⇒ 统一收进栏内。
     缩进只对纯文字段落保留 */
  .doc-intro, .intro-cont { text-indent: 0 !important; }
  .doc-intro p:not(:has(img)), .intro-cont p:not(:has(img)) { text-indent: 2em !important; }
  .doc-intro img, .intro-cont img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 页脚内层还有一层 1200px 定宽 div */
  .dibu-center > div {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* 推荐阅读轮播：slick 按桌面 slidesToShow 算宽度，390 屏下每张滑轨被压成
     63px 竖条、标题叠成一团 ⇒ 停掉 transform 计算，改原生横向滚动条 */
  .doc-outpatient .slick-list, .doc-slick .slick-list {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .doc-slick .slick-track {
    display: flex !important;
    width: auto !important;
    transform: none !important;
  }
  .doc-slick .slick-slide {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
  }
  .doc-slick .doc-item { margin: 10px 6px !important; }
  /* 卡内标题写死 288px + nowrap，会横穿到相邻卡片上 ⇒ 收进卡内两行截断 */
  .doc-slick .doc-item .doc-item-info a,
  .doc-slick .doc-item .doc-item-info a p.name,
  .doc-slick .doc-item .doc-item-info a span.protit {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
  .doc-slick .doc-item .doc-item-info a p.name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
  }
  .doc-slick .slick-arrow, .doc-slick .slick-dots { display: none !important; }

  /* 首页「要闻」热条：桌面是 3 列 grid，390 下每格只剩 64px ⇒ 标题全被截成
     两个字（"大咖…"）。移动端改单列整行 */
  .shouyenr1 ul {
    display: block !important;
    width: 100% !important;
  }
  .shouyenr1 li {
    width: 100% !important;
    white-space: nowrap !important;
  }
  .shouyenr1 li a {
    display: inline-block !important;
    width: auto !important;
    max-width: calc(100% - 18px) !important;
    vertical-align: middle;
    text-overflow: ellipsis;
  }

  /* 页脚 */
  .dibu .cnf-links, .dibu .cnf-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 6px 12px;
  }
}

/* ============================================================
   R-HQYS-09 · 轮播下方两张小卡（刮痧/冬病）行宽铺满
   缺陷：ul 默认 padding-left:40px 吃掉左侧 40px；a 写死 288px；
   li::after 分隔线只有 248px ⇒ 右侧空出一条 + 长标题被卡片
   overflow 硬切（"越喝越伤" 少字）。逐条改为满宽 + 省略号。
   🔴 li::before(hover 纸笺)/li::after(分隔线) 是主题装饰，只改宽度不占用。
   ============================================================ */
.shouyenr2-1-2-1-2 > ul {
  padding: 0 12px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}
.shouyenr2-1-2-1-2 > ul > li {
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  box-sizing: border-box;
}
.shouyenr2-1-2-1-2 > ul > li:last-child { margin-bottom: 0 !important; }
.shouyenr2-1-2-1-2 > ul > li > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 装饰同步铺满，右侧不再断线 */
.shouyenr2-1-2-1-2 > ul > li::before,
.shouyenr2-1-2-1-2 > ul > li::after {
  width: 100% !important;
  max-width: 100% !important;
}

/* ============================================================
   R-HQYS-10 · 轮播下两张小卡与左右列表底部对齐
   实测：左/右列列表 bottom=869，卡片 bottom=821（短 48px）。
   目标卡片高 127 → 175（694..869），三行均分，装饰外框同步拉高
   （::before 原 top:-13px / height:151px = 卡片高 +24px）。
   🔴 仅桌面生效：移动端两卡竖排，固定高会与装饰框/下一版块打架。
   ============================================================ */
@media (min-width: 769px) {
  .shouyenr2-1-2-1,
  .shouyenr2-1-2-2 {
    height: 175px !important;
  }
  .shouyenr2-1-2-1-2 {
    height: 131px !important;
    box-sizing: border-box;
  }
  .shouyenr2-1-2-1-2 > ul {
    height: 100% !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 !important;
    padding: 0 12px !important;
  }
  .shouyenr2-1-2-1-2 > ul > li { margin: 0 !important; }
  /* 外框底边与左右列表底边落在同一条线上（原 +24px 会多出 11px） */
  .shouyenr2-1-2-1::before,
  .shouyenr2-1-2-2::before {
    height: calc(100% + 13px) !important;
  }
}

/* ============================================================
   R-HQYS-11 · 「养生资讯」编号要闻版式（与其他 4 段去重复）
   其他段落：朱点 em + 点线分隔 + 定宽标题；本段改为
   「01–10 衬线编号 + 实线细分隔 + 标题满宽」，视觉上明确区分。
   🔴 只作用于渲染器给第 1 段打的 .hq-brief，其余段落不受影响。
   ============================================================ */
.hq-brief > ul { counter-reset: hqbrief; padding-left: 0 !important; }
.hq-brief > ul > li {
  counter-increment: hqbrief;
  padding-left: 46px !important;
  box-sizing: border-box;
  border-bottom: 1px solid #ece1cb !important;
}
/* 原朱点 / 朱笔：本段熄灭 */
.hq-brief > ul > li > em { display: none !important; }
.hq-brief > ul > li::after { display: none !important; }
/* 编号 01–10 */
.hq-brief > ul > li::before {
  content: counter(hqbrief, decimal-leading-zero) !important;
  position: absolute !important;
  left: 0 !important;
  top: -1px !important;
  width: 38px !important;
  height: auto !important;
  background: none !important;
  transform: none !important;
  opacity: 1 !important;
  border: 0 !important;
  font: 700 19px/1.1 Georgia, "Times New Roman", serif !important;
  color: rgba(161, 41, 31, .5) !important;
  letter-spacing: .5px;
  text-align: left;
}
.hq-brief > ul > li:hover::before { color: #a1291f !important; }
/* 标题满宽（原定宽 244px 会截断） */
.hq-brief > ul > li > a:nth-of-type(1) {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2c221a !important;
  font-weight: 700;
}
.hq-brief > ul > li > a:nth-of-type(1):hover { color: #a1291f !important; }
.hq-brief > ul > li > a:nth-of-type(2) {
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  color: #8a7a66 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* R-HQYS-11b · 编号前的红条来自主题 li::before 的 inset 4px 阴影，压掉 */
.hq-brief > ul > li::before {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* ===== R-HQYS-12 · 横幅广告对齐 1200 版心 =====
   原图 1000×70：首页居中于 1424 body（l=219/r=1221），列表/文章页左贴版心右空 200px，
   三种页面都不与 1200 版心（l=120/r=1320）对齐。
   现图重排为 1200×84（等比，非位图拉伸），容器同宽 + auto 居中 ⇒ 三页左右边都落在 120/1320。 */
@media (min-width: 769px) {
  .hq-ad[data-slot="home_foot_ad"],
  .hq-ad[data-slot="list_top_banner_ad"],
  .hq-ad[data-slot="article_head_ad"] {
    width: 1200px !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
  .hq-ad[data-slot="home_foot_ad"] > a,
  .hq-ad[data-slot="list_top_banner_ad"] > a,
  .hq-ad[data-slot="article_head_ad"] > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
  .hq-ad[data-slot="home_foot_ad"] img,
  .hq-ad[data-slot="list_top_banner_ad"] img,
  .hq-ad[data-slot="article_head_ad"] img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/* ===== R-HQYS-13 · 文章页底部归入 1200 版心（方案 A） =====
   现状：「最新文章」.hq-rel 与 300×250 侧栏广告都被渲染器插在 .dibu 之前、落在 BODY 层，
   容器 8..1432 全幅铺开，内部标题贴浏览器左边缘（版心 120）。
   修：.hq-rel 收成 1200 定宽 + auto 居中；广告按「50% - 600px」贴版心左线。 */
/* 🔴 extra.css 里的 .hq-rel 规则进不了 CSSOM（见下方 R-HQYS-15 的解析中断），
   卡片外观改在这里兜底，否则整块是无背景无边框的裸列表。 */
.hq-rel {
  background: #fffdf8;
  border: 1px solid #eadfc8;
  border-radius: 6px;
  padding: 20px 24px;
  margin: 22px 0;
  box-sizing: border-box;
}
.hq-rel h4 {
  margin: 0 0 14px;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #a1291f;
  border-left: 4px solid #a1291f;
}
.hq-rel ol {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: hqrel;
}
.hq-rel li {
  counter-increment: hqrel;
  position: relative;
  padding-left: 26px;
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.95;
  color: #5a4a3a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hq-rel li::before {
  content: counter(hqrel) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  line-height: 2.28;
  color: #a1291f;
}
.hq-rel li a {
  color: #5a4a3a;
  text-decoration: none;
}
.hq-rel li a:hover { color: #a1291f; }

@media (min-width: 769px) {
  .hq-rel {
    width: 1200px !important;
    max-width: calc(100% - 16px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hq-rel ol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px 40px;
  }
  .hq-ad[data-slot="article_side_ad"] {
    margin-left: max(0px, calc(50% - 600px)) !important;
    margin-right: auto !important;
  }
}

/* ===== R-HQYS-14 · 列表页：编号摘要流 + 右侧热门栏目（对齐参考版式） =====
   结构（渲染器生成）：.hq-catwrap > .list-content(880) + .hq-catside(300)，间距 20。
   配色沿用本站朱红，未照搬参考站墨绿（要绿只需把 #a1291f 换 #2f9e6a）。 */

/* 栏目大标题：左侧朱红竖条 */
.hq-catname {
  position: relative;
  margin: 16px 0 14px !important;
  padding-left: 15px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #2c221a !important;
}
.hq-catname::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 21px;
  background: #a1291f;
  border-radius: 1px;
}

/* 筛选条只剩「全部栏目」一个 tab，隐藏避免与标题重复 */
.filter.doctor-filter { display: none !important; }

@media (min-width: 769px) {
  .hq-catwrap {
    display: flex !important;
    align-items: flex-start;
    gap: 20px;
    width: 1200px !important;
    max-width: 100%;
  }
  /* 「推荐阅读」轮播保持 1200 通铺：它在两栏区之后、右侧栏早已结束，不存在压栏问题；
     收成 880 会让第 5 张卡被切一半（slick 按容器宽算幻灯片数），反而更碎。 */
  /* 轮播卡标题：主题写死 white-space:nowrap + 9rem 定宽 ⇒ 长标题横穿相邻卡片（实测重叠）
     改两行省略 + 撑满幻灯片宽 */
  .hq-catwrap ~ .doc-slick-box .doc-item .doc-item-info a {
    width: 100% !important;
    box-sizing: border-box;
  }
  .hq-catwrap ~ .doc-slick-box .doc-item .doc-item-info a p.name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100% !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    height: auto !important;
    max-height: none !important;
    white-space: normal !important;
    text-align: center;
  }
  .hq-catwrap > .list-content {
    flex: 0 0 880px;
    width: 880px !important;
    max-width: 100%;
  }
  .hq-catwrap > .hq-catside {
    flex: 0 0 300px;
    width: 300px;
  }
}

/* 列表项：单列编号流（原双列 378×250 图文卡） */
.hq-catwrap .doctor-list {
  counter-reset: hqcat;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;   /* 🔴 ul 默认 padding-left:40px ⇒ 整列右移 40px（实测 li left=160） */
}
.hq-catwrap .doctor-list > li {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 20px !important;
  padding: 0 0 20px !important;
  border: 0 !important;
  border-bottom: 1px dashed #e6dcc8 !important;
  counter-increment: hqcat;
  overflow: visible !important;
}
.hq-catwrap .doctor-list > li:last-child {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.hq-catwrap .doctor-list > li .detail {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}
.hq-catwrap .doctor-list > li .detail > .thumb { display: none !important; }

/* 标题行：编号悬挂 + 标题自动换行 */
.hq-catwrap .doctor-list > li .detail h2 {
  display: flex !important;
  align-items: baseline;
  gap: 2px;
  margin: 0 0 10px !important;
  font-size: 0 !important;
  line-height: 1.5 !important;
  height: auto !important;
}
.hq-catwrap .doctor-list > li .detail h2::before {
  content: counter(hqcat) "、";
  flex: none;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #2c221a;
}
.hq-catwrap .doctor-list > li .detail h2 > a {
  display: block;
  width: 100%;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: #2c221a !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.hq-catwrap .doctor-list > li .detail h2 > a:hover { color: #a1291f !important; }
/* 「更多>>」由渲染器输出为真链接，落在摘要之后（放 h2::after 会跑到摘要上面，实测） */
.hq-catwrap .doctor-list > li > .hq-item-more {
  display: block;
  margin-top: 9px;
  font-size: 12.5px;
  line-height: 1;
  color: #a1291f;
  text-decoration: none;
}
.hq-catwrap .doctor-list > li > .hq-item-more:hover { text-decoration: underline; }

/* 元信息（栏目/发布/阅读）隐藏，摘要 3 行 */
.hq-catwrap .doctor-list > li .detail .info > div { display: none !important; }
.hq-catwrap .doctor-list > li .detail p.col-goodat {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: none !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.95 !important;
  color: #6b6257 !important;
  white-space: normal !important;
  text-align: justify;
}
.hq-catwrap .doctor-list > li .detail p.col-goodat:empty { display: none !important; }

/* 右侧：热门栏目卡 */
.hq-catside { box-sizing: border-box; }
.hq-catcard {
  background: #fff;
  border: 1px solid #e8e2d6;
  border-radius: 3px;
}
.hq-catcard-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #f1ece1;
  font-size: 16px;
  font-weight: 700;
  color: #2c221a;
}
.hq-catcard-hd .hq-grid { flex: none; display: block; }
.hq-catcard-hd .hq-more {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: #a49a8c;
  text-decoration: none;
}
.hq-catcard-hd .hq-more:hover { color: #a1291f; }
.hq-cattags {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.hq-cattags > li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px dashed #f0ebe0;
  border-right: 1px dashed #f0ebe0;
  width: auto !important;
  float: none !important;
  height: auto !important;
}
.hq-cattags > li:nth-child(3n) { border-right: 0; }
.hq-cattags > li::before,
.hq-cattags > li::after { display: none !important; content: none !important; }
.hq-cattags > li > a {
  display: block;
  padding: 9px 4px;
  font-size: 13px;
  line-height: 1.4;
  color: #5a5145;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hq-cattags > li > a:hover { color: #a1291f; }

/* 右栏方形广告（渲染器已改为挂进 .hq-catside） */
.hq-catside > .hq-ad {
  margin: 18px 0 0 !important;
  width: 300px !important;
  max-width: 100% !important;
  height: auto !important;
}
.hq-catside > .hq-ad img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* 右侧：热门阅读圆点清单（首条高亮） */
.hq-hot { margin-top: 18px; }
.hq-hot ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.hq-hot li {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 15px !important;
  width: auto !important;
  float: none !important;
  height: auto !important;
  border: 0 !important;
  line-height: 2.35 !important;
}
.hq-hot li::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 0.95em !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50%;
  background: #cdc3b2 !important;
  box-shadow: none !important;
  transform: none !important;
}
.hq-hot li > a {
  display: block;
  font-size: 13.5px;
  color: #4d453b;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hq-hot li:first-child::before { background: #a1291f !important; }
.hq-hot li:first-child > a { color: #a1291f; }

/* 移动端：单列，侧栏落到列表下方 */
@media (max-width: 768px) {
  .hq-catwrap { display: block !important; width: auto !important; }
  .hq-catside { margin-top: 22px; }
  .hq-cattags { grid-template-columns: repeat(2, 1fr); }
  .hq-cattags > li:nth-child(3n) { border-right: 1px dashed #f0ebe0; }
  .hq-cattags > li:nth-child(2n) { border-right: 0; }
  .hq-catname { font-size: 21px !important; }
  .hq-catwrap .doctor-list > li .detail h2 > a { font-size: 17px !important; }
  .hq-catwrap .doctor-list > li .detail h2::before { font-size: 17px; }
}

/* ===== R-HQYS-15 · 内联样式表解析中断（根因留档，暂不修） =====
   镜像主题的内联 CSS 里有一处 SCSS 残留嵌套且外层未闭合：
       span.level-list{ display:flex; flex-wrap:wrap; justify-content:center;
                        u{font-size:px2rem(12);...}  u+u:before{...}  .iconfont{...}   ← 外层 { 从未闭合
   浏览器把其后所有规则吞进这个块 ⇒ .hq-rel / .hq-prevnext / .hq-meta-bar 等 extra.css
   尾部规则全部不进 CSSOM（实测：文件 126KB 只解析出 773 条规则，.hq-rel 在 CSSOM 中不存在）。
   处理：不直接补括号 —— 会一次性点亮大量休眠规则、跨页视觉不可控；改为把需要的规则
   写在本文件（外链、可靠）里兜底。 */

/* ===== R-HQYS-16 · 页脚回纹条错位（.cn-meander） =====
   主题把它写成 position:absolute; top:1187px，而父级 .dibu 没有定位上下文 ⇒ 相对初始包含块，
   永远钉死在文档 y=1187；页面一长就浮在正文中间（实测列表页第 7、8 条之间出现一条"乱码带"，
   其实是 22×22 回纹 SVG 在 13px 高容器里被裁切的图案）。
   修：给 .dibu 补 position:relative，回纹归 top:0，回到页脚顶边。 */
.dibu { position: relative; }
.cn-meander { top: 0 !important; }

/* ===== R-HQYS-17 · 首页右栏对齐全栏宽 =====
   .shouyenr3-2-3 > ul 没重置 UA 的 padding-left:40px ⇒ li 实际 208px（1072+40..1320），
   而标题栏 .shouyenr3-2-1 是 248px（1072..1320）：书封/圆点缩进 40px、分隔虚线也短 40px；
   普通列表的 li > a 又写死 width:242px，比 208 的 li 还宽 34px ⇒ 长标题在 1320 处被父容器硬切。
   五段右栏（五谷/茶疗/瑜伽/睡眠/误区）同一症状，统一归零内边距 + 链接改百分比宽。 */
.shouyenr3-2-3 > ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.shouyenr3-2-3 > ul > li > a {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.tjzj .shouyenr3-2-3 li {
  padding-right: 0 !important;
}

/* ===== R-HQYS-18 · 推荐阅读卡去空白（用户：太多空白部分） =====
   原卡 224×350 + padding 2.3rem(36.8) 三边：正文列只剩 150px，图又是 144×200 的竖版——
   而占位图 ph.svg 是 800×500 横版，被硬拉成 0.72 的竖条（印章变形）；卡底还空 ~58px。
   改：卡不留内边距、图按原始 8:5 满宽铺（200×125）、文字区 12px 内缩、高度自适应。 */
.doc-slick-box .doc-slick .doc-item {
  height: auto !important;
  padding: 0 !important;
  margin: 8px !important;
  overflow: hidden;
  border-radius: 4px;
}
.doc-slick-box .doc-slick .doc-item .doc-item-info { padding: 0 0 12px; }
.doc-slick-box .doc-slick .doc-item .doc-item-info a {
  width: 100% !important;
  align-items: stretch;
  flex-wrap: wrap !important;
}
/* flex 子项默认 min-width:auto ⇒ 标题按 max-content 撑到 210px 不换行、末字被卡边硬切。
   必须 min-width:0 + width:100% 才能折行，再由 41px 两行框收口。 */
.doc-slick-box .doc-slick .doc-item .doc-item-info a p.name {
  /* 100% + 左右 12px margin 会把盒撑到卡外 24px（末字被卡边硬切）⇒ 必须减去外边距 */
  width: calc(100% - 24px) !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}
.doc-slick-box .doc-slick .doc-item .doc-item-info a img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  display: block;
  border-radius: 0;
  border: 0;
}
.doc-item .doc-item-info a p.name {
  margin: 10px 12px 6px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  /* 定高两行框：1 行标题与 2 行标题卡高一致；word-break 继承到 keep-all 时中文不换行
     ⇒ 会被 overflow 横向硬切（无省略号），必须显式 break-word + anywhere */
  height: 41px !important;
  min-height: 41px !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}
.doc-slick .doc-item .doc-item-info a span.protit {
  margin: 0 0 4px !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  color: #9a9083;
  text-align: center;
}
.doc-item span.level-list { margin: 0 !important; }
.doc-item span.level-list u { font-size: 12px !important; color: #b0a595; }
/* slick 初始化给 .slick-list 写行内 height(377px)，卡已 219 高 ⇒ 压掉行内高度，
   卡均高一致、横滑不依赖该高度；探针 boxRect.h 377→~272 */
.doc-slick-box .slick-list { height: auto !important; }
.doc-slick-box.doc-slick-box { height: auto !important; }  /* 盒自身也被主题定高(381px) */
/* 定高 330 真正在内层 .doc-slick：卡 219 高后留 ~74px 死白 ⇒ 高度自适应 + 底部 36px
   给轮播圆点（absolute bottom:27px 会随高度下落，正好落在卡下 17px 处） */
.doc-slick-box .doc-slick { height: auto !important; padding-bottom: 36px !important; }
.doc-slick-box .doc-slick .slick-dots { bottom: 6px !important; }

/* ===== R-HQYS-20 · 右栏标题行与内容间隔过大（用户：这个右边栏目条跟下面内容间隔太大） =====
   实测五段 rail：标题行定高 60px（flex 居中），内部 p 是 `margin:22px 0` + 22px 字 ⇒
   盒高 44（文字被上边距推下去，下面再空 16）、标题下朱笔是 p::after absolute top:25px 不占位；
   再叠 head margin-bottom:24px + ul margin-top:16px ⇒ 文字底到第一条 59px。
   🔴 内联样式（.base.html 里靠后的 <style>）有 `.shouyenr3-2-1{margin-bottom:24px!important}`，
      同权重且后出现 ⇒ 必须用 `.shouyenr3-2 > .shouyenr3-2-1`（0,2,0）抬特异性才压得住。
   改：标题盒高度自适应（内容 26px 高，朱印 head::before 26×26 已够撑）、p 上下边距全归零、
   ul 上边距归零、标题盒下边距 24→10 ⇒ 文字底到第一条 ≈12px，朱笔线仍完整可见。 */
.shouyenr3-2 > .shouyenr3-2-1 {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 10px !important;
}
.shouyenr3-2 > .shouyenr3-2-1 > p {
  margin: 0 !important;
}
.shouyenr3-2 > .shouyenr3-2-3 > ul {
  margin-top: 0 !important;
}

/* R-HQYS-20b：首屏右上「最新更新」同一问题的另一半（标题盒 50px + mb20 + p 上下 22px）
   实测文字底→第一条 34px ⇒ 与五段统一为 10px 间距，避免右栏两种松紧并存。 */
.shouyenr2-1-3 > .shouyenr2-1-3-1 {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 10px !important;
}
.shouyenr2-1-3 > .shouyenr2-1-3-1 > p {
  margin: 0 !important;
}

/* ============================================================
   R-HQYS-21 · 轮播下两张小卡「上下间隔」调整（用户：这个上下间隔调整好）
   实测卡 694..869(175)，列表 734..865(131)，三行各 21px ⇒ 剩余 68px 被
   space-between 全摊到两个行间 = 34px（截图里两条大缝），标题下 0、卡底 4。
   改 space-evenly：剩余 68 / 4 ≈ 17px ⇒ 标题下 / 行间×2 / 卡底 四处同节奏；
   卡高与三栏底边 869 对齐关系不变（R-HQYS-10 成果保留）。
   ============================================================ */
@media (min-width: 769px) {
  .shouyenr2-1-2-1-2 > ul {
    justify-content: space-evenly !important;
  }
}

/* ============================================================
   R-HQYS-22 · 列表页「多行面包屑」改一行
   原结构：.mbx（首页 > 栏目，占一行）在上、.hq-catname（竖条大标题）在下，两行都写着栏目名。
   改：渲染器把 .mbx 摘进 .hq-cathead 里，与 h1 同行 —— 标题在左、面包屑靠右。
   桌面两端对齐；≤768 允许换行（标题 24→21px 后仍可能超宽），面包屑落到下一行。
   ============================================================ */
.hq-cathead {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  /* 父级 .lbnr-center 就是 1200 ⇒ 用 100%，别再减 16px（会缩成 1184、左线偏到 128） */
  width: 1200px !important;
  max-width: 100%;
  margin: 16px auto 18px !important;
  box-sizing: border-box;
}
.hq-cathead .hq-catname {
  margin: 0 !important;
  flex: 0 1 auto;
  min-width: 0;
}
.hq-cathead .mbx {
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  /* 主题给 .mbx 写死 width:864px + display:flex，会横在中间偏左 ⇒ 收回内容宽、靠右对齐 */
  width: auto !important;
  height: auto !important;
  line-height: 1.5 !important;
  justify-content: flex-end;
  flex: 0 0 auto;
  font-size: 13px !important;
  color: #9a9083 !important;
  white-space: nowrap;
  overflow: visible !important;
  text-align: right;
}
.hq-cathead .mbx a { color: #9a9083 !important; }
@media (max-width: 768px) {
  .hq-cathead {
    flex-wrap: wrap;
    gap: 2px 10px;
    margin: 12px auto 12px !important;
  }
  .hq-cathead .mbx { font-size: 12px !important; }
}

/* ===== R-HQYS-23 · 页脚与首页同款（用户：文章页、列表页的底部跟首页一样） =====
   列表/文章页模板自带的是「一行链接 + 一行版权」旧版脚。
   这里把 index.css 的整套 .dibu/.cnf-* 版式搬到全站外链（三页共用），
   结构由渲染器 _inject_footer 重建。🔴 不复用 category.css/article.css：
   那两个文件里主题自带的未闭合 SCSS 块会把追加到末尾的规则整段吞掉（CSSOM 中断）。 */
/* ═══════════════════════════════════════════════════════════════
   页脚版式：热门标签 + 细线 + 朱色链接行 + 版权
   背景沿用 .dibu 原有的 #F5F5F5
   ═══════════════════════════════════════════════════════════════ */
.dibu { height: auto; overflow: visible; padding: 34px 0 26px; }
.dibu-center { margin: 0 auto; }

/* 小标题：朱色竖条 + 黑字 */
.cnf-hd {
  display: flex; align-items: center; gap: 9px;
  font-size: 16px; font-weight: 700; letter-spacing: 1px;
  line-height: 1; color: #3a332a;
}
.cnf-hd i {
  display: block; width: 4px; height: 17px;
  background: #a1291f; border-radius: 1px;
}

/* 标签胶囊 */
.cnf-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 17px; }
.dibu .cnf-list a {
  display: block; font-size: 12px; line-height: 1;
  padding: 7px 14px; border-radius: 999px;
  color: #6b6355; background: #ffffff;
  border: 1px solid #e3ded4;
  transition: color .25s ease, border-color .25s ease,
              background .25s ease, transform .2s ease;
}
.dibu .cnf-list a:hover {
  color: #a1291f; border-color: #d8b3a9; background: #fffdf9;
  transform: translateY(-1px);
}

/* 分隔细线 */
.cnf-rule { height: 1px; background: #e2ddd3; margin: 28px 0 24px; }

/* 朱色链接行 */
.cnf-links { display: flex; justify-content: center; gap: 46px; }
.dibu .cnf-links a {
  position: relative; font-size: 14px; letter-spacing: .6px; color: #a1291f;
}
.dibu .cnf-links a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -5px; height: 1.5px;
  background: #a1291f; transform: scaleX(0); transform-origin: 0 50%;
  transition: transform .3s cubic-bezier(.22,.85,.3,1);
}
.dibu .cnf-links a:hover { color: #7d1c15; }
.dibu .cnf-links a:hover::after { transform: scaleX(1); }

/* 版权 + 备案 */
.cnf-copy { margin-top: 21px; text-align: center; font-size: 12.5px;
            color: #9a9287; letter-spacing: .3px; }
.cnf-beian { margin-top: 9px; text-align: center; font-size: 12.5px;
             color: #9a9287; }
.dibu .cnf-beian a { font-size: 12.5px; color: #8d8578; }
.dibu .cnf-beian a:hover { color: #a1291f; }



/* ═══════════════════════════════════════════════════════════════
   板块题头 · 朱印题签（大号）
   32px 首字朱印 + 26px 书法标题 + 题下朱笔 + 拖尾金线
   原 2px 通栏灰线换成描金细线，左端接一段朱色起笔
   ═══════════════════════════════════════════════════════════════ */
.shouyenr3-1-1 {
  display: flex; align-items: center;
  height: 60px; line-height: 1; box-sizing: border-box;
  border-bottom: 1px solid rgba(176,141,87,.42);
  position: relative;
}

/* 底线左端朱色起笔（渐隐，非通栏） */
.shouyenr3-1-1::after {
  content: ""; position: absolute; left: 0; bottom: -1px;
  width: 72px; height: 2px;
  background: linear-gradient(90deg, #a1291f, rgba(161,41,31,0));
}

/* 首字朱印（白文） */
.shouyenr3-1-1::before {
  content: attr(data-cn);
  flex: 0 0 auto;
  width: 32px; height: 32px; margin-right: 13px;
  display: grid; place-content: center;
  font-family: "NavBrush", "Kaiti SC", KaiTi, serif;
  font-size: 21px; line-height: 1; color: #fdfaf3;
  background: #a1291f; border-radius: 1px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.12' numOctaves='2' seed='11'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 30 0 0 0 -8.7'/%3E%3C/filter%3E%3Crect width='64' height='64' fill='%23fff' filter='url(%23s)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.12' numOctaves='2' seed='11'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 30 0 0 0 -8.7'/%3E%3C/filter%3E%3Crect width='64' height='64' fill='%23fff' filter='url(%23s)'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  transform: rotate(-1.5deg);
}

/* 兜底：未取到题字则不渲染空红块 */
.shouyenr3-1-1:not([data-cn])::before { display: none; }

/* 标题（原 a.biaoti 是 float:left + 80px 死宽） */
.shouyenr3-1-1 .biaoti {
  float: none; display: flex; align-items: center;
  width: auto; position: relative; font-size: 26px;
}
.shouyenr3-1-1 .biaoti b {
  font-family: "NavBrush", "Kaiti SC", KaiTi, serif;
  font-weight: 400; font-size: 26px; line-height: 1;
  letter-spacing: 3px; color: #2b2520;
  text-shadow: 0 .5px 0 rgba(36,31,26,.18);
}

/* 拖尾金线 */
.shouyenr3-1-1 .biaoti::before {
  content: ""; position: absolute; left: 100%; top: 50%;
  width: 68px; height: 1px; margin-left: 15px; margin-top: -.5px;
  background: linear-gradient(90deg, rgba(176,141,87,.6), rgba(176,141,87,0));
}

/* 题下朱笔 */
.shouyenr3-1-1 .biaoti::after {
  content: ""; position: absolute; left: -3px; right: -10px; bottom: -9px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='9' viewBox='0 0 120 9' preserveAspectRatio='none'%3E%3Cpath d='M2.5 6.1C20 3.4 46 2.6 72 3.3c18 .5 34 1.4 45.5 2.4' stroke='%23a8322a' stroke-width='3.1' stroke-linecap='round' fill='none'/%3E%3Cpath d='M16 7.2c15-1.2 36-1.7 55-1.2' stroke='%23a8322a' stroke-width='1.1' stroke-linecap='round' opacity='.4' fill='none'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  opacity: .9;
}

/* 更多（原 float:right + 灰色 16px） */
.shouyenr3-1-1 > a:nth-child(2) {
  float: none; margin-left: auto; width: auto;
  padding-left: 15px;
  font-size: 13px; letter-spacing: 1px; color: #9c8a70;
  position: relative; white-space: nowrap;
  transition: color .25s ease;
}
.shouyenr3-1-1 > a:nth-child(2)::before {
  content: ""; position: absolute; left: 0; top: 50%;
  width: 4px; height: 4px; margin-top: -2px;
  background: #b08d57; transform: rotate(45deg); opacity: .85;
  transition: background .25s ease;
}
.shouyenr3-1-1 > a:nth-child(2)::after {
  content: "›"; margin-left: 3px; font-size: 14px;
}
.shouyenr3-1-1 > a:nth-child(2):hover { color: #a8322a; }
.shouyenr3-1-1 > a:nth-child(2):hover::before { background: #a8322a; }

/* 题头整体悬停：朱印微转 */
.shouyenr3-1-1 { transition: none; }
.shouyenr3-1-1:hover::before { transform: rotate(2deg); }
.shouyenr3-1-1::before { transition: transform .3s cubic-bezier(.34,1.4,.5,1); }



/* ═══════════════════════════════════════════════════════════════
   页脚 · 中医风背景
   宣纸底 + 上沿朱线/回纹带 + 中央太极水印 + 左右祥云 + 养生朱印
   + 云头分隔线；全部走背景与伪元素，不动版式
   ═══════════════════════════════════════════════════════════════ */
.dibu {
  position: relative; overflow: hidden;
  background-color: #f7f3ea !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='3'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .62 0 0 0 0 .55 0 0 0 0 .45 .16 0 0 0 -.055'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23p)'/%3E%3C/svg%3E"),
    radial-gradient(1200px 190px at 50% -4%, rgba(176,141,87,.20),
                    rgba(176,141,87,0) 66%),
    radial-gradient(900px 240px at 50% 108%, rgba(161,41,31,.07),
                    rgba(161,41,31,0) 70%);
  background-repeat: repeat, no-repeat, no-repeat;
  background-position: 0 0, center top, center bottom;
  border-top: 2px solid #a1291f;
  box-shadow: inset 1px 0 0 rgba(176,141,87,.35),
              inset -1px 0 0 rgba(176,141,87,.35),
              inset 0 -1px 0 rgba(176,141,87,.42);
}

/* 上沿回纹带 */
.dibu::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M2.5 19.5V3h16.5v10.5H8.5V7.5h7' fill='none' stroke='%23b08d57' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: repeat-x; background-size: 22px 22px;
  box-shadow: inset 0 -1px 0 rgba(176,141,87,.30);
  opacity: .38; pointer-events: none;
}

/* 左右下角祥云 */
.dibu::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 86px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 86'%3E %3Cpath d='M6 74c-4-9 1-20 11-24 1-13 12-23 26-23 12 0 23 8 26 20 5-3 11-5 17-5 14 0 26 10 28 23 11 2 19 10 19 21' fill='none' stroke='%23b08d57' stroke-width='1.7' stroke-linecap='round'/%3E %3Cpath d='M43 74c0-8 6-14 14-14s14 6 14 14' fill='none' stroke='%23b08d57' stroke-width='1.2' stroke-linecap='round'/%3E %3Cpath d='M96 74c0-6 5-11 11-11s11 5 11 11' fill='none' stroke='%23b08d57' stroke-width='1.2' stroke-linecap='round'/%3E %3Cpath d='M6 74h208' stroke='%23b08d57' stroke-width='1' opacity='.55'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 86'%3E %3Cg transform='translate(220,0) scale(-1,1)'%3E %3Cpath d='M6 74c-4-9 1-20 11-24 1-13 12-23 26-23 12 0 23 8 26 20 5-3 11-5 17-5 14 0 26 10 28 23 11 2 19 10 19 21' fill='none' stroke='%23b08d57' stroke-width='1.7' stroke-linecap='round'/%3E %3Cpath d='M43 74c0-8 6-14 14-14s14 6 14 14' fill='none' stroke='%23b08d57' stroke-width='1.2' stroke-linecap='round'/%3E %3Cpath d='M96 74c0-6 5-11 11-11s11 5 11 11' fill='none' stroke='%23b08d57' stroke-width='1.2' stroke-linecap='round'/%3E %3Cpath d='M6 74h208' stroke='%23b08d57' stroke-width='1' opacity='.55'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, right bottom;
  background-size: 175px 68px, 175px 68px;
  opacity: .40; pointer-events: none;
}

/* 中央太极水印 */
.dibu-center { position: relative; }
.dibu-center::before {
  content: ""; position: absolute; right: -34px; top: 10px;
  width: 196px; height: 196px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E %3Ccircle cx='50' cy='50' r='47.5' fill='none' stroke='%23a1291f' stroke-width='1.8'/%3E %3Cpath d='M50 2.5a23.75 23.75 0 0 1 0 47.5 23.75 23.75 0 0 0 0 47.5 47.5 47.5 0 0 1 0-95z' fill='%23a1291f'/%3E %3Ccircle cx='50' cy='26.25' r='7' fill='%23f7f3ea'/%3E %3Ccircle cx='50' cy='73.75' r='7' fill='%23a1291f'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: .065; pointer-events: none;
}

/* 「養生」朱印 */
.dibu-center::after {
  content: "養生"; position: absolute; right: 4px; bottom: 22px;
  width: 42px; height: 42px; box-sizing: border-box;
  display: grid; place-content: center;
  writing-mode: vertical-rl; text-orientation: upright;
  font-family: "NavBrush", "Kaiti SC", KaiTi, serif;
  font-size: 15px; line-height: 1; letter-spacing: 2px;
  color: #fdfaf3; background: #a1291f; border-radius: 2px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='s2' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='2' seed='7'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 26 0 0 0 -7.6'/%3E%3C/filter%3E%3Crect width='64' height='64' fill='%23fff' filter='url(%23s2)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='s2' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='2' seed='7'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 26 0 0 0 -7.6'/%3E%3C/filter%3E%3Crect width='64' height='64' fill='%23fff' filter='url(%23s2)'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  transform: rotate(-4deg); opacity: .92; pointer-events: none;
}

/* 云头分隔线 */
.cnf-rule {
  position: relative; height: 18px; background: none !important;
  margin: 26px 0 22px;
}
.cnf-rule::before {
  content: ""; position: absolute; left: 0; right: 0; top: 8px; height: 1px;
  background: linear-gradient(90deg, rgba(176,141,87,0),
              rgba(176,141,87,.45) 18%, rgba(176,141,87,.45) 82%,
              rgba(176,141,87,0));
}
.cnf-rule::after {
  content: ""; position: absolute; left: 50%; top: 0;
  width: 72px; height: 18px; margin-left: -36px;
  background: #f7f3ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 18'%3E %3Cpath d='M32 3.2l4.6 5.8L32 14.8 27.4 9z' fill='%23a1291f'/%3E %3Cpath d='M6 9h14M44 9h14' stroke='%23a1291f' stroke-width='1' opacity='.45'/%3E %3Cpath d='M22 9c0-3.6 3-6.4 6.6-6.4M42 9c0-3.6-3-6.4-6.6-6.4' fill='none' stroke='%23a1291f' stroke-width='1.1' opacity='.7'/%3E%3C/svg%3E") center / 56px 16px no-repeat;
}

/* 让文字落在宣纸上更实一点 */
.dibu .cnf-copy, .dibu .cnf-beian { color: #8b8274; }

/* R-HQYS-23b：移动端版权/备案行过长会被右侧「养生」印章压住并断成两行 ⇒ 缩字号 + 留内边距 */
@media (max-width: 768px) {
  .dibu .cnf-copy {
    font-size: 11px !important;
    line-height: 1.6 !important;
    padding: 0 16px !important;
    word-break: break-word;
  }
  .dibu .cnf-beian {
    font-size: 11px !important;
    line-height: 1.6 !important;
    padding: 0 16px !important;
  }
  .dibu .cnf-links { gap: 22px !important; flex-wrap: wrap; }
  /* 移动端隐藏「养生」朱印：42px 印章压住版权行尾部，窄屏无避让空间 ⇒ 直接下线（桌面保留） */
  .dibu-center::after { display: none !important; }
  .dibu-center::before { display: none !important; }
}

/* ============================================================
   R-HQYS-24 · 「养生资讯」段图文版（仅首页第 1 段 .hq-brief）
   ------------------------------------------------------------
   需求：把 01–10 编号要闻列表做成图文，其余 4 段完全不动。
   作用域：全部选择器以 .hq-brief 为根，不命中 .shouyenr3 其他段。
   几何：li 92px 高 + 20px margin = 112px 行距；界行渐变同步 96/112，
        否则主题那条 repeating-linear-gradient（84px 定距）会与文字错位。
   编号：从左侧竖排 46px 栏移到缩略图左上角，做成半透明墨底小角标。
   ============================================================ */
.hq-brief > ul > li {
  position: relative !important;
  /* R-HQYS-24c：92→100，上下内边距 10→14，让缩略图/摘要与分隔线之间有呼吸
     （线在 110，距 li 底 10、距下一行顶 10，落在行间正中） */
  height: 100px !important;
  padding: 14px 0 !important;
  box-sizing: border-box !important;
  /* 🔴 R-HQYS-24b：主题界行渐变已经提供横线，li 自带 border-bottom 会与之
     叠成「双线」（间距 4px）。桌面只留界行 ⇒ 压掉 border；
     移动端界行已关闭，由下方 media 查询把 border 加回来。 */
  border-bottom: 0 !important;
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 14px;
  row-gap: 4px;
  align-content: center;
  align-items: start;
}

/* 缩略图：104×72（4:3），跨两行并垂直居中 */
.hq-brief > ul > li > .hq-brief-pic {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  display: block;
  width: 104px;
  height: 72px;
  overflow: hidden;
  border: 1px solid #e8dcc4;
  border-radius: 2px;
  background: #f4ecdc;
}
.hq-brief > ul > li > .hq-brief-pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.94) contrast(.98);
}

/* 编号角标：压在缩略图左上（图起点 = li 顶 14px + 内 7px） */
.hq-brief > ul > li::before {
  content: counter(hqbrief, decimal-leading-zero) !important;
  position: absolute !important;
  left: 7px !important;
  top: 21px !important;
  width: 24px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(42, 31, 22, .58) !important;
  border-radius: 1px !important;
  font: 700 11px/1 Georgia, "Times New Roman", serif !important;
  letter-spacing: .3px;
  color: #fdfaf3 !important;
  opacity: 1 !important;
  z-index: 2;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  transform: none !important;
}
.hq-brief > ul > li:hover::before { background: rgba(161, 41, 31, .82) !important; color: #fdfaf3 !important; }

/* 标题 / 摘要进第二列 */
.hq-brief > ul > li > a:nth-of-type(1) {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  padding-left: 0 !important;
  font-size: 15.5px !important;
  line-height: 1.42 !important;
  font-weight: 700;
  color: #2c221a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal !important;
}
.hq-brief > ul > li > a:nth-of-type(2) {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: #8a7a66 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal !important;
}

/* 界行：跟随 120px 行距（= li 100 + margin 20），线落在 110 —— 行间正中 */
.hq-brief::before {
  background: repeating-linear-gradient(180deg,
      rgba(176, 141, 87, 0) 0 110px,
      rgba(176, 141, 87, .22) 110px 111px,
      rgba(176, 141, 87, 0) 111px 120px) !important;
}

/* 移动端：单列 + 图 96×66 + li 86px */
@media (max-width: 768px) {
  .hq-brief > ul > li {
    /* 移动端分隔线画在 li 底边（border），若沿用 margin 14 会出现
       「上 13 / 下 27」的偏心 ⇒ 归零 margin、上下各 17 让线左右对称 */
    height: 100px !important;
    margin: 0 !important;
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 12px;
    padding: 17px 0 !important;
    /* 移动端无界行渐变 ⇒ 恢复 li 自带分隔线（单线） */
    border-bottom: 1px solid #ece1cb !important;
  }
  .hq-brief > ul > li > .hq-brief-pic {
    width: 96px;
    height: 66px;
  }
  .hq-brief > ul > li::before {
    left: 6px !important;
    top: 23px !important;
    width: 22px !important;
    height: 16px !important;
    font-size: 10px !important;
  }
  .hq-brief > ul > li > a:nth-of-type(1) { font-size: 14.5px !important; }
  .hq-brief > ul > li > a:nth-of-type(2) { font-size: 12px !important; }
  /* 移动端单列后不再需要界行渐变 */
  .hq-brief::before { background: none !important; }
}

/* ============================================================
   R-HQYS-26 · 文章页重设计（参考站信息架构 + 中国风）
   ------------------------------------------------------------
   结构：热门条 / 面包屑 / 竖排朱印 + 标题 + 元信息 / 竖排导读 /
        正文 / 卷轴上下篇 / 延伸阅读（2 列图文） ‖ 右侧三卡。
   作用域：全部规则以 .hq-art 为根，不触碰列表/首页/功能页。
   ============================================================ */
.hq-art { padding: 6px 0 44px; }

/* 广告锚点：保留 .mbx 类供 _inject_ads 定位，但不占布局 */
.hq-art .mbx.hq-art-anchor {
  display: none !important;
  width: 0 !important; height: 0 !important;
  margin: 0 !important; padding: 0 !important;
}

/* ---- 顶部热门条 ---- */
.hq-art-hot {
  display: flex; align-items: center; gap: 14px;
  padding: 9px 14px; margin-bottom: 6px;
  background: #faf6ec; border: 1px solid #eadfc8;
}
.hq-art-hot-tag {
  flex: 0 0 auto; padding: 3px 9px; border-radius: 1px;
  background: #a1291f; color: #fdfaf3;
  font: 700 12px/1 "Noto Serif SC", "Songti SC", serif; letter-spacing: 3px;
}
.hq-art-hot ul { display: flex; flex-wrap: wrap; gap: 0 20px; list-style: none; margin: 0; padding: 0; }
.hq-art-hot li a { font-size: 13px; color: #6b5a48; }
.hq-art-hot li a:hover { color: #a1291f; }

/* ---- 面包屑 ---- */
.hq-art-crumb { padding: 12px 0 16px; font-size: 13px; color: #8a7a66; }
.hq-art-crumb a { color: #8a7a66; }
.hq-art-crumb a:hover { color: #a1291f; }
.hq-art-crumb i { margin: 0 9px; font-style: normal; color: #c9b99f; }
.hq-art-crumb span { color: #5a4a3a; }

/* ---- 两栏骨架 ---- */
.hq-art-layout {
  display: grid;
  grid-template-columns: minmax(0, 830px) minmax(0, 322px);
  gap: 44px;
  align-items: start;
}

/* ---- 主栏纸笺 ---- */
.hq-art-main {
  position: relative;
  padding: 2px 0 0;
  min-width: 0;
}

/* ---- 标题区 ---- */
.hq-art-head { position: relative; }
.hq-art-head::before {
  content: ""; display: block; height: 15px; margin-bottom: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M2.5 19.5V3h16.5v10.5H8.5V7.5h7' fill='none' stroke='%23b08d57' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E") repeat-x center / 22px 15px;
  opacity: .34;
}
.hq-art-title {
  margin: 0 0 18px;
  padding-right: 74px;
  font: 900 33px/1.46 "Noto Serif SC", "Songti SC", STSong, SimSun, serif;
  color: #2c221a; letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}
.hq-art-seal {
  position: absolute; right: 0; top: 26px;
  width: 44px; height: 88px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 2px;
  background: #a1291f; color: #fdfaf3; border-radius: 2px;
  box-shadow: 0 1px 2px rgba(120, 30, 20, .22);
  transform: rotate(-3deg);
  opacity: .94;
}
.hq-art-seal b {
  font: 700 19px/1 "Noto Serif SC", "Kaiti SC", KaiTi, serif;
  writing-mode: vertical-rl; letter-spacing: 2px;
}
.hq-art-seal::after {
  content: ""; position: absolute; inset: 3px;
  border: 1px solid rgba(253, 250, 243, .42); border-radius: 1px;
  pointer-events: none;
}

/* ---- 元信息 ---- */
.hq-art-meta {
  display: flex; flex-wrap: wrap; align-items: center;
  padding: 0 0 16px; border-bottom: 1px solid #eadfc8;
  font-size: 13px; color: #7d6c58;
}
.hq-art-meta > span {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 0 15px; border-left: 1px solid #e6d8be;
}
.hq-art-meta > span:first-child { padding-left: 0; border-left: 0; }
.hq-art-meta i {
  font-style: normal; font-size: 12px; color: #a1291f; letter-spacing: 1px;
}

/* ---- 导读（竖排标签） ---- */
.hq-art-lead {
  position: relative; margin: 24px 0 8px;
  padding: 14px 18px 14px 58px;
  background: #faf3e6;
  border-left: 3px solid #a1291f;
}
.hq-art-lead-tag {
  position: absolute; left: 15px; top: 14px;
  writing-mode: vertical-rl;
  font: 700 14px/1 "Noto Serif SC", "Kaiti SC", KaiTi, serif;
  color: #a1291f; letter-spacing: 5px;
}
.hq-art-lead p {
  margin: 0;
  font: 15px/1.95 "Noto Serif SC", "Songti SC", serif;
  color: #5a4a3a;
}

/* ---- 正文 ---- */
.hq-art-body {
  padding-top: 12px;
  font: 17px/2.06 "Noto Serif SC", "Songti SC", STSong, SimSun, serif;
  color: #3b2b20;
  overflow-wrap: break-word;
}
.hq-art-body p { margin: 0 0 1.05em; text-indent: 2em; }
.hq-art-body p:empty { display: none; }
.hq-art-body img {
  max-width: 100% !important; height: auto !important;
  display: block; margin: 1.6em auto; padding: 5px;
  background: #fff; border: 1px solid #e8dcc4;
  box-shadow: 0 1px 3px rgba(90, 70, 40, .08);
  box-sizing: border-box;
}
.hq-art-body h2, .hq-art-body h3, .hq-art-body h4 {
  margin: 1.8em 0 .7em; padding-left: 12px;
  border-left: 4px solid #a1291f;
  font: 700 19px/1.6 "Noto Serif SC", "Songti SC", serif;
  color: #7d1c15; text-indent: 0;
}
.hq-art-body blockquote {
  margin: 1.4em 0; padding: 13px 18px;
  background: #faf3e6; border-left: 3px solid #c9a86a;
  color: #5a4a3a;
}
.hq-art-body blockquote p { text-indent: 0; margin: 0; }
.hq-art-body ul, .hq-art-body ol { margin: 0 0 1.05em; padding-left: 1.7em; }
.hq-art-body li { margin-bottom: .35em; }
.hq-art-body a { color: #a1291f; text-decoration: underline; text-underline-offset: 3px; }
.hq-art-body table { width: 100% !important; border-collapse: collapse; margin: 1.4em 0; font-size: 14px; }
.hq-art-body th, .hq-art-body td { border: 1px solid #e6d8be; padding: 8px 10px; }
.hq-art-body th { background: #faf6ec; color: #5a4a3a; }

/* ---- 上下篇（卷轴） ---- */
.hq-art-pager {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  margin-top: 40px; padding-top: 26px;
  border-top: 1px solid #eadfc8;
}
.hq-art-pager a {
  position: relative; display: block;
  padding: 14px 20px;
  background: #faf6ec; border: 1px solid #e8dcc4;
}
.hq-art-pager a::before,
.hq-art-pager a::after {
  content: ""; position: absolute; top: 8px; bottom: 8px; width: 4px;
  background: #ddc9a4;
}
.hq-art-pager a::before { left: 7px; }
.hq-art-pager a::after { right: 7px; }
.hq-art-pager i {
  display: block; margin-bottom: 6px;
  font-style: normal; font-size: 12px; color: #a1291f; letter-spacing: 3px;
}
.hq-art-pager strong {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font: 600 14px/1.6 "Noto Serif SC", "Songti SC", serif; color: #3b2b20;
}
.hq-art-pager .next { text-align: right; }

/* ---- 延伸阅读 ---- */
.hq-art-rel { margin-top: 44px; }
.hq-art-sec {
  position: relative; margin: 0 0 20px; padding-bottom: 12px;
  border-bottom: 1px solid #eadfc8;
  font: 700 19px/1 "Noto Serif SC", "Songti SC", serif; color: #2c221a;
}
.hq-art-sec span { position: relative; display: inline-block; padding-left: 15px; }
.hq-art-sec span::before {
  content: ""; position: absolute; left: 0; top: 1px; bottom: 1px; width: 4px;
  background: #a1291f;
}
.hq-art-sec::after {
  content: ""; position: absolute; right: 0; bottom: -1px; width: 96px; height: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='5'%3E%3Cpath d='M0 2.5h96' stroke='%23a1291f' stroke-width='1' stroke-dasharray='12 6' opacity='.55'/%3E%3C/svg%3E") repeat-x;
}
.hq-art-rel ul { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; list-style: none; margin: 0; padding: 0; }
.hq-art-rel li a {
  display: flex; gap: 12px; padding: 10px;
  background: #fbf7ee; border: 1px solid #eee2cc;
  transition: border-color .18s, box-shadow .18s;
}
.hq-art-rel li a:hover { border-color: #d9b98a; box-shadow: 0 2px 8px rgba(120, 90, 50, .08); }
.hq-art-rel-pic { flex: 0 0 104px; width: 104px; height: 74px; overflow: hidden; border-radius: 1px; }
.hq-art-rel-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hq-art-rel-txt { display: flex; flex-direction: column; min-width: 0; }
.hq-art-rel-txt b {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font: 600 14px/1.5 "Noto Serif SC", "Songti SC", serif; color: #2c221a;
}
.hq-art-rel-txt em {
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
  margin-top: 3px; font-style: normal; font-size: 12px; color: #8a7a66;
}
.hq-art-rel-txt i { margin-top: auto; font-style: normal; font-size: 11px; color: #b0a08a; }

/* ---- 右栏 ---- */
.hq-art-side { position: sticky; top: 14px; min-width: 0; }
.hq-side-card {
  margin-bottom: 22px; padding: 0 18px 14px;
  background: #fffdf8; border: 1px solid #e8dcc4;
  box-shadow: 0 1px 0 rgba(176, 141, 87, .10);
}
.hq-side-card h3 {
  position: relative;
  display: flex; align-items: center; gap: 9px;
  margin: 0 -18px 10px; padding: 14px 18px 11px;
  border-bottom: 1px solid #eadfc8;
  font: 700 16px/1 "Noto Serif SC", "Songti SC", serif; color: #2c221a;
}
.hq-side-card h3 i {
  width: 15px; height: 15px; flex: 0 0 15px;
  background: #a1291f; border-radius: 1px;
  box-shadow: inset 0 0 0 2px rgba(253, 250, 243, .35);
}
.hq-side-card h3::after {
  content: ""; position: absolute; right: 16px; top: 50%; width: 54px; height: 6px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='6'%3E%3Cpath d='M0 3h18M36 3h18' stroke='%23c9a86a' stroke-width='1' opacity='.7'/%3E%3Ccircle cx='27' cy='3' r='2' fill='none' stroke='%23a1291f' stroke-width='1'/%3E%3C/svg%3E") no-repeat center / 54px 6px;
  opacity: .8;
}
.hq-side-list { list-style: none; margin: 0; padding: 0; }
.hq-side-list li { border-bottom: 1px dashed #eadfc8; }
.hq-side-list li:last-child { border-bottom: 0; }
.hq-side-list a {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  padding: 9px 0; font-size: 13.5px; color: #4a3a2c;
}
.hq-side-list a span {
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.hq-side-list a:hover { color: #a1291f; }
.hq-side-list em { flex: 0 0 auto; font-style: normal; font-size: 12px; color: #b0a08a; }

.hq-side-tags { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 2px; }
.hq-side-tags a {
  padding: 5px 11px; font-size: 12.5px; color: #6b5a48;
  background: #faf6ec; border: 1px solid #eee2cc;
}
.hq-side-tags a:hover { background: #a1291f; border-color: #a1291f; color: #fff; }

.hq-side-picks { list-style: none; margin: 0; padding: 0; }
.hq-side-picks li { border-bottom: 1px dashed #eadfc8; }
.hq-side-picks li:last-child { border-bottom: 0; }
.hq-side-picks a { display: flex; gap: 10px; padding: 10px 0; }
.hq-side-picks img {
  flex: 0 0 78px; width: 78px; height: 56px; object-fit: cover; display: block;
  border: 1px solid #eee2cc;
}
.hq-side-picks span { display: flex; flex-direction: column; min-width: 0; }
.hq-side-picks b {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font: 600 13px/1.5 "Noto Serif SC", "Songti SC", serif; color: #3b2b20;
}
.hq-side-picks i { margin-top: auto; font-style: normal; font-size: 11px; color: #b0a08a; }

/* ---- 移动端 ---- */
@media (max-width: 768px) {
  .hq-art { padding: 0 0 26px; }
  .hq-art-hot { gap: 10px; padding: 8px 10px; overflow: hidden; }
  .hq-art-hot ul { flex-wrap: nowrap; overflow-x: auto; gap: 0 16px; padding-bottom: 2px; }
  .hq-art-hot li { flex: 0 0 auto; }
  .hq-art-hot li a { white-space: nowrap; font-size: 12.5px; }
  .hq-art-crumb { padding: 10px 2px 12px; font-size: 12px; }
  .hq-art-layout { display: block; }
  .hq-art-title { font-size: 23px; line-height: 1.5; padding-right: 0; margin-bottom: 12px; }
  .hq-art-head::before { height: 12px; margin-bottom: 14px; background-size: 18px 12px; }
  .hq-art-seal { display: none; }
  .hq-art-meta { row-gap: 6px; padding-bottom: 12px; }
  .hq-art-meta > span { padding: 0 10px; font-size: 12px; }
  .hq-art-meta > span:nth-child(1) { padding-left: 0; }
  .hq-art-lead { margin: 16px 0 6px; padding: 12px 14px 12px 46px; }
  .hq-art-lead-tag { left: 12px; top: 12px; font-size: 12px; letter-spacing: 4px; }
  .hq-art-lead p { font-size: 14px; line-height: 1.85; }
  .hq-art-body { font-size: 15.5px; line-height: 1.95; }
  .hq-art-body h2, .hq-art-body h3, .hq-art-body h4 { font-size: 17px; }
  .hq-art-pager { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; padding-top: 20px; }
  .hq-art-pager .next { text-align: left; }
  .hq-art-rel { margin-top: 30px; }
  .hq-art-rel ul { grid-template-columns: 1fr; gap: 12px; }
  .hq-art-sec { font-size: 17px; }
  .hq-art-side { position: static; margin-top: 22px; }
  .hq-side-card { margin-bottom: 14px; }
}

/* R-HQYS-26b：正文里的 ph.svg 是「原稿外链图 → 占位图」的产物，
   不是内容；不隐藏会形成 830×830 的灰色巨块，把正文冲散。 */
.hq-art-body img[src*="ph.svg"] { display: none !important; }
.hq-art-body p:has(> img[src*="ph.svg"]) { display: none !important; }

/* ===== R-HQYS-27 · 文章页：方形广告挂进右栏 =====
   渲染器已把 article_side_ad 收进 <aside class="hq-art-side">；
   原来前置到页脚前，会在整页最底部左侧孤零零出现、与版心脱节。 */
.hq-art-side > .hq-ad {
  margin: 18px auto 0 !important;
  width: 300px !important;
  max-width: 100% !important;
  height: auto !important;
}
.hq-art-side > .hq-ad img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* ===== R-HQYS-28 · 站头版式重排 =====
   症状：logo 沉底（图中线以上、字压线，中心比搜索框低 29px）、金线悬空、
   通栏不满宽（body 默认 8px 边距 ⇒ 全站内容左缩 8px、导航只有 1424 宽）。
   做法：整条站头改成 flex 单行，logo 与搜索框共用一条中线；金线随 logo 右缘
   重算起止；通栏回到 100%。 */
html, body { margin: 0 !important; }

@media (min-width: 769px) {
  .top { height: 108px !important; }
  .top-center {
    height: 108px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  /* logo 原来是 float + line-height:112 + img margin-top:27 ⇒ 中心落在 85，
     比搜索框（56）低 29px。改为 flex 子项后必须把行高与 margin 一并归零。 */
  .top .logo { float: none !important; height: auto !important; line-height: 0 !important; }
  .top .logo h1 { margin: 0 !important; line-height: 0 !important; }  /* h1 默认 21px 上下外边距会把 logo 盒撑到 107 */
  .top .logo a { display: block !important; line-height: 0 !important; }
  .top .logo img {
    display: block;
    width: 200px !important;      /* 原图 1629×525，2x 以上仍清晰 */
    height: auto !important;
    margin: 0 !important;
  }
  .top .ssk {
    float: none !important;
    margin: 0 !important;
    flex: 0 0 480px;
  }
  /* 金线：logo 右缘 200 → 搜索框左缘 720，各留 26px 呼吸位 */
  .top-center .cn-rule {
    left: 226px !important;
    right: 506px !important;
    top: 50% !important;
  }
}

/* ===== R-HQYS-28b · 移动端站头修复 =====
   原来的移动规则把 .ssk 设成 position:static，但 .ss、.ssk1 都是绝对定位子元素，
   会改为相对 .top-center 定位 ⇒ 搜索框「内容」浮在页顶 0~48、而「盒子」还在
   y=132 被导航盖住，logo 与搜索行相互压叠；同时 .top 固定 112 高，导航上移压住
   搜索盒。这里让 .ssk 重新成为定位上下文，并把 .top 改为内容高度。 */
@media (max-width: 768px) {
  .top { height: auto !important; }
  .top-center {
    padding: 12px 12px 14px !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  .top .logo { height: auto !important; line-height: 0 !important; }
  .top .logo h1 { line-height: 0 !important; margin: 0 !important; }
  .top .logo a { line-height: 0 !important; }
  .top .logo img { height: 42px !important; width: auto !important; margin: 0 !important; }
  .top .ssk {
    position: relative !important;   /* 🔴 绝对子元素（印章/输入框/按钮）的定位基准 */
    width: 100% !important;
    height: 46px !important;
  }
  .top .ssk .ss { top: 3px !important; height: 40px !important; }
  .top .ssk .ssk1 { top: 3px !important; height: 40px !important; }
}

/* R-HQYS-28c：白底上 0.55 的金线偏淡，提到 0.62 才读得出「一线穿珠」 */
.top-center .cn-rule {
  background-image: linear-gradient(90deg,
      rgba(176, 141, 87, 0) 0%,
      rgba(176, 141, 87, .62) 13%,
      rgba(176, 141, 87, .62) 87%,
      rgba(176, 141, 87, 0) 100%);
}
.top-center .cn-rule::after { border-color: rgba(176, 141, 87, .62); }

/* ===== R-HQYS-29 · 站头去掉描金细线与菱形（用户：这个去除） =====
   节点仍留在模板里（.cn-rule），只做展示层下线，日后想恢复删掉这三行即可。
   线去掉后 logo 与搜索框仍由 flex 两端对齐，中线不变。 */
.top-center .cn-rule,
.top-center .cn-rule::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
}

/* ===== R-HQYS-30 · 文章页右栏：卡片与方形广告的上下间隔 =====
   原状：卡片 margin-bottom 22、广告 margin-top 18，相邻外边距折叠 ⇒ 实际只有 22px，
   和卡片之间的间距一样，广告像被"塞"进卡片堆里。这里把广告单独提出一档：
   桌面 36px、移动 24px（> 卡片间距 26/16，折叠后即为最终值）。 */
.hq-art-side > .hq-side-card { margin-bottom: 26px; }
.hq-art-side > .hq-ad { margin: 36px auto 0 !important; }

@media (max-width: 768px) {
  .hq-art-side > .hq-side-card { margin-bottom: 16px; }
  .hq-art-side > .hq-ad { margin: 24px auto 0 !important; }
}

/* ══════════════════════════════════════════════════════════════════
   R-HQYS-31 · 列表页「推荐阅读」重排（中国风）
   DOM：.doc-outpatient > .out-tit(p>span / a>span+i) + .doc-slick
        slick 会克隆 slide，所有样式必须挂在 .doc-item 上（克隆同款）
   思路：把它做成一本「养生印谱」——描金页框 + 界格宣纸底 + 朱印栏目签，
        标题走楷体、日期走等宽数字，轮播点改菱形印。
   ══════════════════════════════════════════════════════════════════ */

@media (min-width: 769px) {
  /* ── 段落起点：双线界行（1px 金 + 纸白 + 1px 淡金），与上文拉开层次 ── */
  .doc-outpatient.doc-slick-box {
    position: relative;
    margin-top: 40px !important;
    padding: 22px 0 30px !important;
    height: auto !important;
    background:
      radial-gradient(140% 90% at 50% -30%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 62%),
      linear-gradient(180deg, #fcf8ee 0%, #f9f3e4 100%);
    border-top: 1px solid rgba(176, 141, 87, .40);
    box-shadow:
      inset 0 3px 0 -2px rgba(253, 250, 243, .95),
      inset 0 4px 0 -3px rgba(176, 141, 87, .22),
      inset 0 -1px 0 rgba(176, 141, 87, .18);
  }
  /* 右上角淡淡一枚「薦」水印，压在留白里不压字 */
  .doc-outpatient.doc-slick-box::before {
    content: "薦";
    position: absolute; right: 16px; top: 10px;
    font: 700 66px/1 "Kaiti SC", KaiTi, "STKaiti", serif;
    color: rgba(161, 41, 31, .055);
    pointer-events: none;
  }

  /* ── 题头：朱印 + 楷体标题 + 虚线尾饰 + 印签式「查看更多」 ── */
  .doc-outpatient .out-tit {
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 0 2px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    background: none !important;
    border: 0 !important;
  }
  .doc-outpatient .out-tit p {
    display: flex; align-items: center; flex: 1 1 auto; min-width: 0;
    margin: 0 !important; padding: 0 !important;
  }
  .doc-outpatient .out-tit p::before {
    content: "薦";
    flex: 0 0 auto;
    width: 26px; height: 26px; margin-right: 11px;
    display: flex; align-items: center; justify-content: center;
    font: 700 15px/1 "Kaiti SC", KaiTi, serif;
    color: #fdf6e9;
    background: linear-gradient(155deg, #b03127, #8b1c14);
    box-shadow: inset 0 0 0 1px rgba(253, 246, 233, .45);
    border-radius: 1px;
  }
  .doc-outpatient .out-tit p span {
    font: 700 19px/1 "Kaiti SC", KaiTi, "STKaiti", serif !important;
    color: #8c1c14 !important;
    letter-spacing: 4px;
    text-indent: 0;
    white-space: nowrap;
  }
  /* 标题之后的界行：短虚线渐隐，收在「查看更多」前 */
  .doc-outpatient .out-tit p::after {
    content: "";
    flex: 1 1 auto; min-width: 40px;
    height: 1px; margin: 0 20px 0 18px;
    background-image: repeating-linear-gradient(90deg,
        rgba(176, 141, 87, .55) 0 5px, rgba(176, 141, 87, 0) 5px 11px);
  }
  .doc-outpatient .out-tit > a {
    flex: 0 0 auto;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 13px 7px !important;
    font: 13px/1 "Kaiti SC", KaiTi, serif !important;
    letter-spacing: 2px; text-indent: 2px;
    color: #8c1c14 !important;
    background: rgba(161, 41, 31, .035) !important;
    border: 1px solid rgba(161, 41, 31, .38) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 2px #fbf6e9;
    transition: background .2s, color .2s, border-color .2s;
  }
  .doc-outpatient .out-tit > a:hover {
    background: #a1291f !important; color: #fdf6e9 !important;
    border-color: #a1291f !important;
  }
  .doc-outpatient .out-tit > a i { font-size: 11px !important; opacity: .7; }
  .doc-outpatient .out-tit > a i::before { content: "›"; font-family: Georgia, serif; }

  /* ── 卡片：宣纸页 + 描金细框，留 8px 页沟（slide 内缩，轨道宽度不变） ── */
  .doc-slick .slick-slide { padding: 0 8px !important; box-sizing: border-box; }
  .doc-slick .slick-list { padding: 2px 0 6px !important; }
  .doc-slick .doc-item {
    position: relative;
    margin: 0 !important;
    padding: 0 0 14px !important;
    height: 100% !important;
    background: #fffdf8 !important;
    border: 1px solid #e9dcc2 !important;
    border-radius: 1px !important;
    overflow: hidden;
    box-shadow:
      0 1px 0 rgba(176, 141, 87, .14),
      0 10px 20px -18px rgba(92, 62, 24, .55);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  }
  .doc-slick .doc-item:hover {
    transform: translateY(-3px);
    border-color: rgba(161, 41, 31, .55) !important;
    box-shadow:
      0 1px 0 rgba(176, 141, 87, .18),
      0 16px 26px -18px rgba(92, 62, 24, .6);
  }

  /* 图区：宣纸界格 + 内描金细框（原占位印谱图直接落在纸上，不铺满整块） */
  .doc-slick .doc-item .doc-item-info { padding: 0 0 0 !important; }
  .doc-slick .doc-item .doc-item-info a {
    position: relative;
    display: block !important;
    padding: 0 !important;
    background-color: #fdfaf2;
    background-image:
      repeating-linear-gradient(90deg,
        rgba(176, 141, 87, .07) 0 1px, rgba(176, 141, 87, 0) 1px 24px);
    border-bottom: 1px solid #ecdfc7;
  }
  .doc-slick .doc-item .doc-item-info a img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    object-fit: contain !important;
    object-position: center 46%;
    display: block;
    mix-blend-mode: multiply;
    opacity: .95;
    transition: transform .5s ease, opacity .3s ease;
  }
  .doc-slick .doc-item:hover .doc-item-info a img { transform: scale(1.035); opacity: 1; }
  /* 四角回纹：只落在图区，不压字 */
  .doc-slick .doc-item .doc-item-info a::before {
    content: ""; position: absolute; z-index: 2; pointer-events: none;
    left: 7px; right: 7px; top: 7px; bottom: 7px;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 19V2h17' fill='none' stroke='%23b08d57' stroke-width='1'/%3E%3Cpath d='M6 19V6h13' fill='none' stroke='%23b08d57' stroke-width='.9' opacity='.7'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg transform='translate(20,0) scale(-1,1)'%3E%3Cpath d='M2 19V2h17' fill='none' stroke='%23b08d57' stroke-width='1'/%3E%3Cpath d='M6 19V6h13' fill='none' stroke='%23b08d57' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg transform='translate(0,20) scale(1,-1)'%3E%3Cpath d='M2 19V2h17' fill='none' stroke='%23b08d57' stroke-width='1'/%3E%3Cpath d='M6 19V6h13' fill='none' stroke='%23b08d57' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg transform='translate(20,20) scale(-1,-1)'%3E%3Cpath d='M2 19V2h17' fill='none' stroke='%23b08d57' stroke-width='1'/%3E%3Cpath d='M6 19V6h13' fill='none' stroke='%23b08d57' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px 12px, 12px 12px, 12px 12px, 12px 12px;
    background-position: left top, right top, left bottom, right bottom;
    opacity: .55;
  }

  /* 标题：楷体、两行框、字距略松 */
  .doc-slick .doc-item .doc-item-info a p.name {
    width: auto !important;
    margin: 12px 14px 0 !important;
    height: 46px !important; min-height: 46px !important;
    font: 400 15.5px/1.5 "Kaiti SC", KaiTi, "STKaiti", serif !important;
    letter-spacing: .4px;
    color: #2b2119 !important;
    text-align: left !important;
    -webkit-line-clamp: 2;
    transition: color .2s;
  }
  .doc-slick .doc-item:hover .doc-item-info a p.name { color: #8c1c14 !important; }

  /* 日期：等宽数字 + 上下云纹短线，读作「版记」 */
  .doc-slick .doc-item .doc-item-info a span.protit {
    display: block;
    margin: 6px 14px 10px !important;
    font: 400 11.5px/1 "Georgia", "Times New Roman", serif !important;
    letter-spacing: 1.6px;
    color: #9c8d78 !important;
    text-align: left !important;
  }

  /* 栏目：朱文印签（原 12px 灰字） */
  .doc-slick .doc-item span.level-list {
    display: flex !important; justify-content: flex-start !important;
    margin: 0 14px !important;
    padding: 0 !important;
  }
  .doc-slick .doc-item span.level-list u {
    display: inline-block;
    padding: 3px 9px 4px;
    font: 400 11.5px/1 "Kaiti SC", KaiTi, serif !important;
    letter-spacing: 2px; text-indent: 2px;
    color: #8c1c14 !important;
    background: rgba(161, 41, 31, .04);
    border: 1px solid rgba(161, 41, 31, .30);
    text-decoration: none !important;
  }

  /* 轮播点：圆点 → 菱形印记 */
  .doc-slick .slick-dots { bottom: 4px !important; }
  .doc-slick .slick-dots li { width: 14px !important; height: 14px !important; margin: 0 5px !important; }
  .doc-slick .slick-dots li button {
    width: 7px !important; height: 7px !important; padding: 0 !important;
    margin: 3px auto !important;
    border: 1px solid rgba(176, 141, 87, .65) !important;
    background: transparent !important;
    border-radius: 0 !important;
    transform: rotate(45deg);
    font-size: 0 !important;
    transition: background .2s, border-color .2s, transform .2s;
  }
  .doc-slick .slick-dots li.slick-active button {
    background: #a1291f !important;
    border-color: #a1291f !important;
    transform: rotate(45deg) scale(1.15);
  }
}

/* ── 移动端：保持横滑，只换皮（不去动已经被压平的 slick 计算） ── */
@media (max-width: 768px) {
  .doc-slick .doc-item {
    background: #fffdf8 !important;
    border: 1px solid #e9dcc2 !important;
    border-radius: 1px !important;
    padding: 0 0 12px !important;
  }
  .doc-slick .doc-item .doc-item-info a {
    background-color: #fdfaf2;
    border-bottom: 1px solid #ecdfc7;
  }
  .doc-slick .doc-item .doc-item-info a img {
    object-fit: contain !important;
    aspect-ratio: 16 / 10;
    mix-blend-mode: multiply;
  }
  .doc-slick .doc-item .doc-item-info a p.name {
    margin: 10px 12px 0 !important;
    height: 44px !important; min-height: 44px !important;
    font-family: "Kaiti SC", KaiTi, "STKaiti", serif !important;
    color: #2b2119 !important;
    text-align: left !important;
  }
  .doc-slick .doc-item .doc-item-info a span.protit {
    margin: 5px 12px 9px !important;
    text-align: left !important;
    letter-spacing: 1.2px;
  }
  .doc-slick .doc-item span.level-list { justify-content: flex-start !important; padding: 0 12px !important; }
  .doc-slick .doc-item span.level-list u {
    padding: 3px 8px 4px;
    color: #8c1c14 !important;
    border: 1px solid rgba(161, 41, 31, .30);
    letter-spacing: 1.6px;
  }
  .doc-outpatient .out-tit p span { font-family: "Kaiti SC", KaiTi, serif !important; color: #8c1c14 !important; letter-spacing: 2px; }
}

/* ── R-HQYS-31b · 推荐阅读二轮微调 ─────────────────────────────────
   1) 段落底色由米黄压到近纸白（大片米色会显脏），靠界行与卡片取中国风；
   2) 卡片加 7px 纸衬（印谱装裱感），图外加 1px 金线；
   3) 缩略图右上角补「壹贰叁肆伍」朱印序号（clones 每 5 张一循环，序号始终对位）；
   4) 修 .out-tit > a 的 4px 溢出（padding+border 未计盒）；
   5) 移动端补段落内边距与题头样式（原来标题贴屏幕边）。 */

@media (min-width: 769px) {
  .doc-outpatient.doc-slick-box {
    padding: 20px 0 26px !important;
    background:
      radial-gradient(120% 80% at 50% -20%, #ffffff, rgba(255, 255, 255, 0) 60%),
      linear-gradient(180deg, #fdfbf4 0%, #fbf6ea 100%);
  }
  .doc-outpatient .out-tit > a { box-sizing: border-box !important; }

  /* 卡片：外框内再留 7px 纸衬 */
  .doc-slick .doc-item { padding: 7px 7px 14px !important; }
  .doc-slick .doc-item .doc-item-info { padding: 0 !important; }
  .doc-slick .doc-item .doc-item-info a {
    border: 1px solid #e6d8ba;
    border-bottom: 0;
    box-shadow: inset 0 0 0 3px #fdfaf2;
  }
  .doc-slick .doc-item .doc-item-info a img { aspect-ratio: 16 / 10; }
  .doc-slick .doc-item .doc-item-info a p.name { margin: 11px 8px 0 !important; }
  .doc-slick .doc-item .doc-item-info a span.protit { margin: 6px 8px 9px !important; }
  .doc-slick .doc-item span.level-list { margin: 0 8px !important; }
  .doc-slick .doc-item span.level-list u {
    background: rgba(161, 41, 31, .055);
    box-shadow: inset 0 0 0 2px #fffdf8;
  }

  /* 朱印序号：落在图区右上角 */
  .doc-slick .doc-item::after {
    position: absolute; z-index: 3;
    top: 14px; right: 14px;
    width: 20px; height: 20px;
    display: flex; align-items: center; justify-content: center;
    font: 700 11.5px/1 "Kaiti SC", KaiTi, serif;
    color: #fdf6e9;
    background: linear-gradient(155deg, #b4322a, #8d1d15);
    box-shadow: inset 0 0 0 1px rgba(253, 246, 233, .45);
    border-radius: 1px;
    opacity: .92;
    pointer-events: none;
  }
  .doc-slick .slick-slide:nth-child(5n+1) .doc-item::after { content: "壹"; }
  .doc-slick .slick-slide:nth-child(5n+2) .doc-item::after { content: "贰"; }
  .doc-slick .slick-slide:nth-child(5n+3) .doc-item::after { content: "叁"; }
  .doc-slick .slick-slide:nth-child(5n+4) .doc-item::after { content: "肆"; }
  .doc-slick .slick-slide:nth-child(5n+5) .doc-item::after { content: "伍"; }
}

@media (max-width: 768px) {
  .doc-outpatient.doc-slick-box {
    margin-top: 26px !important;
    padding: 16px 12px 22px !important;
    background: linear-gradient(180deg, #fdfbf4, #fbf6ea);
    border-top: 1px solid rgba(176, 141, 87, .38);
  }
  .doc-outpatient .out-tit {
    display: flex !important; align-items: center !important;
    height: auto !important; margin: 0 0 12px !important;
  }
  .doc-outpatient .out-tit p { display: flex; align-items: center; margin: 0 !important; flex: 1 1 auto; }
  .doc-outpatient .out-tit p::before {
    content: "薦";
    width: 22px; height: 22px; margin-right: 8px;
    display: flex; align-items: center; justify-content: center;
    font: 700 13px/1 "Kaiti SC", KaiTi, serif;
    color: #fdf6e9; background: linear-gradient(155deg, #b03127, #8b1c14);
    border-radius: 1px;
  }
  .doc-outpatient .out-tit p span {
    font: 700 16px/1 "Kaiti SC", KaiTi, serif !important;
    color: #8c1c14 !important; letter-spacing: 2px;
  }
  .doc-outpatient .out-tit > a {
    flex: 0 0 auto; padding: 5px 10px !important;
    font: 12px/1 "Kaiti SC", KaiTi, serif !important; letter-spacing: 1px;
    color: #8c1c14 !important; background: rgba(161, 41, 31, .04) !important;
    border: 1px solid rgba(161, 41, 31, .34) !important; border-radius: 0 !important;
  }
  .doc-outpatient .out-tit > a i { font-size: 10px !important; }
  .doc-outpatient .out-tit > a i::before { content: "›"; font-family: Georgia, serif; }

  .doc-slick .doc-item { padding: 6px 6px 12px !important; }
  .doc-slick .doc-item .doc-item-info a { border: 1px solid #e6d8ba; border-bottom: 0; }
  .doc-slick .doc-item .doc-item-info a p.name { margin: 10px 6px 0 !important; height: 44px !important; }
  .doc-slick .doc-item .doc-item-info a span.protit { margin: 5px 6px 8px !important; }
  .doc-slick .doc-item span.level-list { margin: 0 !important; padding: 0 6px !important; }
}

/* ── R-HQYS-31c · 收口：去重复水印、修 4px 溢出、序号印内收 ── */
@media (min-width: 769px) {
  /* 题头已有「薦」朱印，右上角再压一枚 66px 水印既重复又撞「查看更多」⇒ 去掉 */
  .doc-outpatient.doc-slick-box::before { content: none !important; display: none !important; }
  /* 盒子是 content-box，padding 0 2px 让整行多出 4px、按钮被切在右缘 */
  .doc-outpatient .out-tit { box-sizing: border-box !important; }
  /* 序号印退到内衬里，不再压住四角回纹 */
  .doc-slick .doc-item::after { top: 18px !important; right: 18px !important; width: 19px !important; height: 19px !important; }
}

/* ── R-HQYS-31d · 底部留白收口（原来轮播点下还压着 60px 死白） ── */
@media (min-width: 769px) {
  .doc-outpatient .doc-slick { padding-bottom: 20px !important; }
  .doc-outpatient .doc-slick .slick-dots { bottom: 0 !important; }
  .doc-outpatient.doc-slick-box { padding-bottom: 18px !important; }
}
@media (max-width: 768px) {
  .doc-outpatient .doc-slick { padding-bottom: 0 !important; }
  .doc-outpatient.doc-slick-box { padding-bottom: 16px !important; }
}

/* R-HQYS-31e：主题给 .doc-slick 留了 margin-bottom:30px，与段落 padding 叠加成 48px 死白 */
@media (min-width: 769px) {
  .doc-outpatient .doc-slick { margin-bottom: 0 !important; }
}

/* R-HQYS-31f：移动端同样要清掉 .doc-slick 的 30px 底距，并把「查看更多」收到印签尺寸 */
.doc-outpatient .doc-slick { margin-bottom: 0 !important; }
@media (max-width: 768px) {
  .doc-outpatient .out-tit > a { padding: 4px 9px !important; font-size: 11.5px !important; }
  .doc-outpatient.doc-slick-box { padding-bottom: 14px !important; }
}

/* ===== R-HQYS-32 · 列表页右栏统一为文章页同款卡片 =====
   渲染器 _cat_sidebar_html 已改用 .hq-side-card / .hq-side-tags / .hq-side-list，
   这里只补两处列表页专属差异：榜列序号用朱红罗马数字感、广告与卡片间距对齐文章页。 */
.hq-catside .hq-side-list em {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 11.5px; color: #a1291f; letter-spacing: .6px;
}
.hq-catside > .hq-ad { margin: 36px 0 0 !important; }
@media (max-width: 768px) {
  .hq-catside > .hq-ad { margin: 24px 0 0 !important; }
}

/* R-HQYS-32b：列表页右栏方形广告在移动端要居中（文章页那套是 margin auto） */
@media (max-width: 768px) {
  .hq-catside > .hq-ad { margin: 24px auto 0 !important; }
}

/* ===== R-HQYS-35 · 移动端五段右栏被挤出视口（历史遗留，纯布局修复）=====
   主题内联样式把 `.shouyenr3` 设成 flex 行，主栏 `flex:0 0 920px`、右栏 `flex:0 0 248px`；
   ≤768 时只把 width 改 auto，flex-basis 仍是 920 ⇒ 右栏整块排在 x=390（视口外），
   被 html,body{overflow-x:hidden} 裁掉 —— 五段右栏（五谷养生等）在手机上全部不可见。
   修：段落改纵向排列、两栏各占满整行。不动任何视觉。 */
@media (max-width: 768px) {
  .shouyenr3 {
    display: flex !important;
    flex-direction: column !important;
  }
  .shouyenr3 > .shouyenr3-1,
  .shouyenr3 > .shouyenr3-2 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .shouyenr3 > .shouyenr3-2 { margin-top: 18px !important; }
}

/* ===== R-HQYS-37（用户：这个板块对齐高度）首页第二段三栏等高 =====
   实测（1440）：左栏首条 y=361、末条底 857；中栏轮播+卡片底 857；
   右栏首条 y=327、末条底 823 ⇒ 右栏整列比另两栏高 34px，底部参差。
   根因：左栏头 50 + 20 间隔，右栏头 26 + 10 间隔，两栏列表同为 496 高却不在
   同一竖线上起跑。修：右栏列表下移 44px（含主题原有 10px，首条落 361，与左栏首条齐平），
   末条底随之落 857，与左栏末条、中栏卡片底一条线；列高同步 532→566。 */
@media (min-width: 769px) {
  .shouyenr2-1-3 { height: 566px !important; }
  /* 主题原本就有 margin-top:10，!important 会覆盖而非叠加 ⇒ 34+10=44 */
  .shouyenr2-1-3-2 { margin-top: 44px !important; }
}

/* ===== R-HQYS-39（用户：导航栏放右上角，重新设计，中国风元素拉满）=====
   R-38 把 11 栏收成一枚通栏匾额，仍占 84px 且横在首屏正中。本轮改为：
   ① 原导航条整体归零（🔴 不能 display:none —— 抽屉 ul 是它后代，会连带消失）；
   ② 按钮移到站头右上角（logo 同一行），46×46 朱印「欄」+ 左侧「目錄」小签；
   ③ 点开是右侧抽屉：匾额头（朱印「目」+「目　錄」+ 收印）+ 单列目录，
      条目序号由 CSS counter(cjk-ideographic) 自动生成「一…十二」，
      宣纸底 + 云纹水印 + 虚线分行，当前栏目朱底白字反转。
   桌面（≥769）不加 .hq-nav-m，原导航照旧；脚本未跑时导航保持可见。 */
@media (max-width: 768px) {
  /* ① 原导航条归零：保留节点（抽屉 ul 在里面），只把盒子收掉 */
  .shouyedhl.hq-nav-m {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .shouyedhl.hq-nav-m::before,
  .shouyedhl.hq-nav-m::after { display: none !important; }
  .shouyedhl.hq-nav-m .shouyedhl-center {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
  }

  /* ② 右上角朱印按钮 */
  .hq-nav-btn {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 60;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .hq-nav-label {
    font-family: "Kaiti SC", KaiTi, "楷体", "STKaiti", serif;
    font-size: 11px;
    letter-spacing: 2px;
    color: #8a6a4a;
    transition: color .25s ease;
  }
  .hq-nav-seal {
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 2px;
    background: linear-gradient(180deg, #b33127 0%, #8b1f18 100%);
    color: #fdfaf3;
    font-family: "Kaiti SC", KaiTi, "楷体", "STKaiti", serif;
    font-size: 22px;
    line-height: 1;
    transform: rotate(-2deg);
    box-shadow:
      inset 0 0 0 1px rgba(253, 250, 243, .92),
      inset 0 0 0 3px rgba(179, 49, 39, 1),
      inset 0 0 0 4px rgba(253, 250, 243, .55),
      0 3px 9px -5px rgba(110, 26, 18, .75);
    transition: background .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
  }
  /* 印面四角回纹（两枚伪元素各画对角两角） */
  .hq-nav-seal::before,
  .hq-nav-seal::after {
    content: "";
    position: absolute;
    inset: 4px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M1 13V1h12M3.8 10.2V3.8h6.4M6.4 7.6V6.4h1.2' fill='none' stroke='%23f7e9cf' stroke-width='1'/%3E%3C/svg%3E");
    background-position: left top, right bottom;
    opacity: .55;
    pointer-events: none;
  }
  .hq-nav-seal::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M1 13V1h12M3.8 10.2V3.8h6.4M6.4 7.6V6.4h1.2' fill='none' stroke='%23f7e9cf' stroke-width='1'/%3E%3C/svg%3E"); }
  .hq-nav-seal::after { transform: rotate(180deg); }

  /* 展开态：印面翻阴文，小签改「收起」 */
  .hq-nav-m.is-open .hq-nav-seal {
    background: linear-gradient(180deg, #fdfaf3, #f2e7d2);
    color: #8b1f18;
    box-shadow:
      inset 0 0 0 1px rgba(139, 31, 24, .85),
      inset 0 0 0 3px rgba(253, 250, 243, 1),
      inset 0 0 0 4px rgba(139, 31, 24, .45),
      0 3px 10px -6px rgba(110, 26, 18, .7);
    transform: rotate(2deg);
  }
  .hq-nav-m.is-open .hq-nav-seal::before,
  .hq-nav-m.is-open .hq-nav-seal::after { opacity: .38; filter: invert(1); }
  .hq-nav-m.is-open .hq-nav-label { color: #a8322a; }

  /* ③ 遮罩 */
  .hq-nav-mask {
    position: fixed;
    inset: 0;
    z-index: 9988;
    background: rgba(30, 20, 14, .5);
    -webkit-backdrop-filter: blur(2px) saturate(.9);
    backdrop-filter: blur(2px) saturate(.9);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility 0s linear .3s;
  }
  body.hq-nav-open .hq-nav-mask {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease, visibility 0s;
  }

  /* ④ 抽屉额头 */
  .hq-nav-head {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9992;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(86vw, 344px);
    height: 104px;
    box-sizing: border-box;
    padding: 0 16px 0 18px;
    background: linear-gradient(180deg, #fdfaf3 0%, #f5ecd9 100%);
    border-left: 1px solid #c8a878;
    box-shadow: 0 12px 22px -20px rgba(60, 35, 20, .8);
    transform: translateX(103%);
    visibility: hidden;
    transition: transform .32s cubic-bezier(.22, .8, .24, 1), visibility 0s linear .32s;
  }
  body.hq-nav-open .hq-nav-head {
    transform: none;
    visibility: visible;
    transition: transform .32s cubic-bezier(.22, .8, .24, 1), visibility 0s;
  }
  /* 额头底部朱金线 */
  .hq-nav-head::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, #8b1f18, #b33127 22%, #c98b4b 50%, #b33127 78%, #8b1f18);
  }
  .hq-nav-head-seal {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    background: linear-gradient(180deg, #b33127, #8b1f18);
    color: #fdfaf3;
    font-family: "Kaiti SC", KaiTi, "楷体", "STKaiti", serif;
    font-size: 19px;
    transform: rotate(-2deg);
    box-shadow:
      inset 0 0 0 1px rgba(253, 250, 243, .9),
      inset 0 0 0 3px rgba(179, 49, 39, 1),
      inset 0 0 0 4px rgba(253, 250, 243, .5);
  }
  .hq-nav-head-mid { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  .hq-nav-head-t {
    font-family: "Kaiti SC", KaiTi, "楷体", "STKaiti", serif;
    font-size: 19px;
    letter-spacing: 6px;
    line-height: 1.1;
    color: #7d241d;
  }
  .hq-nav-head-s {
    font-size: 10px;
    letter-spacing: 1px;
    color: #a08464;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .hq-nav-close {
    margin-left: auto;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #c9a25b;
    border-radius: 2px;
    background: linear-gradient(180deg, #fdfaf3, #f4e9d6);
    color: #8b1f18;
    font-family: "Kaiti SC", KaiTi, "楷体", "STKaiti", serif;
    font-size: 17px;
    cursor: pointer;
    box-shadow: inset 0 0 0 2px #fdfaf3, inset 0 0 0 3px rgba(193, 154, 99, .45);
    -webkit-tap-highlight-color: transparent;
  }
  .hq-nav-close:active { background: #8b1f18; color: #fdfaf3; }

  /* ⑤ 抽屉主体 = 原 ul */
  .hq-nav-m .shouyedhl-center ul {
    position: fixed;
    top: 104px;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 9991;
    display: block !important;
    width: min(86vw, 344px);
    height: auto !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 8px 16px 30px !important;
    border-left: 1px solid #c8a878;
    background-color: #fbf7ee;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' stroke='%23b8874a' stroke-width='1' opacity='.1'%3E%3Cpath d='M4 24c0-5 4-8 8-8s8 3 8 8'/%3E%3Cpath d='M20 34c0-5 4-8 8-8s8 3 8 8'/%3E%3Cpath d='M4 8c0-3 2-5 5-5s5 2 5 5'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 40px 40px;
    box-shadow: inset 0 0 0 4px #fbf7ee, inset 0 0 0 5px rgba(193, 154, 99, .35);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    counter-reset: hqnav;
    transform: translateX(103%);
    visibility: hidden;
    transition: transform .32s cubic-bezier(.22, .8, .24, 1), visibility 0s linear .32s;
  }
  body.hq-nav-open .hq-nav-m .shouyedhl-center ul {
    transform: none;
    visibility: visible;
    transition: transform .32s cubic-bezier(.22, .8, .24, 1), visibility 0s;
  }
  .hq-nav-m .shouyedhl-center ul::before,
  .hq-nav-m .shouyedhl-center ul::after { display: none !important; }

  .hq-nav-m .shouyedhl-center ul li {
    position: relative;
    counter-increment: hqnav;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border-bottom: 1px dashed rgba(184, 135, 74, .42);
  }
  .hq-nav-m .shouyedhl-center ul li:last-child { border-bottom: 0; }
  /* 序号：一二三…十二（CSS 生成，无额外 DOM） */
  .hq-nav-m .shouyedhl-center ul li::before {
    content: counter(hqnav, cjk-ideographic);
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    text-align: right;
    font-family: "Kaiti SC", KaiTi, "楷体", "STKaiti", serif;
    font-size: 12px;
    line-height: 1;
    color: #a8322a;
    opacity: .8;
    pointer-events: none;
  }
  .hq-nav-m .shouyedhl-center ul li a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
    padding: 15px 4px 15px 40px !important;
    font-family: "Kaiti SC", KaiTi, "楷体", "STKaiti", serif;
    font-size: 16px !important;
    letter-spacing: 2px !important;
    line-height: 1.2 !important;
    color: #46372a !important;
  }
  .hq-nav-m .shouyedhl-center ul li a::before { display: none !important; }
  /* 行尾朱菱形 */
  .hq-nav-m .shouyedhl-center ul li a::after {
    content: "" !important;
    display: block !important;
    width: 5px;
    height: 5px;
    background: #a8322a;
    transform: rotate(45deg);
    opacity: .45;
    position: static !important;
  }
  /* 当前栏目：朱底白字 */
  .hq-nav-m .shouyedhl-center ul li:has(a.one) {
    background: linear-gradient(90deg, #a8322a 0%, #8b1f18 100%);
    border-bottom-color: rgba(139, 31, 24, .5);
  }
  .hq-nav-m .shouyedhl-center ul li:has(a.one)::before { color: #f4e6cf; opacity: .9; }
  .hq-nav-m .shouyedhl-center ul li:has(a.one) a { color: #fdfaf3 !important; font-weight: 600; }
  .hq-nav-m .shouyedhl-center ul li:has(a.one) a::after { background: #f4e6cf; opacity: .8; }

  body.hq-nav-open { overflow: hidden; }
}

/* 桌面端：按钮与抽屉一律不出现（JS 在桌面也会注入节点） */
@media (min-width: 769px) {
  .hq-nav-btn { display: none !important; }
  .hq-nav-head,
  .hq-nav-mask { display: none !important; }
}

/* ===== R-HQYS-40 移动端排版优化 ===== */
@media (max-width: 768px) {
  /* 1) 各版块表头行 248 定宽 -> 100%：「更多」贴右 */
  .shouyenr2-1-1-1,
  .shouyenr2-1-3-1,
  .shouyenr3-2-1 {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* 2) 要闻条：隐藏回纹装饰框（移动端折行后上下菱形压字）；细线边框基础样式已有 */
  .shouyenr1::before { display: none !important; }
  /* padding 挂在容器上：左留竖排印位 76→64，右侧 26→14，给标题多让出一行空间 */
  .shouyenr1 {
    padding: 9px 14px 9px 64px !important;
  }

  /* 3) 「今」印不贴左边缘 */
  .shouyenr2-1-1-1::before { margin-left: 3px; }
}

/* ===== R-HQYS-40b 今日头条序号：两位序号（十一/十二）不挤标题 ===== */
@media (max-width: 768px) {
  /* 前三条是朱印（22×22），保持原样；第 4 条起序号是文字，
     「十一」「十二」两字在 22px 盒里会溢出压标题 ⇒ 放宽到 28px，
     右侧 margin 由 10 收到 4，标题左边界仍与朱印行对齐（22+10 = 28+4） */
  .shouyenr2-1-1-2 li:nth-child(n+4) > span {
    width: 28px !important;
    margin-right: 4px !important;
    font-size: 13.5px !important;
    color: #8a7458 !important;
  }
}