/* 科研进展详情页 - 复用 news 布局，正文为文章阅读样式 */

.research-detail-page {
    background: #fff;
}

/* 依设计稿：详情页主体整体下移，使侧栏标题与文章标题对齐 */
.research-detail-page .news-layout {
    padding-top: 21px;
}

/* 侧栏菜单：文字居中（沿用列表页观感） */
.research-detail-page .sidebar-menu-item > a {
    padding: 0 16px;
    text-align: center;
}

/* ========== 文章 ========== */
.article-detail {
    color: var(--text-main);
}

/* 文章标题 */
.article-title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: #333333;
    text-align: center;
}

/* 发布时间 / 作者 / 来源 */
.article-date {
    margin-top: 34px;
    font-size: 16px;
    line-height: 1.5;
    color: #555555;
    text-align: center;
}

.article-date span {
    display: inline-block;
}

.article-date span + span {
    margin-left: 24px;
}

/* ========== 正文 ========== */
.article-body {
    margin-top: 40px;
}

.article-body p {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
    color: #333333;
    text-align: justify;
}

/* 正文里的列表与段落同字号行距（.article-body 未设字号，li 默认会继承 body 的 14px） */
.article-body ul,
.article-body ol {
    font-size: 18px;
    line-height: 36px;
    color: #333333;
}

/* 一、二 级小标题：与正文同号，加粗 */
.article-h {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    color: #333333;
}

/* 二、主要观点 标题：与本节正文同为 32 行距 */
.article-h--tight {
    line-height: 32px;
}

/* 配图 */
.article-figure {
    margin: 20px 0 42px;
    text-align: center;
}

.article-figure img {
    display: inline-block;
    width: 608px;
    max-width: 100%;
    height: auto;
}

/* 二、主要观点 段落：行距略紧 */
.article-points {
    line-height: 32px;
}

.article-points p {
    margin: 0;
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    text-align: justify;
}

/* （一）（二）小标题 */
.article-sub {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: #333333;
}

/* ========== 上一篇 / 下一篇 ========== */
.article-nav {
    margin-top: 47px;
    padding-top: 36px;
    border-top: 1px solid #d9d9d9;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.article-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #637184;
}

.article-nav-item:hover {
    color: var(--primary-blue);
}

.article-nav-icon {
    flex-shrink: 0;
    display: block;
}