/* ============================================================
   新闻详情页 专属样式 (newsdetail.css)
   风格延续全站：深灰(#3D3D3D)正文 + 黑色页脚。
   导航栏（.mg-header）不在本文件覆盖，完全复用 common.css 的全站默认行为
   （半透明毛玻璃 + JS 滚动变白底），与 news.html 一致。
   ============================================================ */

/* ---------- 面包屑 ---------- */
.news-crumb {
    font-size: var(--fs-body-sm);
    color: var(--c-dark);
    line-height: 52px;
    opacity: .75;
}
.news-crumb a:hover { color: var(--c-black); opacity: 1; }
.news-crumb span { margin: 0 4px; }

/* ---------- 文章卡片 ---------- */
.news-article {
    background: #fff;
    border-radius: var(--radius-card-lg);
    padding: clamp(28px, 4vw, 64px) clamp(20px, 5vw, 80px);
}
@media (max-width: 768px) {
    .news-article { padding: 28px 20px; border-radius: 12px; }
}

/* 标题 */
.news-article__title {
    font-size: var(--fs-h4);
    font-weight: 700;
    line-height: 1.45;
    color: #141414;
    letter-spacing: .5px;
}

/* 元信息（日期 / 浏览量） */
.news-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(24px, 3vw, 80px);
    margin-top: clamp(16px, 2vw, 24px);
    padding-bottom: clamp(20px, 2vw, 30px);
    border-bottom: 1px solid var(--c-line-light);
    color: #3D3D3D;
}
.news-meta__item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: var(--fs-body-sm);
    font-family: var(--font-num);
    font-weight: 400;
}
.news-meta__item img { width: clamp(18px, 1.4vw, 24px); height: clamp(18px, 1.4vw, 24px); }

/* 摘要 / 导语 */
.news-lead {
    margin-top: clamp(24px, 3vw, 40px);
    font-size: var(--fs-body);
    font-weight: 500;
    line-height: 1.9;
    color: #3D3D3D;
}

/* ---------- 配图（图注） ---------- */
.news-figure {
    margin: clamp(28px, 3.5vw, 44px) auto;
    text-align: center;
}
.news-figure img {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
}
.news-figure figcaption {
    margin-top: 16px;
    font-size: var(--fs-body-sm);
    color: #115FAF;
    line-height: 1.5;
}

/* ---------- 正文段落 ---------- */
.news-body {
    margin-top: clamp(24px, 3vw, 36px);
}
.news-body p {
    font-size: var(--fs-body);
    line-height: 1.9;
    color: #3D3D3D;
    text-indent: 2em;          /* 中文首行缩进 */
}
.news-body p + p { margin-top: 1.2em; }

/* ---------- 来源 ---------- */
.news-source {
    margin-top: clamp(28px, 3vw, 40px);
    padding-top: clamp(20px, 2vw, 28px);
    border-top: 1px dashed var(--c-line-light);
    font-size: var(--fs-body-sm);
    color: #3D3D3D;
    text-align: right;
}

/* ---------- 上一篇 / 下一篇 ---------- */
.news-pager {
    margin-top: clamp(32px, 3vw, 48px);
    background: #DCDDDD;
    border-radius: 20px;
    padding: clamp(20px, 2vw, 26px) clamp(24px, 2.5vw, 36px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.news-pager a {
    font-size: var(--fs-body-sm-20);
    color: #3D3D3D;
    line-height: 1.6;
    transition: color .25s;
}
.news-pager a:hover { color: var(--c-black); font-weight: 500; }
@media (max-width: 768px) {
    .news-pager { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ---------- 返回新闻列表 ---------- */
.news-back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: clamp(28px, 3vw, 40px);
    font-size: var(--fs-body-sm-20);
    color: var(--c-dark);
    transition: color .25s, gap .25s;
}
.news-back:hover { color: var(--c-black); gap: 14px; }
.news-back::before {
    content: "←";
    font-size: 1.2em;
    line-height: 1;
}