/* ============================================================
   News CMS 补充样式（列表页 + 详情页）
   基础版式：/css/news.css（列表）与 /css/news-detail.css（详情），
   这里只补 CMS 动态输出需要的部分：首条大卡（feature 伪装）、
   分页按钮、正文裸图排版。
   ============================================================ */

/* ---- 列表：首条文章放大为 feature 版式（DOM 与其余条目一致） ---- */
.nlist .ncards--mixed{margin-top:clamp(36px,4.5vw,56px)}
.nlist .ncards--mixed > .ncard:first-child .ncard__more{display:inline-flex}

.ncard__more{display:none;margin-top:16px;align-items:center;gap:8px;
  font-family:var(--sans);font-weight:500;font-size:12.5px;color:var(--brand);
  transition:gap .35s var(--ease-out)}
.ncard__more svg{flex:none}
.ncard:hover .ncard__more{gap:12px}

@media (min-width:881px){
  .nlist .ncards--mixed > .ncard:first-child{
    grid-column:1 / -1;
    display:flex;flex-direction:row;gap:clamp(26px,3vw,44px);align-items:center;
    background:none;border:none;padding:0;box-shadow:none;border-radius:0}
  .nlist .ncards--mixed > .ncard:first-child:hover{transform:none;box-shadow:none}
  .nlist .ncards--mixed > .ncard:first-child .ncard__media{
    flex:0 0 50%;width:50%;aspect-ratio:16 / 10;border-radius:24px}
  .nlist .ncards--mixed > .ncard:first-child .ncard__body{padding:0;flex:1;min-width:0}
  .nlist .ncards--mixed > .ncard:first-child .ncard__cat{font-size:10px;letter-spacing:.18em}
  .nlist .ncards--mixed > .ncard:first-child .ncard__h{font-size:clamp(19px,2.4vw,23px);line-height:1.25}
  .nlist .ncards--mixed > .ncard:first-child .ncard__d{font-size:13px;line-height:1.6}
  .nlist .ncards--mixed > .ncard:first-child .ncard__date{margin-top:20px;font-size:11px}
}

@media (max-width:880px){
  .nlist .ncards--mixed > .ncard:first-child{grid-column:1 / -1}
}

/* ---- 列表：分页按钮（帝国默认输出的文字链接） ---- */
.news-pagebar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:10px;margin-top:clamp(44px,5vw,60px);font-size:13px;color:var(--ink-2)}
.news-pagebar a{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 16px;border:1px solid var(--line-soft);
  border-radius:999px;background:var(--white);color:var(--ink);
  transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.news-pagebar a:hover{border-color:var(--accent);color:var(--accent)}
.news-pagebar b,.news-pagebar .cur{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 16px;border:1px solid var(--accent);
  border-radius:999px;background:var(--accent);color:#FFFFFF;font-weight:700}

/* ---- 详情：编辑器输出的裸图与强调，套用参考稿排版 ---- */
.abody__in img{display:block;max-width:100%;height:auto;margin:1.9em auto;
  border-radius:18px;background:var(--card)}
.abody__in strong,.abody__in b{color:var(--ink);font-weight:700}
.abody__in h1{margin:2.2em 0 .8em;font-size:clamp(20px,2.6vw,26px);font-weight:700;
  letter-spacing:-.01em;color:var(--ink)}
.abody__in h3{margin:2em 0 .8em;font-size:clamp(17px,2.2vw,20px);font-weight:700;color:var(--ink)}
.abody__in a{color:var(--accent);font-weight:700;text-decoration:none;
  transition:color .25s var(--ease),background-color .25s var(--ease)}
.abody__in a:hover{color:var(--brand-lit);background:rgba(38,79,71,.08)}
.abody__in blockquote{margin:1.9em 0;padding:14px 22px;border-left:3px solid var(--accent);
  background:#F5F7F6;border-radius:0 14px 14px 0;color:var(--ink-2)}

/* ---- 详情：hero 图缺省时的底色 ---- */
.ahero__img{background:var(--card)}
