/* ============================================================
   最新动态 · 新闻详情页（news-detail.html）
   内容整体居中，无侧边栏、无分享按钮
   ============================================================ */

/* 本页为浅色背景，固定导航固定为纯黑，保证白色文字可读 */
body.news-page .header { background: #000; }

/* ---------------- 面包屑栏 ---------------- */
.news-breadcrumb-bar {
  background: #fff;
  border-bottom: 1px solid var(--border);
  padding: 26px 0;
}
.news-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 14.5px;
  color: #64748b;
}
.news-breadcrumb-label { color: #94a3b8; }
.news-breadcrumb a {
  color: #475569;
  transition: color .2s ease;
}
.news-breadcrumb a:hover { color: var(--primary); }
.news-breadcrumb-sep { color: #cbd5e1; }
.news-breadcrumb-current { color: #0f172a; font-weight: 600; }

/* ---------------- 文章主体 ---------------- */
.news-article {
  background: #fff;
  padding: 64px 0 96px;
}
.news-article-inner {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
}

/* 标题区（居中） */
.news-article-head { text-align: center; }
.news-article-title {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -.5px;
  color: #0f172a;
}
.news-article-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 24px;
  font-size: 14px;
  color: #94a3b8;
}
.news-article-meta .meta-divider { color: #e2e8f0; }
.news-article-rule {
  width: 60px;
  height: 3px;
  margin: 32px auto 0;
  border-radius: 3px;
  background: var(--gradient);
}

/* 正文 */
.news-article-body { margin-top: 48px; }
.news-article-body p {
  font-size: 16.5px;
  line-height: 2.05;
  color: #334155;
  margin: 0 0 22px;
  text-align: justify;
}
.news-article-body p:last-child { margin-bottom: 0; }
.news-article-body h2 {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.5;
  margin: 42px 0 18px;
  padding-left: 14px;
  border-left: 4px solid var(--primary);
}
.news-article-body strong { color: #0f172a; font-weight: 700; }
.news-article-figure {
  margin: 30px 0;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.news-article-figure img { display: block; width: 100%; height: auto; }
.news-article-figure figcaption {
  padding: 10px 16px;
  font-size: 13px;
  color: #64748b;
  background: #f8fafc;
  line-height: 1.6;
}
.news-inline-link {
  color: var(--primary);
  font-weight: 600;
  border-bottom: 1px solid rgba(79, 70, 229, .35);
  transition: border-color .2s ease;
}
.news-inline-link:hover { border-bottom-color: var(--primary); }

/* 正文配图 */
.news-article-figure { margin: 34px 0; }
.news-article-figure img {
  width: 100%;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
}
.news-article-figure figcaption {
  margin-top: 12px;
  text-align: center;
  font-size: 13.5px;
  color: #94a3b8;
}

/* ---------------- 上一篇 / 下一篇 / 二维码 ---------------- */
.news-prevnext {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  margin-top: 64px;
  padding-top: 44px;
  border-top: 1px solid var(--border);
}
.news-pn-card {
  display: block;
  padding: 34px 34px 30px;
  background: #fafbfc;
  border: 1px solid #eef1f5;
  border-radius: 4px;
  transition: background .25s ease, border-color .25s ease,
              transform .25s ease, box-shadow .25s ease;
}
.news-pn-card:hover {
  background: #fff;
  border-color: rgba(79, 70, 229, .3);
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(17, 22, 42, .08);
}

/* 小标题 + 短横线 */
.news-pn-label {
  display: inline-block;
  position: relative;
  padding-bottom: 14px;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: .5px;
}
.news-pn-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 2px;
  background: #0f172a;
}

/* 文章标题 */
.news-pn-title {
  display: block;
  margin-top: 18px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.65;
  color: #1a1d24;
  transition: color .2s ease;
}
.news-pn-card:hover .news-pn-title { color: var(--primary); }

/* 来源 / 日期 */
.news-pn-meta {
  display: block;
  margin-top: 22px;
  font-size: 14px;
  color: #9aa4b2;
}
.news-pn-meta .pn-divider { margin: 0 8px; color: #d7dce3; }

/* 二维码卡片 */
.news-pn-card.news-pn-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: default;
}
.news-pn-card.news-pn-qr:hover {
  background: #fff;
  border-color: rgba(79, 70, 229, .3);
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(17, 22, 42, .08);
}
.news-pn-card.news-pn-qr .news-pn-label { padding-bottom: 12px; }
.news-pn-card.news-pn-qr .news-pn-label::after {
  left: 50%;
  transform: translateX(-50%);
}
.news-qr-img {
  width: 124px;
  height: 124px;
  object-fit: contain;
  margin: 18px 0 10px;
  border-radius: var(--radius-sm);
}
.news-qr-tip {
  font-size: 13px;
  color: #9aa4b2;
}

/* 首篇 / 末篇 的空态卡片 */
.news-pn-card.news-pn-empty {
  background: transparent;
  border-style: dashed;
  border-color: #e2e8f0;
  cursor: default;
}
.news-pn-card.news-pn-empty:hover {
  background: transparent;
  border-color: #e2e8f0;
  transform: none;
  box-shadow: none;
}
.news-pn-card.news-pn-empty .news-pn-label { color: #cbd5e1; }
.news-pn-card.news-pn-empty .news-pn-label::after { background: #cbd5e1; }
.news-pn-card.news-pn-empty .news-pn-title {
  color: #94a3b8;
  font-weight: 600;
}

/* ---------------- 响应式 ---------------- */
@media (max-width: 900px) {
  .news-article-title { font-size: 28px; }
}
@media (max-width: 720px) {
  .news-breadcrumb-bar { padding: 18px 0; }
  .news-breadcrumb { font-size: 13px; gap: 7px; }
  .news-article { padding: 40px 0 64px; }
  .news-article-title { font-size: 23px; line-height: 1.55; }
  .news-article-meta { margin-top: 18px; font-size: 13px; }
  .news-article-rule { margin-top: 24px; }
  .news-article-body { margin-top: 32px; }
  .news-article-body p { font-size: 15.5px; line-height: 1.95; }
  .news-article-body h2 { font-size: 18px; margin: 32px 0 14px; }
  .news-prevnext {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 44px;
    padding-top: 32px;
  }
  .news-pn-card { padding: 26px 24px 24px; }
  .news-pn-label { font-size: 16.5px; padding-bottom: 12px; }
  .news-pn-title { font-size: 15.5px; margin-top: 14px; }
  .news-pn-meta { margin-top: 16px; font-size: 13px; }
  .news-qr-img { width: 108px; height: 108px; margin-top: 14px; }
}