/*
 * 新闻详情页专属样式（news-detail.html）
 * 设计稿：1:6493「新闻资讯-详情-定」（1920×5781，底色 #F2F2F2）
 * 结构（无 banner / 二级菜单）：面包屑 → 两栏（正文 1150 + 相关新闻侧栏 400，间距 50）
 * 侧栏卡片 .side-card 为公共组件（common.css，产品中心 / 新闻详情共用）
 */

/* ---------- 两栏布局（设计稿：主文 160~1310 + 侧栏 1360~1760） ---------- */
.nd-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 1024px) {
  .nd-layout {
    grid-template-columns: 1fr 400px;
    gap: 50px; /* 1360 - 1310 */
  }
  /* 相关新闻侧栏：滚动悬浮（lg+；top 值由 common.js bindStickyAside 按视口/侧栏高度计算，
   * 此处 120px 仅为脚本未执行时的兜底吸顶位） */
  .nd-aside {
    position: sticky;
    top: 120px;
  }
}

/* ---------- 文章头（设计稿 标题 26px 居中 + 发布信息 + 分隔线） ---------- */
.nd-title {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;      /* font_1:6712（26 Regular L3） */
  color: #333333;
}
.nd-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  font-size: 14px;
  color: #666666;        /* font_1:6597 / 6602 */
}
.nd-meta-gap {
  width: 88px;           /* 设计稿两组信息间距（533+403 居中分布） */
}
.nd-divider {
  margin: 26px 0 30px;
  border-top: 1px solid #D8D8D8; /* 设计稿 直线37/38：1150 宽 */
}
@media (min-width: 1024px) {
  .nd-title { font-size: 26px; }
  .nd-meta { margin-top: 20px; font-size: 18px; }
  .nd-divider { margin: 45px 0 60px; }
}

/* ---------- 正文（设计稿 组1462-1465：段落 18 Light 行高 36 首行缩进；小标题 20 Medium） ---------- */
.nd-body p {
  font-size: 15px;
  line-height: 28px;
  font-weight: 300;
  color: #3D3D3D;        /* font_1:4573 */
  text-indent: 2em;      /* 设计稿段首空格缩进 */
}
.nd-body p + p {
  margin-top: 20px;
}
.nd-body h2 {
  margin: 40px 0 20px;
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;      /* font_1:6505（20 Medium） */
  color: #3D3D3D;
}
.nd-body img {
  display: block;
  width: 100%;
  max-width: 695px;      /* 设计稿正文图 695×760 / 633×694 / 700×400，统一上限居中 */
  margin: 30px auto 40px;
  height: auto;
}
@media (min-width: 1024px) {
  .nd-body p { font-size: 18px; line-height: 36px; }
  .nd-body p + p { margin-top: 20px; }
  .nd-body h2 { margin: 60px 0 26px; font-size: 20px; line-height: 36px; }
  .nd-body img { margin: 40px auto 60px; }
}

/* ---------- 上一篇 / 下一篇（设计稿 组1466：18 Regular，上一篇蓝） ---------- */
.nd-adjacent {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nd-adjacent a {
  font-size: 14px;
  line-height: 25px;
  color: #3D3D3D;
}
.nd-adjacent a:hover {
  color: #0971CE;
}
.nd-adjacent .nd-prev {
  color: #0971CE;        /* 设计稿当前上一篇为蓝色 */
}
@media (min-width: 1024px) {
  .nd-adjacent a { font-size: 18px; }
}

/* ---------- 相关新闻侧栏列表（设计稿 5 条：图 355×200 + 标题 + 日期，纵向间隔 330） ---------- */
.nd-rel {
  padding: 20px 22px 30px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.nd-rel-item img {
  display: block;
  width: 100%;
  aspect-ratio: 355 / 200;
  object-fit: cover;
  border-radius: 4px;
}
.nd-rel-item h3 {
  margin-top: 12px;
  font-size: 16px;       /* font_1:6618 */
  line-height: 22px;
  font-weight: 400;
  color: #3D3D3D;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 设计稿两行标题 */
  overflow: hidden;
  transition: color 0.2s;
}
.nd-rel-item time {
  display: block;
  margin-top: 6px;
  font-family: MiSans, "Alibaba PuHuiTi 3.0", sans-serif;
  font-size: 12px;       /* font_1:6626 */
  color: #666666;
}
.nd-rel-item:hover h3 {
  color: #0971CE;
}

/* ===== DedeCMS prenext 输出适配 ===== */
.nd-adjacent > a:first-child{color:#0971CE}
.nd-adjacent > a + a{margin-top:10px}