/* 媒体报道详情页（/theMedias/<id>）专属样式。没有设计稿：横幅同列表页，排版沿用瑜伽知识详情页（正文宽 800） */

/* 1 横幅：同列表页；本页 h1 是报道标题，横幅文字用 p，样式同 .page-banner h1 */
.media-article-banner { background-image: url("/assets/images/the-medias/banner.jpg"); }
.media-article-banner-title { margin: 0; font-size: clamp(2rem, 1.4rem + 2vw, 3rem); font-weight: 500; font-family: var(--dy-font-accent); letter-spacing: 0.1em; }

/* 2 面包屑 */
.media-breadcrumb { --bs-breadcrumb-divider: ">"; --bs-breadcrumb-item-padding-x: 0.375rem; --bs-breadcrumb-divider-color: rgba(0, 0, 0, 0.4); --bs-breadcrumb-item-active-color: rgba(0, 0, 0, 0.89); margin: 1.5rem 0 3rem; font-size: 1rem; }
.media-breadcrumb a { color: rgba(0, 0, 0, 0.4); text-decoration: none; }
.media-breadcrumb a:hover { color: var(--dy-primary); }

/* 3 标题 + 来源与日期 */
.media-article { max-width: calc(50rem + var(--bs-gutter-x, 1.5rem)); margin: 0 auto; padding: 0 calc(var(--bs-gutter-x, 1.5rem) * 0.5) var(--dy-section-gap); }
.media-article h1 { margin-bottom: 1.5rem; font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem); font-weight: 500; line-height: 1.4; }
.media-article-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem 1rem; margin: 0 0 3rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--dy-border); font-size: 1rem; color: var(--dy-text-muted); }

/* 4 正文：同瑜伽知识详情页，18px、行高 2，段距 36 */
.media-article-body { font-size: 1.125rem; line-height: 2; color: rgba(0, 0, 0, 0.72); overflow-wrap: anywhere; }
.media-article-body p,
.media-article-body ul,
.media-article-body ol,
.media-article-body blockquote { margin-bottom: 2.25rem; line-height: inherit; }
.media-article-body strong { font-weight: 600; color: #000; }
.media-article-body h2,
.media-article-body h3 { margin: 2.25rem 0; color: #000; font-size: 1.5rem; font-weight: 600; line-height: 1.5; }
.media-article-body h3 { font-size: 1.125rem; line-height: 2; }
.media-article-body ul,
.media-article-body ol { padding-left: 1.5em; }
.media-article-body blockquote { padding-left: 1.5rem; border-left: 2px solid var(--dy-border); }
.media-article-body img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: var(--dy-radius-sm); }
.media-article-body a { text-decoration: none; }
.media-article-body a:hover { text-decoration: underline; }

/* 艾瑞报告入口（只在 id 6） */
.media-article-report { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; margin-top: 3rem; padding: 1.5rem 2rem; border-radius: var(--dy-radius); background: var(--dy-bg-soft); }
.media-article-report p { margin: 0; font-size: 1.25rem; font-weight: 500; color: var(--dy-text); }

@media (max-width: 767.98px) {
  .media-breadcrumb { margin-bottom: 1.5rem; font-size: 0.8125rem; }
  .media-article-meta { margin-bottom: 2rem; font-size: 0.875rem; }
  .media-article-body { font-size: 1rem; line-height: 1.9; }
  .media-article-body p,
  .media-article-body ul,
  .media-article-body ol,
  .media-article-body blockquote { margin-bottom: 1.5rem; }
  .media-article-body h2,
  .media-article-body h3 { margin: 1.5rem 0; }
  .media-article-body h2 { font-size: 1.25rem; }
  .media-article-report { padding: 1.25rem; }
  .media-article-report p { font-size: 1.0625rem; }
}