/* 广告主页面英文版特定样式调整 */

/* Section 1 标题第二行换3行 */
html[lang="en"] .section-1-title {
    width: 900px !important; /* 调整宽度以控制换行 */
    height: 300px !important; /* 增加高度以容纳3行文字 */
}

html[lang="en"] .s1-title-line1 {
    white-space: nowrap !important; /* 不换行 */
    line-height: 1.2 !important;
}

html[lang="en"] .s1-title-line2 {
    white-space: normal !important;
    line-height: 1.3 !important;
    width: 1000px !important; /* 继续增加宽度，让"and seamless access to high-value users"只换3行 */
    font-size: 75px !important; /* 原100px，缩小到75px */
    max-height: 292px !important; /* 75px * 1.3 * 3 = 292.5px，确保3行文字完整显示 */
    overflow: visible !important;
    display: block !important;
}

/* Section 1 描述文字缩小宽度，与主页板块3一致 */
html[lang="en"] .section-1-desc {
    width: 614px !important; /* 缩小宽度，与主页板块3一致 */
}

/* Section 1 按钮文字缩小 */
html[lang="en"] .s1-btn-text {
    font-size: 32px !important; /* 原40px，缩小到32px */
}

@media screen and (max-width: 1920px) {
    html[lang="en"] .section-1-title {
        width: 46.88vw !important; /* 900/1920 */
        height: 15.63vw !important; /* 300/1920 */
    }
    
    html[lang="en"] .s1-title-line1 {
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }
    
    html[lang="en"] .s1-title-line2 {
        white-space: normal !important;
        line-height: 1.3 !important;
        width: 52.08vw !important; /* 1000/1920 */
        font-size: 3.91vw !important; /* 75/1920 */
        max-height: 15.21vw !important; /* 292/1920 */
        overflow: visible !important;
        display: block !important;
    }
    
    html[lang="en"] .section-1-desc {
        width: 31.98vw !important; /* 614/1920 - 缩小宽度，与主页板块3一致 */
    }
    
    html[lang="en"] .s1-btn-text {
        font-size: 1.67vw !important; /* 32/1920 */
    }
}

/* Section 2 标题调整 - "Achieve steady and efficient growth within the Microsoft gaming ecosystem" */
html[lang="en"] .section-2-title {
    height: 250px !important; /* 增加高度以容纳标题 */
}

html[lang="en"] .s2-title-line1 {
    white-space: nowrap !important; /* 不换行 */
    line-height: 1.2 !important;
}

html[lang="en"] .s2-title-line2 {
    white-space: normal !important; /* 允许换行 */
    line-height: 1.3 !important;
    width: 1200px !important; /* 调整宽度以控制换行 */
    font-size: 75px !important; /* 缩小字体 */
}

/* Section 2 描述文字缩小 */
html[lang="en"] .section-2-desc {
    font-size: 20px !important; /* 原25px，缩小到20px */
    line-height: 1.5 !important;
}

@media screen and (max-width: 1920px) {
    html[lang="en"] .section-2-title {
        height: 13.02vw !important; /* 250/1920 */
    }
    
    html[lang="en"] .s2-title-line1 {
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }
    
    html[lang="en"] .s2-title-line2 {
        white-space: normal !important;
        line-height: 1.3 !important;
        width: 62.5vw !important; /* 1200/1920 */
        font-size: 3.91vw !important; /* 75/1920 */
    }
    
    html[lang="en"] .section-2-desc {
        font-size: 1.04vw !important; /* 20/1920 */
        line-height: 1.5 !important;
    }
}

/* Section 3 整个文字框容器下移 */
html[lang="en"] .section-3-frames {
    top: 570px !important; /* 原518px，下移52px */
}

/* Section 3 Frame 标题位置调整 */
html[lang="en"] .frame-1 .frame-title {
    top: 35px !important; /* 原30px，下移5px */
}

html[lang="en"] .frame-2 .frame-title {
    top: 35px !important; /* 原30px，下移5px */
    left: 260px !important; /* 原270px，左移10px */
    width: 120px !important; /* 增加宽度以容纳 "User Engage" */
    white-space: normal !important; /* 允许换行 */
    line-height: 1.3 !important;
    height: auto !important; /* 高度自适应 */
}

