/* CTA 区域样式 */
#cta {
    padding: 5rem 0;
    background: linear-gradient(135deg, #0253FF 0%, #0253FF 100%);
}

/* CTA 容器样式 */
#cta .container {
    max-width: 1200px;
    margin: 0 auto;
}

/* CTA 内容布局 */
#cta .max-w-6xl {
    max-width: 1200px;
    margin: 0 auto;
}

/* CTA  Flexbox 布局 */
#cta .flex.flex-col.lg\:flex-row {
    align-items: center;
    justify-content: space-between;
}

/* CTA 文字样式 */
#cta .text-white {
    max-width: 60%;
    text-align: left;
}

/* CTA 二维码容器 */
#cta .w-32 {
    width: 8rem;
    height: 8rem;
}

/* 响应式调整 */
@media (max-width: 1023px) {
    #cta .text-white {
        max-width: 100%;
        text-align: center;
    }
    
    #cta .flex.flex-col.lg\:flex-row {
        flex-direction: column;
    }
}



/* 页脚样式 */
footer {
    background-color: white;
    padding: 4rem 0;
    border-top: 1px solid #e2e8f0;
}

/* 页脚内容布局 */
footer .max-w-6xl {
    max-width: 1200px;
    margin: 0 auto;
}

/* 页脚二维码容器 */
footer .flex.flex-col.items-end {
    align-items: flex-end;
}

/* 页脚底部信息 */
footer .border-t.border-slate-200 {
    margin-top: 3rem;
    padding-top: 2rem;
}

/* 页脚链接样式 */
footer a {
    color: #64748b;
    transition: color 0.2s ease;
}

footer a:hover {
    color: #0253FF;
}

/* 二维码容器样式 */
footer .w-24 {
    width: 6rem;
    height: 6rem;
}

/* 滚动渐入动画 - Safari优化 */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    will-change: opacity, transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

.fade-in.visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
}

/* 打字机效果样式 */
.typewriter-text {
    display: inline-block;
    position: relative;
}

/* 手机端打字机样式 - 支持换行 */
@media (max-width: 1023px) {
    #cta .text-white p:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .typewriter-text {
        display: inline;
    }

    .typewriter-text br {
        display: block;
        width: 100%;
        height: 0;
        margin: 0;
    }

    .typewriter-text span {
        display: inline-block;
    }
}

/* PC端打字机保持单行 */
@media (min-width: 1024px) {
    .typewriter-text br {
        display: none;
    }
}

/* 响应式布局 */
@media (max-width: 767px) {
    #cta {
        padding: 3rem 0;
    }
    
    footer {
        padding: 3rem 0;
    }
    
    .grid-cols-1 md\:grid-cols-2 lg\:grid-cols-4 {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .flex-col md\:flex-row {
        flex-direction: column;
        align-items: center;
    }
    
    .mb-4 md\:mb-0 {
        margin-bottom: 1rem;
    }
    
    .space-x-6 {
        gap: 1.5rem;
    }
}

/* 手机端隐藏footer的logo */
@media (max-width: 1023px) {
    footer .footer-logo {
        display: none;
    }

    footer .footer-logo img {
        display: none;
    }
}