/*
 * style-en.css — 英文版防变形覆盖层
 * 仅由 src/en/*.html 在 style.css 之后引入；中文页不加载此文件。
 * 原因：中文版样式按中文字数调优（hero 82px 行高、导航 2-6 字短词），
 * 英文文本更长，此处对高风险位置做覆盖。
 */

/* ===== 1. Hero 标题：中文版 82px 固定行高 + 72px 字号对英文必然多行爆版 ===== */
.banner-section .outer-box .content-column .inner-column .title {
    line-height: 1.15;
}

@media (min-width: 1200px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 56px;
    }
}

@media (min-width: 1400px) {
    .banner-section .outer-box .content-column .inner-column .title {
        font-size: 62px;
    }
}

/* ===== 2. Header 导航：英文菜单更长，压缩字号与间距防止在 992-1430px 挤压换行 ===== */
@media (min-width: 992px) {
    .main-menu .navigation > li {
        margin-right: 22px;
    }

    .main-menu .navigation > li > a {
        letter-spacing: 0;
    }
}

@media (min-width: 992px) and (max-width: 1430px) {
    .main-menu .navigation > li {
        margin-right: 14px;
    }

    .main-menu .navigation > li > a {
        font-size: 15px;
    }
}

/* 下拉子菜单：英文条目更长，放宽宽度避免两行难看换行 */
.main-menu .navigation > li > ul {
    width: 260px;
}

/* ===== 3. 区块副标题：中文 //xxx// 格式短词 + 3px 字距，英文长句必须收敛 ===== */
.sec-title .sub-title {
    letter-spacing: 1px;
    text-transform: none;
}

/* ===== 4. 流程标签：nowrap 会挤压同栏序号 ===== */
.process-block_one .inner .title-bar .tag {
    white-space: normal;
}

/* ===== 5. 按钮：uppercase 会显著放大英文按钮宽度 ===== */
.theme-btn {
    text-transform: none;
}

/* ===== 6. 长单词安全网：防止英文长词在窄列溢出 ===== */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
td,
th,
span {
    overflow-wrap: break-word;
}

/* ===== 7. 卡片标题：英文两行时保持卡片等高的呼吸感 ===== */
.service-block_one .inner,
.business-block_one .inner {
    height: 100%;
}

/* ===== 8. 同排卡片等高：英文文案比中文长，同排卡片高度参差 =====
   Bootstrap .row 为 flex 布局，同排列已被 stretch 拉至等高，
   让卡片本体撑满列高即可（calc 扣除模板固定的 30px 下边距）。
   若父级非拉伸列，百分比退化按 auto 处理，不影响原布局。 */
.choose-block_one,
.process-block_one {
    height: calc(100% - 30px);
}

.choose-block_one .inner,
.process-block_one .inner {
    height: 100%;
}

/* ===== 9. 首页服务卡等高：英文第三张卡文案长导致超高 =====
   inner 本就是纵向 flex，撑满列高后让图片贴底，三张卡底边对齐。 */
.service-block_six {
    height: calc(100% - 30px);
}

.service-block_six .inner {
    height: 100%;
}

.service-block_six .inner .image {
    margin-top: auto;
}

/* ===== 9b. 首页价格卡等高：第三张卡 title 两行 + 说明三行导致超高 =====
   撑满列高，Learn More 按钮贴底，三张卡底边与按钮对齐。 */
.price-block_one {
    height: 100%;
}

.price-block_one .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.price-block_one .inner .choose-box {
    margin-top: auto;
}

/* ===== 10. 定价页底部 CTA：左图与右列表单等高 =====
   左图容器在内联样式里写死了 368px，英文右列文案更高；
   左列改为纵向 flex，图片 flex:1 填满列高，与右列内容底边完全对齐。 */
.contact-two .row > .column {
    display: flex;
    flex-direction: column;
}

.contact-two .image {
    display: block;
    height: auto !important;
    flex: 1 1 auto;
}

.contact-two .image img {
    height: 100%;
    object-fit: cover;
}

/* 右列表单块同步撑满列高，底边与左图对齐 */
.contact-two .form-outer,
.contact-two .form-outer .contact-form {
    height: 100%;
}