/* 
 * 安徽兴石智创 - 手机端适配样式表
 * 仅在移动端生效，不影响电脑端
 */

@media (max-width: 1200px) {
    .container { padding: 0 5%; }
    .header-container .container { padding: 0 5%; }
    .header-box { gap: 30px; margin-left: 30px; }
    .nav-top-right { gap: 15px; }
    .consult-text { display: none; }
}

@media (max-width: 992px) {
    :root {
        --header-height: 60px;
    }
    
    body { font-size: 14px; }
    
    .page-section { padding: 40px 0; }
    .section-title-box { padding: 40px 0 20px; }
    .section-title { font-size: 28px; }
    .wecando-container, .case-section, .process-section, .news-section, .cta-section { padding: 40px 0; }
    
    /* Header Mobile */
    .header-container { height: 70px; }
    .header-box { display: none; } /* 隐藏主菜单，后续通过 JS 切换 */
    .nav-top-right { display: none; } /* 手机端隐藏右侧电话等，腾出空间给汉堡菜单 */
    .logo-slogan { display: none; }
    .logo-divider { display: none; }
    .logo-img { height: 35px; }
    
    .menu-toggle {
        display: flex !important;
        margin-left: auto;
        padding: 10px;
    }
    
    /* Banner */
    .banner { height: 70vh; }
    .banner-title { font-size: 42px; }
    .banner-desc { font-size: 16px; margin-bottom: 30px; }
    .banner-btns { display: flex !important; gap: 15px; }
    .banner-btns a:first-child { display: none; } /* 隐藏“了解我们” */
    .btn-more { padding: 12px 30px; font-size: 14px; }
    
    /* We Can Do */
    .wecando-grid { grid-template-columns: repeat(2, 1fr); }
    .wecando-item-block span { font-size: 18px; }
    .wecando-item-n span { font-size: 18px; }
    .wecando-item-hidden p { font-size: 13px; }
    
    /* Advantages */
    .advantage-section { height: auto; padding: 60px 0; }
    .advantage-bg { position: relative; width: 100%; border-radius: 15px; height: 250px; margin-bottom: 30px; }
    .advantage-describe { position: relative; left: 0; top: 0; width: 100%; color: var(--text-main); padding: 0 15px; }
    .adv-title-cn { color: var(--text-main); font-size: 28px; }
    .advantage-d { color: var(--text-light); font-size: 14px; margin-bottom: 30px; }
    .profile-statistic { flex-wrap: wrap; gap: 20px; justify-content: center; }
    .profile-statistic > div { width: 45%; text-align: center; }
    .small-separato-vertical { display: none; }
    
    .advantage-option { position: relative; width: 100%; margin-top: 40px; padding: 0 15px; }
    .advantage-option-item { position: relative !important; left: 0 !important; top: 0 !important; margin-bottom: 15px; width: 100% !important; display: flex; align-items: center; gap: 15px; min-width: 0 !important; height: auto !important; }
    .advantage-image { flex-shrink: 0; width: 50px; height: 50px; }
    .bubble-triangle { display: none; }
    .bubble-text { position: relative; width: auto; flex: 1; top: 0; left: 0; background: #f8f9fa; color: var(--text-main); border: 1px solid #eee; padding: 15px; border-radius: 8px; box-shadow: none; }
    .bubble-text p:first-child { color: var(--primary-color); font-weight: bold; margin-bottom: 5px; }
    .bubble-text p:last-child { font-size: 13px; white-space: normal !important; }
    
    /* Case */
    .case-tabs { display: none !important; }
    .case-grid { grid-template-columns: repeat(2, 1fr); }
    .case-info h5 { font-size: 16px; }
    
    /* Process */
    .process-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
    .process-name { font-size: 18px; }
    
    /* News */
    .news-grid { grid-template-columns: 1fr; gap: 30px; }
    .news-featured-img { height: 200px; }
    .news-featured-content { padding: 20px; }
    .news-featured-content h3 { font-size: 18px; }
    .news-item { padding: 15px 0; }
    .news-item-info h5 { font-size: 16px; }
    .news-item-info p { display: none !important; }
    
    /* CTA Section */
    .cta-title { font-size: 28px; line-height: 1.3; margin-bottom: 15px; }
    .cta-desc { font-size: 14px; margin-bottom: 30px; }
    .cta-info { flex-direction: column; gap: 20px; align-items: flex-start; }
    .cta-val { font-size: 24px; }
    
    /* Footer */
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
    .footer-title { font-size: 18px; margin-bottom: 20px; }
    .footer-links a { font-size: 14px; }
    .footer-about p { font-size: 13px; }
    
    /* Sub Pages */
    .group-page-nav ul { flex-wrap: wrap; gap: 10px; justify-content: center; padding: 15px 0; }
    .group-page-nav a { font-size: 14px; padding: 5px 10px; }
    
    .group-intro-box { flex-direction: column; gap: 30px; }
    .group-intro-text { width: 100%; }
    .group-intro-image { width: 100%; }
    .group-section-title { font-size: 28px; margin-bottom: 20px; }
    .lead-text { font-size: 16px; }
    
    .vision-grid { grid-template-columns: 1fr; }
    .vision-item h3 { font-size: 20px; }
    
    .group-culture-grid { grid-template-columns: 1fr; }
    .culture-item h4 { font-size: 20px; }
    
    .group-timeline::before { left: 20px; }
    .t-node { width: 100%; padding-left: 50px !important; text-align: left !important; margin-bottom: 30px; }
    .t-node::after { left: 12px !important; }
    .t-year { position: relative; top: 0; left: 0; margin-bottom: 10px; }
    .t-info h4 { font-size: 18px; }
    
    .group-team-grid { grid-template-columns: 1fr; }
    .team-info h4 { font-size: 18px; }
    
    .service-intro-grid { grid-template-columns: 1fr; }
    .service-card-v2 { padding: 30px 20px; }
    .service-card-v2 h3 { font-size: 18px; }
}

@media (max-width: 768px) {
    .container { padding: 0 20px; }
    .header-container .container { padding: 0 20px; }
    
    body { font-size: 13px; }
    
    .page-section { padding: 30px 0; }
    .section-title-box { padding: 30px 0 15px; }
    .section-title { font-size: 24px; }
    .wecando-container, .case-section, .process-section, .news-section, .cta-section { padding: 30px 0; }
    
    .banner-title { font-size: 32px; line-height: 1.2; }
    .banner-desc { font-size: 14px; }
    .banner-nav { display: none; }
    .banner-scroll-hint { display: none; }
    
    .wecando-grid { grid-template-columns: 1fr; }
    .wecando-item { height: 280px; }
    
    .case-grid { grid-template-columns: 1fr; }
    .process-grid { grid-template-columns: 1fr; }
    
    .footer-grid { grid-template-columns: 1fr; text-align: left; }
    .footer-logo-wrap { justify-content: flex-start; }
    .footer-title { padding-left: 15px; }
    .footer-title::before { display: block; }
    .footer-contact li { justify-content: flex-start; }
    .qr-box { margin: 10px 0; }
    
    /* Sub Banner */
    .sub-banner { height: 250px; margin-top: 70px; }
    .sub-banner h1 { font-size: 22px; }
    .sub-banner-desc { font-size: 12px; letter-spacing: 1px; }
    .case-list-container { padding: 40px 0; }
    .case-filter { gap: 10px; }
    .filter-btn { padding: 8px 15px; font-size: 14px; }

  
}

@media (max-width: 480px) {
    .banner-title { font-size: 28px; }
    .section-title { font-size: 22px; }
    .group-section-title { font-size: 24px; }
    .cta-title { font-size: 24px; }
}

/* Mobile Menu Toggle (Placeholder for future JS) */
.menu-toggle {
    display: none;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    z-index: 1100;
}

.menu-toggle span {
    width: 30px;
    height: 2px;
    background: var(--primary-color);
    transition: var(--transition);
}

.menu-toggle.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

@media (max-width: 992px) {
    /* Mobile Nav Overlay */
    .header-box.mobile-active {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: var(--white);
        justify-content: center;
        align-items: center;
        z-index: 1050;
        margin: 0;
        gap: 40px;
    }
    
    .header-box.mobile-active .header-unit {
        font-size: 24px;
    }
    
    .header-box.mobile-active .header-unit::after {
        display: none;
    }
}