/* News detail layout; article text and inline images come from the CMS editor. */
.news-article-page main { position: relative; isolation: isolate; }
.news-article-page main::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 220px 280px at -2% 78%, #fcf9f6 0 70%, transparent 71%), radial-gradient(ellipse 450px 400px at 98% 98%, #fcf9f6 0 70%, transparent 71%); }
.article-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 80px; padding-block: 16px; color: var(--muted); font-size: 14px; line-height: 24px; }
.article-breadcrumb a:hover { color: var(--red); }
.article-breadcrumb [aria-current] { color: var(--ink); }
.news-article-heading { padding: 0 0 30px; text-align: center; }
.news-article-heading h1 { margin: 0; color: var(--ink); font: 700 48px/1.45 'Microsoft YaHei', '微软雅黑', sans-serif; overflow-wrap: anywhere; }
.news-article-heading time { display: block; margin-top: 12px; color: var(--muted); font-size: 18px; line-height: 26px; }
.news-article-body { color: var(--ink); font-size: 20px; line-height: 1.7; overflow-wrap: anywhere; }
.news-article-body p { margin: 0; }
.news-article-body h2, .news-article-body h3 { margin: 16px 0 8px; text-align: left; font: 600 22px/1.7 'Qianyi Sans', 'Microsoft YaHei', sans-serif; }
.news-article-body ul, .news-article-body ol { margin: 8px 0; padding-left: 1.5em; }
.news-article-body figure { margin: 28px 0; }
.news-article-body img { display: block; width: auto; max-width: min(708px, 100%); height: auto !important; margin: 28px auto; border-radius: 18px; }
.news-article-body figcaption { text-align: center; color: var(--muted); font-size: 14px; }
.news-article-body a { color: var(--red); text-decoration: underline; }
.news-article-body video, .news-article-body iframe { max-width: 100%; }
.news-article-body table { max-width: 100%; border-collapse: collapse; }
.news-article-body td, .news-article-body th { padding: 8px; border: 1px solid #eee; }
.news-article-page .site-footer { margin-top: 46px; }
@media (min-width: 1101px) {
  .news-article-page .header-actions { display: flex; }
  .news-article-page .main-nav { position: static; transform: none; gap: clamp(20px, 3vw, 50px); }
}
@media (max-width: 1450px) {
  .news-article-heading h1 { font-size: 42px; }
  .news-article-body { font-size: 18px; line-height: 1.75; }
  .news-article-page .main-nav a { font-size: 17px; }
}
@media (max-width: 700px) {
  .article-breadcrumb { min-height: 56px; gap: 8px; padding-block: 12px; font-size: 12px; }
  .news-article-heading { padding-bottom: 26px; }
  .news-article-heading h1 { font-size: 30px; line-height: 1.5; }
  .news-article-heading time { margin-top: 8px; font-size: 14px; line-height: 22px; }
  .news-article-body { font-size: 15px; line-height: 1.8; }
  .news-article-body h2, .news-article-body h3 { font-size: 18px; }
  .news-article-body p { margin-bottom: 6px; }
  .news-article-body img { margin-block: 22px; border-radius: 12px; }
  .news-article-page .site-footer { margin-top: 36px; }
}