/* 统一下载按钮图片固定尺寸 - 确保所有平台图片大小一致 */
.appstore-btn-hero img,
.app-download-apk img {
    width: 150px;
    height: 45px;
    object-fit: contain;
    vertical-align: middle;
}

/* 确保明亮主题下只显示明亮图片，隐藏暗色图片 */
.appstore-btn-hero .light-mode-img,
.app-download-apk .light-mode-img {
    display: block !important;
}

.appstore-btn-hero .dark-mode-img,
.app-download-apk .dark-mode-img {
    display: none !important;
}

/* 确保暗色主题下只显示暗色图片，隐藏明亮图片 */
.dark-mode .appstore-btn-hero .light-mode-img,
.dark-mode .app-download-apk .light-mode-img {
    display: none !important;
}

.dark-mode .appstore-btn-hero .dark-mode-img,
.dark-mode .app-download-apk .dark-mode-img {
    display: block !important;
}

/* 确保按钮内的图片容器对齐 */
.appstore-btn-hero .elementor-widget-container,
.app-download-apk .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 按钮布局样式 - 全局样式（PC端和移动端都生效）*/
/* 云霄客服按钮 - 独占一行 */
.elementor-3076 .elementor-element[data-id="ed2b771"] .elementor-widget-wrap .button-single-row,
.elementor-element[data-id="ed2b771"] .elementor-widget-wrap > .button-single-row,
.elementor-widget-wrap .button-single-row {
    display: block !important;
    clear: both !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
}

/* 苹果端和安卓端按钮容器 */
.elementor-3076 .elementor-element[data-id="ed2b771"] .elementor-widget-wrap .button-row-wrapper,
.elementor-element[data-id="ed2b771"] .elementor-widget-wrap > .button-row-wrapper,
.elementor-widget-wrap .button-row-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
}

/* 云霄客服按钮强制居中显示 */
.elementor-element-403af36.elementor-align-center,
.button-row-wrapper.elementor-align-center {
    /*max-width: 100% !important;*/
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 针对移动设备的响应式调整 */
@media (max-width: 1024px) {
    .elementor-element-403af36.elementor-align-center {
        max-width: 100% !important;
    }

    .appstore-btn-hero,
    .app-download-apk {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 55px;
        width: 150px;
        vertical-align: middle;
    }

    /* 确保按钮容器使用flex布局，让按钮并排显示 - 使用更强的选择器 */
    .elementor-3076 .elementor-element-ed2b771 .elementor-widget-wrap,
    .elementor-element[data-id="ed2b771"] .elementor-widget-wrap,
    div[data-id="ed2b771"] .elementor-widget-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    /* 确保多乐客服按钮内的图片与其他按钮一致的尺寸，并居中显示 */
    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="10eb000"]:nth-child(1) .app-download-apk img {
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="10eb000"]:nth-child(1) .app-download-apk .light-mode-img {
        display: none !important;
    }

    .elementor-element-ed2b771 .elementor-element-10eb001:last-of-type.elementor-widget__width-initial {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: 0 0 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    /* 确保每个按钮容器有合适的宽度，防止内容溢出，并确保文字在图片上方 */
    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="10eb001"]:nth-child(2) .elementor-widget-container,
    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="10eb000"]:nth-child(1) .elementor-widget-container,
    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="403af36"]:nth-child(1) .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* 确保按钮链接不会溢出 */
    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="403af36"]:nth-child(1) .appstore-btn-hero,
    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="10eb001"]:nth-child(2) .app-download-apk {
        max-width: 100% !important;
        width: 150px !important;
        box-sizing: border-box !important;
    }

    .elementor-element[data-id="ed2b771"] .elementor-element[data-id="10eb000"]:nth-child(1) .app-download-apk {
        max-width: 100% !important;
        height: 70px !important;
        width: 200px !important;
        box-sizing: border-box !important;
        padding: 5px !important;
    }

}

/* 确保标题容器有足够宽度，允许文本在一行显示 */
h3.silicon-elementor-highlighted-heading__title {
    overflow: visible !important;
    white-space: nowrap !important;
    width: 100% !important;
}

h3.silicon-elementor-highlighted-heading__title .title-collection {
    white-space: nowrap !important;
    display: inline-block !important;
}

/* 在小屏幕上，如果文本太长，可以适当缩小字体以确保在一行显示 */
@media (max-width: 767px) {
    h3.silicon-elementor-highlighted-heading__title .title-collection {
        font-size: 0.9em !important;
    }
}

/* 在超小屏幕上进一步缩小字体 */
@media (max-width: 480px) {
    h3.silicon-elementor-highlighted-heading__title .title-collection {
        font-size: 0.85em !important;
    }
}