/* ============================================
   移动端响应式 - 断点：1024px / 768px / 480px
   ============================================ */

/* ========== 平板 ========== */
@media (max-width: 1024px) {
    .container { padding: 0 20px; }
    .hero-text h1 { font-size: 42px; }
    .hero-content { grid-template-columns: 1fr; gap: 40px; }
    .hero-card { max-width: 500px; margin: 0 auto; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
    .services-grid { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; gap: 50px; }
    .process-timeline { grid-template-columns: repeat(3, 1fr); gap: 30px; }
    .process-timeline::before { display: none; }
    .testimonial-grid { grid-template-columns: 1fr; }
    .news-grid { grid-template-columns: 1fr; }
    .news-card-feature .news-card-img { height: 220px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
    .about-grid { grid-template-columns: 1fr; }
    .service-content { grid-template-columns: 1fr; }
    .process-grid { grid-template-columns: 1fr; }
    .cases-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-grid { grid-template-columns: 1fr; }
    .news-layout { grid-template-columns: 1fr; }
    .news-sidebar { display: none; }
    .article-layout { grid-template-columns: 1fr; }
    .article-main { padding: 30px; }
    .honors-grid { grid-template-columns: repeat(2, 1fr); }
    .culture-grid { grid-template-columns: 1fr; }
}

/* ========== 手机 ========== */
@media (max-width: 768px) {
    .top-bar { display: none; }
    .site-header { padding: 12px 0; }
    .brand-logo img { height: 34px; }
    .primary-nav {
        position: fixed;
        top: 0; right: -100%;
        width: 280px; height: 100vh;
        background: var(--color-primary);
        padding: 80px 24px 24px;
        transition: right 0.3s ease;
        z-index: 999;
        box-shadow: -4px 0 20px rgba(0,0,0,0.3);
    }
    .primary-nav.open { right: 0; }
    .primary-nav ul { flex-direction: column; gap: 4px; }
    .primary-nav a { padding: 14px 18px; font-size: 16px; }
    .mobile-menu-toggle { display: flex; z-index: 1001; }
    .mobile-menu-toggle.open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
    .mobile-menu-toggle.open span:nth-child(2) { opacity: 0; }
    .mobile-menu-toggle.open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

    .hero-section { min-height: auto; padding: 60px 0; }
    .hero-content { padding: 40px 20px; }
    .hero-text h1 { font-size: 30px; }
    .hero-subtitle { font-size: 15px; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; }
    .scroll-hint { display: none; }

    .stats-section { padding: 36px 0; }
    .stats-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
    .stat-number { font-size: 36px; }
    .stat-unit { font-size: 16px; }

    .section-header h2 { font-size: 26px; }
    .section-header { margin-bottom: 40px; }
    .services-section, .why-section, .process-section, .testimonials-section, .news-section { padding: 60px 0; }
    .service-card { padding: 36px 28px; min-height: auto; }

    .process-timeline { grid-template-columns: 1fr; gap: 24px; }
    .process-step { display: flex; gap: 20px; text-align: left; align-items: flex-start; }
    .process-num { width: 50px; height: 50px; font-size: 18px; margin: 0; flex-shrink: 0; }
    .cta-section { padding: 60px 0; }
    .cta-section h2 { font-size: 26px; }
    .cta-actions { flex-direction: column; }
    .cta-actions .btn { width: 100%; }

    .footer-grid { grid-template-columns: 1fr; gap: 36px; padding-bottom: 36px; }
    .footer-bottom { font-size: 12px; }

    /* 子页面 */
    .page-banner { padding: 100px 0 60px; }
    .page-banner h1 { font-size: 30px; }
    .about-text h2 { font-size: 26px; }
    .honors-grid { grid-template-columns: 1fr 1fr; }
    .contact-cards { grid-template-columns: 1fr; }
    .contact-form-wrapper { padding: 28px 20px; }
    .contact-form .form-row { grid-template-columns: 1fr; }
    .cases-grid { grid-template-columns: 1fr; }
    .news-list-item { grid-template-columns: 1fr; }
    .news-list-item .news-thumb { min-height: 180px; }
    .news-list-body { padding: 20px; }
    .article-header h1 { font-size: 24px; }
    .article-main { padding: 24px 20px; }
    .article-nav { grid-template-columns: 1fr; }
    .pagination a { width: 38px; height: 38px; font-size: 13px; }
}

/* ========== 小屏手机 ========== */
@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .hero-text h1 { font-size: 26px; }
    .stats-grid { grid-template-columns: 1fr; gap: 20px; }
    .stat-number { font-size: 40px; }
    .section-header h2 { font-size: 22px; }
    .service-block-header { flex-direction: column; align-items: flex-start; gap: 10px; }
    .service-block-header .service-tag { margin-left: 0; }
    .honors-grid { grid-template-columns: 1fr; }
    .footer-grid { gap: 28px; }
}
