/* CTA 重新设计样式 - 符合设计图要求 */

.contact_cta {

}

.contact_cta .container {
    /* 中间容器 */
    /* max-width: 1200px; */
    /* margin: 0 auto; */
    /* padding: 0 2rem; */
}

.contact_cta_content {
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
    gap: 4rem ;
}

.contact_cta_text {
    flex: 1 1 0% ;
}

.contact_cta_title {
    /* 白色文字 */
    color: #ffffff ;
    font-size: 3.4rem ;
    font-weight: 700 ;
    margin: 0 0 1rem 0 ;
    line-height: 1.2 ;
    text-transform: uppercase ;
    letter-spacing: 1px ;
}

.contact_cta_subtitle {
    /* 白色文字 */
    color: #ffffff ;
    font-size: 2.4rem ;
    margin: 0 ;
    line-height: 1.5 ;
    opacity: 0.9;
}

.contact_cta_button {
    flex: 0 0 auto ;
}

.btn_contact_cta {
    /* 黄色按钮 */
    background: #ffc107 ;
    color: #000000 ;
    padding: 1.2rem 2.4rem ;
    border-radius: 0.5rem ;
    text-decoration: none ;
    font-size: 1.6rem ;
    font-weight: 600 ;
    transition: all 0.3s ease ;
    display: inline-block ;
    border: none ;
    box-shadow: none ;
    text-transform: uppercase ;
    letter-spacing: 0.5px ;
    width: 23.6rem;
    text-align: center;
}

.btn_contact_cta:hover {
    background: #e0a800;
    color: #000000;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
    background: #e67e22;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3);
    color: #fff;
    text-decoration: none;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .contact_cta_title {
        font-size: 2.4rem ;
    }
    
    .contact_cta_subtitle {
        font-size: 1.4rem ;
    }
}

@media (max-width: 768px) {
    .contact_cta {
        padding: 3rem 0 ;
    }
    
    .contact_cta_content {
        flex-direction: column ;
        text-align: center ;
        gap: 2.5rem ;
    }
    
    .contact_cta_title {
        font-size: 2.2rem ;
    }
    
    .contact_cta_subtitle {
        font-size: 1.3rem ;
    }
    
    .btn_contact_cta {
        padding: 1.4rem 2.8rem ;
        font-size: 1.4rem ;
    }
}

@media (max-width: 480px) {
    .contact_cta {
        padding: 2.5rem 0 ;
    }
    
    .contact_cta .container {
        padding: 0 1.5rem;
    }
    
    .contact_cta_title {
        font-size: 2rem ;
    }
    
    .contact_cta_subtitle {
        font-size: 1.2rem ;
    }
    
    .btn_contact_cta {
        padding: 1.2rem 2.4rem ;
        font-size: 1.3rem ;
    }
}

/* 确保在所有页面都生效 */
body .contact_cta {
    width: 100vw;
    height: 24.5rem;
    /* margin: 0 ; */
    /* border-radius: 0 ; */
    /* position: relative; */
    /* left: 50%; */
    /* right: 50%; */
    /* margin-left: -50vw ; */
    /* margin-right: -50vw ; */
    display: flex;
    align-items: center;
}

/* 覆盖可能的其他样式 */
.contact_cta,
.contact_cta * {
    box-sizing: border-box;
}