/* ==========================================
   响应式样式 - 平板端 & 手机端
   科技感深色主题适配
   ========================================== */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .business-grid { grid-template-columns: repeat(2, 1fr); }
    .tech-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .tech-grid::after { content: ''; }
    .advantages-grid-new { grid-template-columns: repeat(2, 1fr); }
    .process-grid { grid-template-columns: repeat(3, 1fr); }
    .process-grid::before { display: none; }
    .cases-grid, .news-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .welfare-grid { grid-template-columns: repeat(2, 1fr); }
    .about-grid { grid-template-columns: 1fr; }
    .business-detail-layout, .case-detail-layout, .article-detail-layout { grid-template-columns: 1fr; }
    .job-detail-layout { grid-template-columns: 1fr; }
    .apply-layout { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .news-layout { grid-template-columns: 1fr; }
    .business-list { grid-template-columns: 1fr; }
    .slide-content { height: 400px; }
    .slide-content h2 { font-size: 36px; }
    .hero-stats { gap: 30px; }
    .hero { min-height: 600px; }
    .job-preview-item { flex-direction: column; align-items: flex-start; gap: 10px; }
    .job-preview-center { margin: 0; }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .section { padding: 60px 0; }
    .section-header { margin-bottom: 36px; }
    .section-header h2 { font-size: 26px; }
    .container { padding: 0 16px; }

    /* Header */
    .header-top { display: none; }
    .main-nav { display: none; }
    .mobile-menu-toggle { display: block; }
    .mobile-nav.show { display: block; }
    .has-dropdown > a::after { content: '▾'; font-size: 9px; margin-left: 4px; }
    .has-dropdown.open > a::after { content: '▴'; }
    .has-dropdown .dropdown {
        position: static;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        min-width: 0;
        background: rgba(255,255,255,0.02);
        border: none;
    }
    .has-dropdown .dropdown li a { padding: 10px 32px; font-size: 13px; }
    .has-dropdown.open .dropdown { display: block; }
    .header-main .container { height: 56px; }
    .logo img { height: 32px; }

    /* Hero */
    .hero { height: auto; min-height: 100vh; min-height: 100svh; padding: 80px 0 60px; }
    .hero-title { font-size: 32px; }
    .hero-subtitle { font-size: 14px; margin-bottom: 30px; }
    .hero-stats { gap: 20px; }
    .stat-number { font-size: 26px; }
    .stat-label { font-size: 10px; }
    .hero-actions { flex-direction: column; gap: 12px; margin-bottom: 40px; }
    .hero-actions .btn { width: 100%; }
    .hero-scroll { display: none; }

    /* Slide (旧版) */
    .slide-content { height: 350px; }
    .slide-content h2 { font-size: 28px; }
    .slide-content p { font-size: 14px; }
    .slide-content .btn { display: block; margin: 8px 0; width: 100%; text-align: center; }

    /* Grids */
    .business-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .biz-card { padding: 20px 14px; }
    .biz-icon { width: 40px; height: 40px; }
    .biz-info h3 { font-size: 14px; }
    .biz-arrow { display: none; }
    .tech-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .tech-circle { width: 90px; height: 90px; }
    .tech-circle span { font-size: 18px; }
    .advantages-grid-new { grid-template-columns: 1fr; gap: 14px; }
    .process-grid { grid-template-columns: 1fr; gap: 10px; }
    .process-grid::before { display: none; }
    .process-card { padding: 16px; }
    .cases-grid, .news-grid { grid-template-columns: 1fr; }
    .welfare-grid { grid-template-columns: 1fr; gap: 12px; }
    .features-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }

    /* Page Banner */
    .page-banner { padding: 40px 0; }
    .page-banner h1 { font-size: 26px; }

    /* Business Categories */
    .business-categories { gap: 6px; }
    .business-categories a { padding: 6px 12px; font-size: 12px; }

    /* Jobs */
    .jobs-nav { gap: 6px; }
    .jobs-nav a { padding: 6px 12px; font-size: 12px; }
    .job-item-header { flex-direction: column; align-items: flex-start; gap: 8px; }
    .job-item-meta { gap: 8px; }
    .search-form { flex-direction: column; }
    .job-mini-card { flex-direction: column; align-items: flex-start; gap: 8px; }
    .job-mini-right { width: 100%; justify-content: space-between; }

    /* News */
    .news-list-item { flex-direction: column; }
    .news-list-image { width: 100%; height: 180px; }

    /* Contact */
    .contact-grid { grid-template-columns: 1fr; }
    .form-row { flex-direction: column; gap: 0; }

    /* Apply */
    .apply-tabs { flex-direction: column; }
    .apply-tab { border-radius: var(--radius); }
    .apply-tab:first-child { border-radius: var(--radius) var(--radius) 0 0; }
    .apply-tab:last-child { border-radius: 0 0 var(--radius) var(--radius); }
    .resume-form { padding: 20px; }

    /* Track */
    .track-form-card { padding: 24px; }

    /* CTA */
    .cta-section { padding: 60px 0; }
    .cta-section h2 { font-size: 24px; }
    .cta-buttons .btn { display: block; margin: 8px 0; width: 100%; }

    /* Online Service */
    .online-service { right: 10px; bottom: 80px; }
    .service-toggle { width: 44px; height: 44px; font-size: 20px; }
    .back-to-top { right: 10px; bottom: 30px; }

    /* Detail Grid */
    .detail-grid { grid-template-columns: 1fr; }

    /* Case Gallery */
    .case-gallery { grid-template-columns: 1fr; }

    /* Pagination */
    .pagination { flex-wrap: wrap; }

    /* Partners */
    .partners-list { gap: 20px; }
    .partner-item img { height: 30px; }

    /* Content Card */
    .content-card { padding: 20px; }

    /* Job Detail */
    .job-detail-layout { grid-template-columns: 1fr; }

    /* Case / Article Detail */
    .business-detail-layout, .case-detail-layout, .article-detail-layout { grid-template-columns: 1fr; }

    /* Sidebar Cards */
    .sidebar-card { margin-bottom: 12px; }

    /* Tech Section */
    .tech-grid { grid-template-columns: repeat(2, 1fr); }
}