/* 新闻详情：正常 container 宽度文章页 */
.page-article-detail {
  background: #fafafc;
}
.page-article-detail .site-footer {
  background: #ffffff;
}

.nd-article {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto calc(80 * var(--px));
  padding: calc(56 * var(--px)) calc(64 * var(--px));
  background: #ffffff;
  box-sizing: border-box;
}

.nd-tag {
  display: inline-flex;
  align-items: center;
  height: calc(28 * var(--px));
  padding: 0 calc(12 * var(--px));
  margin: 0 0 calc(20 * var(--px));
  border-radius: calc(4 * var(--px));
  background: rgba(0, 15, 158, 0.08);
  color: #000f9e;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: max(12px, calc(14 * var(--px)));
  font-weight: 500;
  line-height: 1;
}

.nd-title {
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: max(26px, calc(36 * var(--px)));
  font-weight: 500;
  color: #111111;
  line-height: 1.35;
  margin: 0 0 calc(16 * var(--px));
}

.nd-meta {
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: max(13px, calc(14 * var(--px)));
  color: #888888;
  line-height: 1.4;
  margin: 0 0 calc(28 * var(--px));
  padding-bottom: calc(24 * var(--px));
  border-bottom: 1px solid #eef0f4;
}

.nd-summary {
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: max(14px, calc(16 * var(--px)));
  color: #555555;
  line-height: calc(28 * var(--px));
  margin: 0 0 calc(28 * var(--px));
}

.nd-body {
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: max(14px, calc(16 * var(--px)));
  color: #222222;
  line-height: 1.85;
}
.nd-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: calc(20 * var(--px)) auto;
}
.nd-body p {
  margin: 0 0 1em;
}
.nd-body h2,
.nd-body h3 {
  margin: 1.4em 0 0.6em;
  color: #111;
  font-weight: 500;
}

.nd-pager {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(24 * var(--px));
  margin-top: calc(40 * var(--px));
  padding-top: calc(28 * var(--px));
  border-top: 1px solid #eef0f4;
}
.nd-pager-item {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--px));
  min-width: 0;
  padding: calc(16 * var(--px)) calc(20 * var(--px));
  background: #f7f8fb;
  border-radius: calc(8 * var(--px));
  color: #222;
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: max(14px, calc(15 * var(--px)));
  line-height: 1.5;
  transition: background 0.2s ease, color 0.2s ease;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nd-pager-item span {
  color: #000f9e;
  font-size: max(12px, calc(13 * var(--px)));
  font-weight: 500;
}
.nd-pager-item:hover {
  background: #eef1ff;
  color: #000f9e;
}
.nd-pager-next {
  text-align: right;
  align-items: flex-end;
}
.nd-pager-item.is-disabled,
.nd-pager-item.is-disabled:hover {
  background: #f7f8fb;
  color: #aaaaaa;
  cursor: default;
}
.nd-pager-item.is-disabled span {
  color: #aaaaaa;
}

.nd-actions {
  margin-top: calc(28 * var(--px));
}

.page-article-detail .pd-related .nd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(24 * var(--px));
}
.page-article-detail .pd-related .home-news-card {
  width: auto;
  flex: none;
  background: #fff;
}
.page-article-detail .pd-related .home-news-card-img {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: calc(8 * var(--px));
}
.page-article-detail .pd-related .home-news-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .nd-article {
    padding: calc(40 * var(--px)) calc(32 * var(--px));
  }
  .page-article-detail .pd-related .nd-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .nd-article {
    padding: calc(28 * var(--px)) calc(20 * var(--px));
  }
  .nd-pager {
    grid-template-columns: 1fr;
  }
  .nd-pager-next {
    text-align: left;
    align-items: flex-start;
  }
  .page-article-detail .pd-related .nd-related-grid {
    grid-template-columns: 1fr;
  }
}