/* 移动端专用CSS */
@media (max-width: 768px) {
    .nav-menu {
        display: none;
    }
    
    .mobile-menu-toggle {
        display: block;
    }
    
    .nav-container {
        padding: 0 1rem;
    }
    
    .nav-cta {
        display: none;
    }
    
    .container {
        padding: 0 1rem;
    }
    
    section {
        padding: 3rem 0;
    }
    
    h2 {
        font-size: 1.8rem;
    }
    
    .section-intro {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    
    .pain-grid,
    .solution-features,
    .process-steps,
    .advantages-grid,
    .testimonials-grid,
    .use-cases-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .use-case-item,
    .notes-content {
        padding: 2rem 1.5rem;
    }
    
    .pain-item,
    .feature-card,
    .step-item {
        padding: 2rem 1.5rem;
    }
    
    .pricing-card {
        padding: 2rem 1.5rem;
    }
    
    .price-amount {
        font-size: 2.5rem;
    }
    
    .comparison-table {
        font-size: 0.9rem;
    }
    
    .comparison-table th,
    .comparison-table td {
        padding: 0.8rem;
    }
    
    .faq-list dt {
        font-size: 1.1rem;
        padding: 1.2rem;
    }
    
    .faq-list dd {
        padding: 1.2rem;
    }
    
    .partners-logos {
        gap: 2rem;
    }
    
    .partners-logos img {
        width: 100px;
        height: auto;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .cta-group {
        flex-direction: column;
    }
    
    .cta-group .cta-btn {
        width: 100%;
    }
    
    .back-to-top {
        bottom: 1rem;
        right: 1rem;
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1rem;
    }
    
    .pain-icon,
    .feature-icon {
        font-size: 2.5rem;
    }
    
    .step-number {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
}