/*
 * insights-detail-en.css
 * English version typography adjustments for insights detail page
 * Only affects English version pages (/en/insights-detail.html)
 * Does NOT affect Chinese version
 */

/* ========= 文章详情页标题（英文版优化） ========= */
/* 英文标题适当缩小，提升视觉美观度 */
.article-detail-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.015em !important;
}

/* 响应式：大屏 */
@media (min-width: 1441px) {
    .article-detail-title {
        font-size: 34px !important;
    }
}

/* 响应式：平板端 */
@media (max-width: 1024px) {
    .article-detail-title {
        font-size: 28px !important;
    }
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    .article-detail-title {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
}

/* 小屏手机 */
@media (max-width: 575px) {
    .article-detail-title {
        font-size: 22px !important;
    }
}

/* ========= 文章元信息（作者、日期、阅读量）========= */
.article-meta {
    font-size: 13px !important;
}

.article-meta .meta-item {
    font-size: 13px !important;
}

.article-meta .meta-item span {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    .article-meta {
        font-size: 12px !important;
    }

    .article-meta .meta-item {
        font-size: 12px !important;
    }

    .article-meta .meta-item span {
        font-size: 12px !important;
    }
}

/* ========= 文章正文内容 ========= */
.article-body {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.article-body p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 1.2em !important;
}

.article-body h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-top: 1.8em !important;
    margin-bottom: 0.8em !important;
}

.article-body h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.6em !important;
}

.article-body h4 {
    font-size: 17px !important;
    font-weight: 600 !important;
    margin-top: 1.2em !important;
    margin-bottom: 0.5em !important;
}

.article-body ul,
.article-body ol {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.article-body li {
    font-size: 14px !important;
    margin-bottom: 0.5em !important;
}

.article-body blockquote {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    .article-body h2 {
        font-size: 20px !important;
    }

    .article-body h3 {
        font-size: 18px !important;
    }

    .article-body h4 {
        font-size: 16px !important;
    }
}

/* ========= 标签和分享区域 ========= */
.tags-label,
.share-label {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.tags-list .tag {
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    .tags-label,
    .share-label {
        font-size: 12px !important;
    }

    .tags-list .tag {
        font-size: 11px !important;
    }
}

/* ========= 相关推荐区域 ========= */
#related-articles .section-caption-fancy {
    font-size: 14px !important;
    font-weight: 500 !important;
}

#related-articles .section-title {
    font-size: 32px !important;
    font-weight: 600 !important;
}

#related-articles .link-hover-anim {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* 响应式：平板端 */
@media (max-width: 1024px) {
    #related-articles .section-title {
        font-size: 28px !important;
    }
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    #related-articles .section-caption-fancy {
        font-size: 13px !important;
    }

    #related-articles .section-title {
        font-size: 24px !important;
    }

    #related-articles .link-hover-anim {
        font-size: 13px !important;
    }
}

/* ========= 相关文章卡片 ========= */
#related-articles .work-item .work-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

#related-articles .work-item .work-intro {
    font-size: 13px !important;
    line-height: 1.6 !important;
}

#related-articles .work-item .work-category {
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    #related-articles .work-item .work-title {
        font-size: 16px !important;
    }

    #related-articles .work-item .work-intro {
        font-size: 12px !important;
    }

    #related-articles .work-item .work-category {
        font-size: 11px !important;
    }
}

/* ========= 面包屑导航（英文版优化）========= */
.breadcrumb-tag-item {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
}

.breadcrumb-tag-separator {
    font-size: 11px !important;
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    .breadcrumb-tag-item {
        font-size: 11px !important;
    }

    .breadcrumb-tag-separator {
        font-size: 10px !important;
    }
}