/*
 * 北海明珠官网 V4.3.4
 * 文章详情页：将“同栏目相关文章”改为“相关文章”，并缩小相关卡片尺寸。
 */

.content-detail-page .related-section .container{
    max-width:1240px;
}

.content-detail-page .related-section .section-title{
    margin-bottom:28px;
}

.content-detail-page .related-section .section-title h2{
    margin:8px 0 0;
    font-size:26px;
    line-height:1.25;
}

.content-detail-page .related-section .section-title .eyebrow{
    font-size:11px;
    letter-spacing:.16em;
}

.content-detail-page .related-section .split-title > div:last-child,
.content-detail-page .related-section .split-title > a{
    max-width:none;
    font-size:15px;
}

.content-detail-page .related-section .article-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.content-detail-page .related-section .article-card{
    border-radius:18px;
    overflow:hidden;
}

.content-detail-page .related-section .article-cover{
    aspect-ratio:16/9;
}

.content-detail-page .related-section .article-body{
    padding:16px 16px 15px;
}

.content-detail-page .related-section .article-meta{
    font-size:11px;
}

.content-detail-page .related-section .article-body h3,
.content-detail-page .related-section .article-card h3{
    margin:10px 0 8px;
    font-size:16px;
    line-height:1.45;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:2.9em;
}

.content-detail-page .related-section .article-body p,
.content-detail-page .related-section .article-card p{
    margin:0;
    color:var(--muted);
    font-size:12px;
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:1.6em;
}

@media (max-width:1050px){
    .content-detail-page .related-section .container{
        max-width:980px;
    }
    .content-detail-page .related-section .article-grid{
        gap:16px;
    }
}

@media (max-width:850px){
    .content-detail-page .related-section .article-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .content-detail-page .related-section .section-title h2{
        font-size:24px;
    }
}

@media (max-width:620px){
    .content-detail-page .related-section .section-title{
        margin-bottom:20px;
    }
    .content-detail-page .related-section .section-title h2{
        font-size:22px;
    }
    .content-detail-page .related-section .split-title > a{
        font-size:14px;
    }
    .content-detail-page .related-section .article-grid{
        grid-template-columns:1fr;
        gap:14px;
    }
    .content-detail-page .related-section .article-body{
        padding:14px 14px 13px;
    }
    .content-detail-page .related-section .article-body h3,
    .content-detail-page .related-section .article-card h3{
        font-size:15px;
    }
    .content-detail-page .related-section .article-body p,
    .content-detail-page .related-section .article-card p{
        font-size:12px;
    }
}