/* 
 * 英文版专属样式补丁文件
 * 针对英文排版的长单词、不同阅读习惯进行样式微调
 */

/* 1. 首页集团介绍 (Group Intro) 排版优化 */
/* 修改左右布局对齐方式为顶部对齐，防止因为英文文案过多导致右侧图片垂直居中后上方大片留白 */
.group-intro .grid-2.align-center {
    align-items: flex-start !important;
}

/* PC 端下，让右侧图片向下偏移，避开左侧标题 (<h2>) 的高度，使得图片顶部与正文第一行对齐 */
@media (min-width: 993px) {
    .group-intro .group-intro-image {
        margin-top: 60px; /* 大约等于 <h2> 的高度 + margin-bottom */
    }
}

.group-intro-text {
    /* 增加英文字间距和行高，提高长段落的可读性 */
    line-height: 1.8;
    letter-spacing: 0.3px;
    font-size: 15px;
    text-align: justify;
}

.group-intro-text p {
    margin-bottom: 15px;
}

/* 优化统计数据区域的排版，防止英文字母换行混乱 */
.group-intro-text .group-stats {
    display: flex;
    justify-content: space-between; /* 均匀分布 */
    gap: 20px;
    margin: 30px 0;
}

.group-intro-text .stat-item {
    flex: 1;
    min-width: 120px; /* 减小最小宽度，确保能在同一行 */
    margin: 0;
    text-align: left;
}

.group-intro-text .stat-item p {
    font-size: 13px; /* 稍微缩小字体 */
    line-height: 1.3;
    margin-top: 5px;
    color: #666;
    white-space: normal;
    word-wrap: break-word; /* 确保长单词可以换行 */
}

/* 数字样式微调 */
.group-intro-text .stat-item h3 {
    font-size: 26px; /* 稍微缩小字体 */
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.group-intro-text .stat-item h3 span {
    font-size: 14px; /* 稍微缩小字体 */
    font-weight: normal;
}

/* 按钮位置调整 */
.group-detail-btn {
    margin-top: 20px !important;
    display: inline-block;
}

/* ==========================================================================
   2. 国际部 (International Department) 卡片英文排版优化
   英文单词长短不一，justify 会拉大词距导致参差不齐，统一改左对齐
   ========================================================================== */

/* 国际部技术项正文：英文左对齐，长词可断行 */
.intl-tech-item p {
    text-align: left;
    word-break: break-word;
}

/* 国际部特色卡片正文（冠状动脉介入等）：英文左对齐 */
.intl-features-grid .intro-paragraph {
    text-align: left;
}

/* 国际部合作伙伴卡片描述：英文左对齐，避免 justify 拉宽词距 */
.intl-partner-content p {
    text-align: left !important;
}

/* 国际部旅程列表描述：英文左对齐 */
.intl-journey-desc {
    text-align: left !important;
}