/* =============================================================
   CMS 静态化生成内容所需样式
   由 www-api 静态化引擎生成静态页时使用，不改动原有设计稿样式
   ============================================================= */

/* 新闻卡片：标题链接 + 整卡可点击 */
.ncard { position: relative; }
.ncard__title a { color: inherit; text-decoration: none; }
.ncard__title a::after { content: ""; position: absolute; inset: 0; z-index: 2; }

/* ---------- 新闻详情页 ---------- */
.nd-detail { padding: calc(var(--header-h) + 48px) 0 20px; }

.nd-crumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-4); margin-bottom: 24px; }
.nd-crumb a { color: var(--ink-4); }
.nd-crumb a:hover { color: var(--brand-navy); }
.nd-crumb svg { width: 13px; height: 13px; }
.nd-crumb b { font-weight: 600; color: var(--ink-2); }

.nd-paper { background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); padding: 56px 64px; }
.nd-title { font-size: 34px; line-height: 1.42; color: var(--ink-1); font-weight: 700; margin-bottom: 22px; }
.nd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; font-size: 13.5px; color: var(--ink-4); padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.nd-meta span { display: inline-flex; align-items: center; gap: 7px; }
.nd-meta svg { width: 15px; height: 15px; }
.nd-summary { margin: 26px 0 0; font-size: 16px; line-height: 2; color: var(--ink-3); background: var(--bg-soft); border-left: 3px solid var(--brand-green); padding: 16px 20px; border-radius: 0 var(--r-sm) var(--r-sm) 0; }
.nd-cover { width: 100%; height: auto; border-radius: var(--r-md); margin: 30px 0; display: block; }

.nd-body { padding-top: 6px; }
.nd-body > *:first-child { margin-top: 0; }
.nd-body p { margin: 0 0 18px; font-size: 16.5px; line-height: 2.05; color: var(--ink-2); }
.nd-body h2 { font-size: 23px; line-height: 1.5; color: var(--ink-1); margin: 34px 0 16px; font-weight: 700; }
.nd-body h3 { font-size: 19px; line-height: 1.5; color: var(--ink-1); margin: 28px 0 14px; font-weight: 700; }
.nd-body strong { color: var(--ink-1); }
.nd-body ul, .nd-body ol { margin: 0 0 18px 24px; line-height: 2.05; color: var(--ink-2); font-size: 16.5px; }
/* 内容图片：inline-block 以尊重作者用 <p style="text-align:center"> 的居中意图；
   若改为 block 会脱离父级 text-align 控制而左对齐（后台预览为原生渲染故居中，站点却不是） */
.nd-body img { max-width: 100%; height: auto; border-radius: var(--r-sm); display: inline-block; vertical-align: middle; margin: 18px 0; }
.nd-body a { color: var(--brand-blue); }
.nd-body blockquote { margin: 22px 0; padding: 16px 20px; border-left: 3px solid var(--brand-green); color: var(--ink-3); background: var(--bg-soft); border-radius: 0 var(--r-sm) var(--r-sm) 0; }
.nd-body table { width: 100%; border-collapse: collapse; margin: 22px 0; }
.nd-body th, .nd-body td { border: 1px solid var(--line); padding: 10px 12px; font-size: 15px; line-height: 1.8; }
.nd-body th { background: var(--bg-soft); color: var(--ink-1); }

.nd-back { margin-top: 46px; display: flex; justify-content: center; }

@media (max-width: 900px) {
  .nd-paper { padding: 30px 20px; }
  .nd-title { font-size: 24px; }
  .nd-detail { padding-top: calc(var(--header-h) + 24px); }
}