html[lang="en"] .frame-3 .frame-title {
    top: 50px !important; /* 原30px，下移20px */
}

@media screen and (max-width: 1920px) {
    html[lang="en"] .section-3-frames {
        top: 29.69vw !important; /* 570/1920 */
    }
    
    html[lang="en"] .frame-1 .frame-title {
        top: 1.82vw !important; /* 35/1920 */
    }
    
    html[lang="en"] .frame-2 .frame-title {
        top: 1.82vw !important; /* 35/1920 */
        left: 13.54vw !important; /* 260/1920 */
        width: 6.25vw !important; /* 120/1920 */
        white-space: normal !important;
        line-height: 1.3 !important;
        height: auto !important;
    }
    
    html[lang="en"] .frame-3 .frame-title {
        top: 2.60vw !important; /* 50/1920 */
    }
}

/* Section 4 标题居中 */
html[lang="en"] .section-4-title {
    left: 50% !important;
    transform: translateX(-50%) translateY(30px) !important; /* 保持动画的 translateY */
    text-align: center !important;
    width: auto !important;
    max-width: 90% !important;
    white-space: nowrap !important; /* 不换行 */
    font-size: 58px !important; /* 缩小字体 */
}

html[lang="en"] .section-4-title.animate-in {
    transform: translateX(-50%) translateY(0) !important; /* 动画完成后，保持居中并移除 translateY */
}

@media screen and (max-width: 1920px) {
    html[lang="en"] .section-4-title {
        left: 50% !important;
        transform: translateX(-50%) translateY(30px) !important;
        text-align: center !important;
        width: auto !important;
        max-width: 90% !important;
        white-space: nowrap !important;
        font-size: 3.02vw !important; /* 58/1920 */
    }
    
    html[lang="en"] .section-4-title.animate-in {
        transform: translateX(-50%) translateY(0) !important;
    }
}

/* Section 2 Card 1 标题调整 - "Monthly Active Gaming Devices" (两行) */
html[lang="en"] .card-1 .card-title {
    width: 280px !important; /* 增加宽度 */
    left: 19.5px !important; /* (319-280)/2 = 19.5px，使文本在卡片内居中 */
    height: auto !important; /* 允许高度自适应 */
    white-space: normal !important; /* 允许换行 */
    line-height: 1.3 !important;
    top: 25px !important; /* 上移以容纳两行文本 */
    text-align: center !important; /* 居中显示 */
}

/* Section 2 Card 2 标题调整 - "Revenue from the U.S. Single Market" */
html[lang="en"] .card-2 .card-title {
    width: 280px !important; /* 增加宽度 */
    height: auto !important; /* 允许高度自适应 */
    white-space: normal !important; /* 允许换行 */
    line-height: 1.3 !important;
    top: 51px !important; /* 调整为51px，与其他单行文本对齐 */
}

/* Section 2 Card 3 标题调整 - "ARPPU" */
html[lang="en"] .card-3 .card-title {
    top: 51px !important; /* 保持单行位置 */
}

/* Section 2 Card 4 标题调整 - "Covering Global Regions" */
html[lang="en"] .card-4 .card-title {
    top: 51px !important; /* 保持单行位置 */
}

@media screen and (max-width: 1920px) {
    html[lang="en"] .card-1 .card-title {
        width: 14.58vw !important; /* 280/1920 */
        left: 1.02vw !important; /* 19.5/1920，使文本在卡片内居中 */
        height: auto !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        top: 1.30vw !important; /* 25/1920 */
        text-align: center !important; /* 居中显示 */
    }
    
    html[lang="en"] .card-2 .card-title {
        width: 14.58vw !important; /* 280/1920 */
        height: auto !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        top: 2.66vw !important; /* 51/1920 */
    }
    
    html[lang="en"] .card-3 .card-title {
        top: 2.66vw !important; /* 51/1920 */
    }
    
    html[lang="en"] .card-4 .card-title {
        top: 2.66vw !important; /* 51/1920 */
    }
}