body[data-page="news"] main { background: #f4f6f7; }

.article-section {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
  padding: 42px 0 100px;
}

.article-section > .breadcrumb { margin-bottom: 24px; color: #718085; }
.article-body { min-width: 0; padding: 52px clamp(42px, 7vw, 96px) 66px; background: #fff; border: 1px solid #e0e6e7; border-top: 4px solid #c3202f; box-shadow: 0 12px 34px rgba(28,49,55,.07); }
.article-inline-header { margin-bottom: 38px; padding: 0 0 32px; border-bottom: 1px solid #e3e8e9; }
.article-category { display: inline-flex; padding: 6px 12px; color: #9d1d2b; background: #fff1f2; border: 1px solid #efcbd0; font-size: 13px; font-weight: 700; }
.article-inline-header h1 { margin: 18px 0 0; color: #19353b; font-size: clamp(30px, 4vw, 42px); line-height: 1.45; letter-spacing: .01em; }
.article-summary { max-width: 850px; margin: 16px 0 0; color: #5e7277; font-size: 17px; line-height: 1.85; }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 22px; color: #7b898d; font-size: 13px; }
.article-cover { display: block; width: 100%; max-height: 520px; object-fit: cover; margin: 0 0 48px; border-radius: 3px; box-shadow: 0 14px 34px rgba(18,55,58,.1); }
.article-lead { margin: 0 0 42px; padding: 24px 28px; color: #3e484c; background: #faf5f5; border-left: 4px solid #c3202f; font-size: 18px; font-weight: 600; line-height: 2; }
.article-body section { margin: 0 0 42px; }
.article-body h2 { margin: 0 0 16px; color: #183237; font-size: 26px; line-height: 1.55; }
.article-body section p { margin: 0; color: #384c52; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 18px; line-height: 2.1; text-align: justify; }
.article-inline-figure { margin: 34px 0 6px; }
.article-inline-figure img { display: block; width: 100%; max-height: 500px; object-fit: cover; border-radius: 3px; box-shadow: 0 14px 34px rgba(18,55,58,.12); }
.article-inline-figure figcaption { margin-top: 12px; padding-left: 14px; color: #718085; border-left: 2px solid #d7a5aa; font-size: 13px; line-height: 1.75; }
.article-quote { margin: 34px 0 4px; padding: 24px 28px; background: #faf5f5; border: 0; border-left: 4px solid #c3202f; }
.article-quote strong { display: block; margin-bottom: 8px; color: #a51e2c; font-size: 14px; }
.article-quote p { color: #314b50 !important; font-size: 16px !important; font-weight: 600; line-height: 1.9 !important; }
.article-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; padding-top: 28px; border-top: 1px solid #e1e7e8; }
.article-actions a { padding: 10px 18px; color: #9d1d2b; border: 1px solid #d3a1a7; font-size: 14px; font-weight: 700; }
.article-actions a:hover { color: #fff; background: #c3202f; border-color: #c3202f; }

@media (max-width: 760px) {
  .article-section { width: calc(100% - 32px); padding: 30px 0 68px; }
  .article-body { padding: 32px 22px 44px; }
  .article-inline-header { padding: 0 0 26px; }
  .article-inline-header h1 { font-size: 28px; }
  .article-summary { font-size: 16px; }
  .article-cover { margin-bottom: 34px; }
  .article-lead { padding: 20px; font-size: 16px; }
  .article-body h2 { font-size: 23px; }
  .article-body section p { font-size: 17px; line-height: 2; }
  .article-inline-figure { margin-top: 26px; }
  .article-quote { padding: 20px; }
}