@import url("./xwzx-common.css");

.news-article {
  padding: calc(30 * var(--design-unit)) calc(28 * var(--design-unit)) calc(40 * var(--design-unit));
}

.news-article__title {
  margin: 0;
  color: #3c3c3c;
  font-size: calc(28 * var(--design-unit));
  line-height: 1.55;
  font-weight: 700;
  text-align: center;
}

.news-article__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(22 * var(--design-unit));
  margin-top: calc(22 * var(--design-unit));
  padding: 0 calc(52 * var(--design-unit)) calc(24 * var(--design-unit));
  border-bottom: 1px solid #d8d8d8;
  color: #5f5f5f;
  font-size: calc(18 * var(--design-unit));
}

.news-article__meta span:last-child {
  text-align: right;
}

.news-article__body {
  margin-top: calc(24 * var(--design-unit));
  color: #4a4a4a;
  font-size: calc(21 * var(--design-unit));
  line-height: 1.95;
  text-align: justify;
}

.news-article__body p {
  margin: 0;
  text-indent: 2em;
}

.news-article__body p + p {
  margin-top: calc(12 * var(--design-unit));
}

.news-article__image,
.news-article__body img {
  display: block;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: calc(26 * var(--design-unit)) auto;
  aspect-ratio: auto;
  object-fit: contain;
}

/* UEditor 上传视频：覆盖写死的 width/height（如 1540×600），手机端铺满正文宽 */
.news-article__body video,
.news-article__body .edui-upload-video,
.news-article__body .video-js {
  display: block;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: calc(26 * var(--design-unit)) auto;
  background: #000;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.news-article__body .video-js {
  /* video.js 皮肤常写死像素尺寸，强制跟容器走 */
  padding-top: 0 !important;
  font-size: inherit;
}

/* 编辑器粘贴带来的 nowrap / 固定字号，避免正文被挤乱 */
.news-article__body [style*="text-wrap-mode: nowrap"],
.news-article__body [style*="text-wrap-mode:nowrap"] {
  text-wrap-mode: wrap !important;
  white-space: normal !important;
}

@media (max-width: 340px) {
  .news-article__meta {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .news-article__meta span:last-child {
    text-align: left;
  }
}