/* =====================================================================
   资讯详情三级页 · 追加组件样式（仅引用 :root 既有令牌，零新增色值/字体）
   类前缀：.tpage-* / .crumb / .rrow(复用) / .ng-card(复用) / .nart / .nside / .nrel / .nartnav
   ===================================================================== */
    @media (max-width: 767px) {
        h1{
            font-size: 16px;
            line-height: 1.5;
        }
    }
    /* ---------- ① 页眉引导区 .tpage-hero（白底基座；--banner 覆盖段见后，source order 胜出）— 照抄「班型对比」页 ---------- */
    .tpage-hero {
      position: relative;
      background: var(--color-white);
      padding-block: var(--space-6) var(--space-7);
    }

    .tpage-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--overlay-yellow-teacher);
      pointer-events: none;
    }

    .tpage-hero .container {
      position: relative;
      z-index: 1;
    }

    .tpage-hero .eyebrow {
      margin-bottom: var(--space-3);
    }

    .tpage-hero h1.h1 {
      margin-bottom: var(--space-3);
    }

    .tpage-hero .lead {
      max-width: 720px;
      margin-top: var(--space-2);
      color: var(--color-text-secondary);
      font-size: 1.0625rem;
      line-height: 1.8;
    }

    @media(min-width:1024px) {
      .tpage-hero {
        padding-block: var(--space-7) var(--space-7);
      }
    }

    /* =====================================================================
   面包屑 .crumb（基底 + 黄横幅内深字微调）— 照抄「班型对比」页
   ===================================================================== */
    .crumb {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
      font-size: .8125rem;
      line-height: 1.5;
      margin-bottom: var(--space-4);
    }

    .crumb a {
      color: var(--color-text-secondary);
      transition: color .18s ease;
    }

    .crumb a:hover {
      color: var(--color-ink);
    }

    .crumb .crumb__sep {
      color: var(--color-text-tertiary);
      margin: 0 2px;
      user-select: none;
    }

    .crumb [aria-current="page"] {
      color: var(--color-text-heading);
      font-weight: 700;
    }

    /* 黄柔光横幅内面包屑微调：文字需够深（黄底上 AA） */
    .tpage-hero--banner .crumb a {
      color: var(--color-brand-yellow-text);
    }

    .tpage-hero--banner .crumb a:hover {
      color: var(--color-ink);
    }

    .tpage-hero--banner .crumb [aria-current="page"] {
      color: var(--color-text-heading);
    }

    .tpage-hero--banner .crumb .crumb__sep {
      color: var(--color-text-tertiary);
    }

    /* ---------- 复用：行卡 .rrow（照抄「最新资讯」页 · 全套不改名） ---------- */
    .rrow {
      position: relative;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto 18px;
      /* tag / title / date / arrow */
      align-items: center;
      gap: 14px;
      min-width: 0;
      padding: 14px 20px;
      text-align: left;
      cursor: pointer;
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-card-sm);
      transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
    }

    .rrow:hover {
      background: var(--color-bg-soft);
      border-color: var(--color-brand-yellow);
    }

    .rrow:focus-visible {
      outline: 3px solid rgba(30, 64, 175, .35);
      outline-offset: 2px;
    }

    .rrow__tag {
      display: inline-flex;
      align-items: center;
      justify-self: start;
      white-space: nowrap;
      padding: 4px 12px;
      border-radius: var(--radius-pill);
      font-size: .8125rem;
      font-weight: 700;
      line-height: 1.5;
      color: var(--color-brand-blue-deep);
      background: var(--color-brand-blue-light);
    }

    /* 非院校类（联考/校考/艺考新闻）用中性灰字灰描边 */
    .rrow__tag--alt {
      color: var(--color-text-secondary);
      background: var(--color-white);
      border: 1px solid var(--color-border);
    }

    .rrow__title {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: .9375rem;
      line-height: 1.6;
      color: var(--color-text-heading);
      min-width: 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      transition: color .18s ease;
    }

    @media(min-width:768px) {
      .rrow__title {
        font-size: 1rem;
      }
    }

    .rrow__date {
      font-family: var(--font-number);
      font-size: .8125rem;
      font-weight: 600;
      color: var(--color-text-secondary);
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
      text-align: right;
    }

    .rrow__arrow {
      width: 18px;
      height: 18px;
      display: grid;
      place-items: center;
      justify-self: end;
      color: var(--color-text-secondary);
      transition: color .18s ease, transform .18s ease;
    }

    .rrow__arrow svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .rrow:hover .rrow__arrow {
      color: var(--color-ink);
      transform: translateX(3px);
    }

    @media(max-width:767px) {
      .rrow {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas: "tag date arrow" "title title title";
        gap: 8px 10px;
        padding: 12px 14px;
      }

      .rrow__tag {
        grid-area: tag;
        padding: 2px 10px;
        font-size: .75rem;
      }

      .rrow__title {
        grid-area: title;
        font-size: .9375rem;
        line-height: 1.55;
        -webkit-line-clamp: 2;
      }

      .rrow__date {
        grid-area: date;
        font-size: .75rem;
      }

      .rrow__arrow {
        grid-area: arrow;
        width: 20px;
        height: 20px;
      }
    }

    @media(max-width:360px) {
      .rrow {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "tag date" "title title" "arrow arrow";
      }
    }

    /* ---------- 复用：图文卡 .ng-card（「相关阅读」3 卡横排照抄 · .ng-card__cap 必留） ---------- */
    .ncard-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
      max-width: 1080px;
      margin-inline: auto;
      min-width: 0;
    }

    @media(min-width:768px) {
      .ncard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-5);
      }
    }

    .ng-card {
      position: relative;
      display: flex;
      flex-direction: column;
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-card);
      overflow: hidden;
      box-shadow: var(--shadow-card);
      cursor: pointer;
      text-align: left;
      min-width: 0;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .ng-card:hover {
      transform: translateY(-3px);
      box-shadow: var(--shadow-float);
      border-color: var(--color-brand-yellow);
    }

    .ng-card:focus-visible {
      outline: 3px solid rgba(30, 64, 175, .35);
      outline-offset: 2px;
    }

    /* 封面：vid-ph 占位 2.35:1 通栏 + 角标「封面占位」 */
    .ng-card__media {
      position: relative;
      aspect-ratio: 2.35/1;
      overflow: hidden;
      background: var(--color-bg-soft);
      flex: 0 0 auto;
    }

    .ng-card__media .vid-ph {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .ng-card__cap {
      position: absolute;
      left: 10px;
      bottom: 10px;
      z-index: 2;
      background: rgba(10, 10, 10, .55);
      color: #fff;
      font-family: var(--font-english);
      font-size: .52rem;
      font-weight: 700;
      letter-spacing: .14em;
      padding: 3px 7px;
      border-radius: 3px;
      text-transform: uppercase;
      pointer-events: none;
    }

    /* 正文区 */
    .ng-card__body {
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
      padding: var(--space-4);
      flex: 1 1 auto;
      min-width: 0;
    }

    /* 分类 tag：浅蓝底深蓝字（= .rrow__tag 值） */
    .ng-card__tag {
      display: inline-flex;
      align-self: flex-start;
      white-space: nowrap;
      padding: 2px 10px;
      border-radius: var(--radius-pill);
      font-size: .72rem;
      font-weight: 700;
      line-height: 1.6;
      color: var(--color-brand-blue-deep);
      background: var(--color-brand-blue-light);
    }

    /* 标题 2 行截断 */
    .ng-card__title {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: 1rem;
      line-height: 1.5;
      color: var(--color-text-heading);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 摘要 2 行截断（东昱资讯/公告 1 句） */
    .ng-card__sum {
      font-size: .8125rem;
      line-height: 1.6;
      color: var(--color-text-secondary);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 底行 meta：日期 .num 灰 + 箭头（hover 右移 3px，禁用橙红） */
    .ng-card__meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-3);
      margin-top: auto;
      padding-top: var(--space-2);
    }

    .ng-card__date {
      font-family: var(--font-number);
      font-size: .75rem;
      font-weight: 600;
      color: var(--color-text-secondary);
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }

    .ng-card__arrow {
      width: 18px;
      height: 18px;
      color: var(--color-text-secondary);
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      transition: color .18s ease, transform .18s ease;
    }

    .ng-card__arrow svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .ng-card:hover .ng-card__arrow {
      color: var(--color-ink);
      transform: translateX(3px);
    }

    /* ---------- ⑥ CTA 收口 .tpage-cta（中性浅灰卡 · 黄主按钮点缀）— 照抄「最新资讯」页 ---------- */
    .tpage-cta {
      padding-block: var(--space-5) var(--space-8);
    }

    @media(min-width:1024px) {
      .tpage-cta {
        padding-block: var(--space-6) var(--space-9);
      }
    }

    .tpage-cta__card {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-4) var(--space-5);
      background: var(--color-bg-soft);
      border-radius: var(--radius-card);
      padding: var(--space-5) var(--space-6);
    }

    @media(min-width:1024px) {
      .tpage-cta__card {
        padding: var(--space-6) var(--space-7);
      }
    }

    .tpage-cta__card h3 {
      font-family: var(--font-heading);
      font-weight: 800;
      color: var(--color-text-heading);
      font-size: 1.375rem;
      line-height: 1.3;
    }

    .tpage-cta__card p {
      margin-top: var(--space-2);
      color: var(--color-text-primary);
      font-size: .9375rem;
    }

    .tpage-cta__card .btn {
      flex: 0 0 auto;
    }

    /* ---------- ①′ 顶部黄柔光横幅（.tpage-hero restyle → 覆盖段，source order 胜出）— 照抄「班型对比」页 ---------- */
    .tpage-hero--banner {
      background: var(--color-white);
      padding-block: var(--space-5) var(--space-4);
    }

    .tpage-hero--banner::before {
      display: none;
    }

    .tpage-hero--banner .container {
      background: var(--color-bg-yellow-soft);
      /* #FFF8C5 · 全页唯一黄柔光大块 */
      border-radius: var(--radius-card);
      padding: var(--space-6) var(--space-5);
    }

    .tpage-hero--banner .container>* {
      max-width: 680px;
    }

    .tpage-hero--banner .eyebrow {
      margin-bottom: var(--space-3);
      color: var(--color-brand-yellow-text);
    }

    .tpage-hero--banner h1.h1 {
      margin-bottom: var(--space-3);
      color: var(--color-text-heading);
    }

    .tpage-hero--banner .lead {
      color: var(--color-text-primary);
      font-size: 1.0625rem;
      line-height: 1.8;
    }

    .tpage-hero--banner .btn {
      margin-top: var(--space-4);
    }

    @media(min-width:768px) {
      .tpage-hero--banner .container {
        padding: var(--space-6) var(--space-7);
      }
    }

    /* === DY-TEX-PAGE-BEGIN === 页头黄卡山纹（.tpage-hero--banner 内含不透明黄卡，纹铺于卡片上） === */
    .tpage-hero--banner {
      position: relative;
      isolation: isolate;
    }

    .tpage-hero--banner .container {
      isolation: isolate;
      overflow: hidden;
    }

    .tpage-hero--banner .container::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: var(--tex-mountain-src);
      background-size: cover;
      background-position: center top;
      opacity: var(--texture-opacity-light-body);
      mix-blend-mode: var(--texture-blend-light);
      pointer-events: none;
      z-index: 0;
      border-radius: inherit;
    }

    .tpage-hero--banner .container>* {
      position: relative;
      z-index: 1;
    }

    /* === DY-TEX-PAGE-END === */

    /* =====================================================================
   资讯详情三级页 · 页面级追加样式（仅结构/尺寸；颜色字体圆角阴影全引 :root 既有 var）
   类前缀：.nart（正文）/ .nside（侧栏）/ .nrel（相关阅读）/ .nartnav（上下篇）
   数值对照：双栏 = minmax(0,1fr) + 320px；gap = var(--space-7)=56
            → 主栏 = 1160 − 320 − 56 = 784px（桌面舒适阅读宽）
            正文行宽上限 = 760px（站内既有 --container-text）
   ===================================================================== */

    /* ---------- ② 正文 + 侧栏主区 .nart-wrap（白底 · 全页内容主区） ---------- */
    .nart-wrap {
      position: relative;
      isolation: isolate;
      background: var(--color-white);
      padding-block: var(--space-6) var(--space-7);
    }

    /* 依据：position/isolation 供 DY-TEX 纹层定位与层叠；不写 overflow —— 保 .nside sticky。 */

    .nart-wrap>.container {
      position: relative;
      z-index: 1;
      /* 内容抬在纹层之上 */
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-6);
      align-items: start;
    }

    @media(min-width:1024px) {
      .nart-wrap>.container {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: var(--space-7);
      }
    }

    @media(min-width:1024px) {
      .nart-wrap {
        padding-block: var(--space-7) var(--space-8);
      }
    }

    /* 依据：<1024 单列（DOM 顺序 article→aside，侧栏自然下沉到正文之后，无需 order）；
   ≥1024 双栏（正文 minmax(0,1fr) 防长文撑爆 grid + 侧栏固定 320）；
   align-items:start 防两列等高拉伸（让 .nside 可 sticky）。 */

    /* ---------- ③ 正文主栏 article.nart ---------- */
    .nart {
      min-width: 0;
      background: var(--color-white);
    }

    /* 依据：min-width:0 防 grid 溢出；background 作「遮纹实底」，令肌理只留在区外留白与栏间 56px 间隙。 */

    /* --- 头部 .nart__head（分类 tag + meta 行 · 下接发丝线） --- */
    .nart__head {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      padding-bottom: var(--space-5);
      border-bottom: 1px solid var(--color-border);
      margin-bottom: var(--space-5);
    }

    /* 分类 tag：浅蓝底深蓝字 —— 与 .rrow__tag / .ng-card__tag 同值 */
    .nart__cat {
      display: inline-flex;
      align-self: flex-start;
      white-space: nowrap;
      padding: 4px 12px;
      border-radius: var(--radius-pill);
      font-size: .8125rem;
      font-weight: 700;
      line-height: 1.5;
      color: var(--color-brand-blue-deep);
      background: var(--color-brand-blue-light);
    }

    /* meta 行：作者 / 来源 / 日期 / 阅读数占位 —— 文字层级，不做色块 */
    .nart__meta {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2) var(--space-5);
      font-size: .8125rem;
      line-height: 1.5;
      color: var(--color-text-secondary);
    }

    .nart__meta li {
      display: flex;
      align-items: baseline;
      gap: 6px;
    }

    .nart__meta b {
      font-weight: 700;
      color: var(--color-text-heading);
    }

    .nart__meta .num {
      font-family: var(--font-number);
      font-variant-numeric: tabular-nums;
    }

    /* --- 富文本正文 .nart__body（块级纵距统一 space 档；行宽钳制到既有 token） --- */
    .nart__body {
      max-width: var(--container-text, 760px);
      font-size: .9375rem;
      line-height: 1.85;
      color: var(--color-text-primary);
    }

    @media(min-width:768px) {
      .nart__body {
        font-size: 1rem;
      }
    }

    .nart__body>* {
      margin: 0 0 var(--space-4);
    }

    /* 段间统一纵距 */
    .nart__body> :last-child {
      margin-bottom: 0;
    }

    .nart__body>h2 {
      margin-top: var(--space-7);
      margin-bottom: var(--space-3);
    }

    .nart__body>h3 {
      margin-top: var(--space-5);
      margin-bottom: var(--space-2);
    }

    .nart__body>figure {
      margin-block: var(--space-5);
    }

    .nart__body>hr {
      margin-block: var(--space-6);
    }

    .nart__body strong {
      font-weight: 700;
      /*color: var(--color-text-heading);*/
    }

    /* 依据：h2/h3 直接复用 chrome 字号阶梯，不新增字号档；仅写 margin-top 于标题、margin-bottom 于所有块，
   相邻外边距合并后 p→p=16 / p→h2=56 / h2→p=12 / h2→h3=24 / h3→p=8，与需求 §三 数值逐项一致。 */

    /* 配图占位 figure.nart__fig（.vid-ph 只含 bg+grid · 无播放钮 · 16/10） */
    .nart__fig {
      display: block;
    }

    .nart__fig>.vid-ph {
      aspect-ratio: 16/10;
      height: auto;
      border-radius: var(--radius-card-sm);
      border: 1px solid var(--color-border);
    }

    .nart__figcap {
      margin-top: var(--space-2);
      font-size: .8125rem;
      line-height: 1.5;
      color: var(--color-text-tertiary);
      text-align: center;
    }

    /* 依据：16/10 = 班型对比 .kimg__ph 同口径；小圆角 10=var(--radius-card-sm)；
   height:auto 覆盖 .vid-ph 的 height:100%，让 aspect-ratio 生效；图注 = .small 层级 + tertiary 色 + 居中。 */

    /* 无序列表 ul.nart__list（::before 小圆点 · 缩进 space-5） */
    .nart__list {
      list-style: none;
    }

    .nart__list>li {
      position: relative;
      padding-left: var(--space-5);
    }

    .nart__list>li+li {
      margin-top: var(--space-2);
    }

    .nart__list>li::before {
      content: "";
      position: absolute;
      left: 8px;
      top: .72em;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--color-text-tertiary);
    }

    /* 引用块 blockquote.nart__quote（左 3px 发丝描边 + 浅灰底 · 非黄） */
    .nart__quote {
      margin-inline: 0;
      padding: var(--space-4) var(--space-5);
      border-left: 3px solid var(--color-border);
      background: var(--color-bg-soft);
      border-radius: var(--radius-card-sm);
      font-size: 1.0625rem;
      line-height: 1.8;
      color: var(--color-text-secondary);
    }

    /* 分隔线 hr.nart__hr（发丝线） */
    .nart__hr {
      border: 0;
      border-top: 1px solid var(--color-border);
      height: 0;
    }

    /* 收尾 p.nart__end（「- end -」） */
    .nart__end {
      text-align: center;
      font-size: .8125rem;
      line-height: 1.5;
      color: var(--color-text-tertiary);
      letter-spacing: .08em;
    }

    /* --- 尾部 .nart__foot（标签行 / 占位声明 · .small 小字 · 非色块） --- */
    .nart__foot {
      margin-top: var(--space-6);
      padding-top: var(--space-4);
      border-top: 1px solid var(--color-border);
      font-size: .8125rem;
      line-height: 1.6;
      color: var(--color-text-tertiary);
    }

    .nart__foot .nart__tags {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2);
      margin-bottom: var(--space-2);
    }

    /* ---------- ④ 右侧栏 .nside ---------- */
    .nside {
      display: flex;
      flex-direction: column;
      gap: var(--space-5);
      min-width: 0;
    }

    @media(min-width:1024px) {
      .nside {
        position: sticky;
        top: calc(64px + var(--space-5));
      }
    }

    /* 依据：桌面吸顶 top = sitehead 高 64px + var(--space-5)=24 → 88px，避开吸顶导航；
   <1024 取消 sticky（随正文下沉、消除移动抖动）。 */

    /* 卡片外壳：白底 + 发丝描边 + radius-card；侧栏严禁黄底 */
    .nside__card {
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-card);
      padding: var(--space-5);
    }

    /* 卡标题行（不做黄块） */
    .nside__title {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: 1rem;
      line-height: 1.4;
      color: var(--color-text-heading);
      margin-bottom: var(--space-4);
    }

    /* --- ① 相关资讯 .nside__hot（复用 .rrow 小改：收窄内距 / 标题 1 行 / 去 hover 位移） --- */
    .nside__list {
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
    }

    .nside__hot .rrow {
      grid-template-columns: auto minmax(0, 1fr) auto;
      grid-template-areas: "tag date arrow" "title title title";
      gap: 6px 10px;
      padding: 10px 14px;
    }

    .nside__hot .rrow__tag {
      grid-area: tag;
      padding: 2px 10px;
      font-size: .75rem;
    }

    .nside__hot .rrow__title {
      grid-area: title;
      font-size: .875rem;
      line-height: 1.5;
      -webkit-line-clamp: 1;
    }

    .nside__hot .rrow__date {
      grid-area: date;
      font-size: .75rem;
    }

    .nside__hot .rrow__arrow {
      grid-area: arrow;
      width: 18px;
      height: 18px;
    }

    .nside__hot .rrow:hover .rrow__arrow {
      transform: none;
    }

    /* 去掉 hover 位移强度 */
    /* 依据：保留 tag/title/date/arrow 四段（信息不丢），改用源文件 <768 的 .rrow 布局（侧栏卡内宽仅 270px）；
   hover 保留「浅灰底 + 黄描边」（非黄底块）。 */

    /* --- ② 热门标签 / 分类 .nside__tags + .ntag（胶囊语感 · 无计数 · 无筛选态） --- */
    .nside__tags {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2);
    }

    .ntag {
      display: inline-flex;
      align-items: center;
      padding: 8px 16px;
      border-radius: var(--radius-pill);
      border: 1px solid var(--color-border);
      background: var(--color-white);
      color: var(--color-text-secondary);
      font-weight: 600;
      font-size: .8125rem;
      line-height: 1;
      transition: border-color .18s ease, background .18s ease, color .18s ease;
    }

    .ntag:hover {
      border-color: var(--color-brand-yellow);
      color: var(--color-ink);
      background: var(--color-bg-soft);
    }

    .ntag:focus-visible {
      outline: 3px solid rgba(30, 64, 175, .35);
      outline-offset: 2px;
    }

    /* 依据：= .tsecnav__pill 同语感（胶囊·描边·白底 + hover 黄描边/浅灰底）；
   尺寸收窄为结构性尺寸（适配 270px 内宽多枚同行）；不带计数角标、不设筛选态（纯链接）。 */

    /* --- ③ 报名咨询 .nside__cta（浅灰卡 + 标题 + 说明 + 黄主按钮点缀） --- */
    .nside__cta {
      background: var(--color-bg-soft);
    }

    .nside__cta__desc {
      font-size: .8125rem;
      line-height: 1.6;
      color: var(--color-text-secondary);
    }

    .nside__cta__tel {
      display: flex;
      align-items: baseline;
      gap: 6px;
      margin-top: var(--space-3);
      font-family: var(--font-number);
      font-weight: 800;
      font-size: 1.125rem;
      line-height: 1.3;
      color: var(--color-text-heading);
    }

    .nside__cta__actions {
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
      margin-top: var(--space-4);
    }

    .nside__cta__actions .btn {
      width: 100%;
    }

    /* 依据：主按钮 = .btn.btn--primary（黄按钮＝点缀，非黄大块）；次按钮 = .btn--ghost-ink.btn--sm。 */

    /* --- ④ 联系我们 .nside__contact（.f-contact 深色语感的「浅底版」——必须覆盖深底配色） --- */
    .nside__contact {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    .nside__contact .f-contact {
      color: var(--color-text-secondary);
      font-size: .8125rem;
    }

    .nside__contact .f-contact svg {
      stroke: var(--color-brand-blue);
    }

    .nside__contact .f-contact b {
      color: var(--color-text-heading);
    }

    /* 依据（关键）：.f-contact 原规则为深底配色（文字 --color-on-dark-muted、svg stroke 黄、b 白），
   落在白卡上会不可读 → 浅底版必须逐条覆盖为 secondary 文字 / brand-blue 图标描边 / heading 加粗值。 */

    /* --- 移动端：侧栏下沉后与正文之间的区段间距 --- */
    @media(max-width:1023px) {
      .nside {
        margin-top: var(--space-2);
      }
    }

    /* ---------- ⑤ 相关阅读 .nrel（白底 · 3 × .ng-card 横排 · 复用列表页图文卡） ---------- */
    .nrel {
      background: var(--color-white);
      padding-block: var(--space-5) var(--space-6);
    }

    @media(min-width:1024px) {
      .nrel {
        padding-block: var(--space-6) var(--space-7);
      }
    }

    .nrel__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
      margin-top: var(--space-5);
    }

    @media(min-width:768px) {
      .nrel__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--space-5);
      }
    }

    /* 依据：恰好 3 条 → 任意断点都无落单卡（无孤儿）。 */

    /* ---------- ⑥ 上一篇 / 下一篇 .nartnav（左右两卡 · 发丝线分隔 · 占位恒指向同页） ---------- */
    .nartnav {
      background: var(--color-white);
      padding-block: var(--space-5) var(--space-7);
      border-top: 1px solid var(--color-border);
    }

    .nartnav__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-3);
    }

    @media(min-width:768px) {
      .nartnav__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-4);
      }
    }

    .nartnav__item {
      display: flex;
      flex-direction: column;
      gap: var(--space-1);
      padding: var(--space-4) var(--space-5);
      min-width: 0;
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-card);
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .nartnav__item:hover {
      border-color: var(--color-brand-yellow);
      background: var(--color-bg-soft);
      box-shadow: var(--shadow-card);
    }

    .nartnav__item:focus-visible {
      outline: 3px solid rgba(30, 64, 175, .35);
      outline-offset: 2px;
    }

    .nartnav__label {
      font-size: .75rem;
      font-weight: 600;
      letter-spacing: .06em;
      color: var(--color-text-tertiary);
    }

    .nartnav__title {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: .9375rem;
      line-height: 1.5;
      color: var(--color-text-heading);
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .nartnav__item--prev {
      text-align: left;
    }

    /* 上一篇恒左对齐为默认态；显式声明以与 --next 对称，避免后人误判为漏写规则 */
    .nartnav__item--next {
      text-align: right;
    }

    .nartnav__item--next .nartnav__title {
      margin-inline-start: auto;
    }

    /* 依据：与 .rrow/.ng-card 同卡片语言（1px 描边 + radius-card + hover 黄描边/浅灰底，非黄底块）。 */