/* ===================================================================
   大成汇官网 · responsive.css
   响应式断点 / 移动端降级（关闭粒子/3D，简化动效）
   =================================================================== */

/* ---- 宽屏 PC（≥1440px）：扩展容器至 1480px，类 H3C 宽版体验 ---- */
@media (min-width: 1440px) {
    :root {
        --maxw: 1440px;
        --sp-3: 32px;   /* 宽屏下侧边距加大，呼吸感更好 */
    }
    .section-head { max-width: 860px; }
    .advantage-list { max-width: 1000px; }
    .process-flow { max-width: 900px; }
    /* 宽屏：hero 内容区也放宽 */
    .hero-content { padding: 0 var(--sp-3); }
    /* 宽屏：卡片网格可多列展示 */
    .biz-grid { grid-template-columns: repeat(4, 1fr); }
    .case-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---- 中屏桌面 ---- */
@media (max-width: 1200px) {
    :root { --maxw: 1000px; }
    .biz-grid { grid-template-columns: repeat(3, 1fr); }
    .loop-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- 平板 ---- */
@media (max-width: 992px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .sol-row, .case-row { grid-template-columns: repeat(2, 1fr); }
    .footer-inner { grid-template-columns: 1fr 1fr; gap: var(--sp-4) var(--sp-3); }
    .biz-grid { grid-template-columns: repeat(2, 1fr); }
    .about-grid { grid-template-columns: 1fr; gap: var(--sp-4); }
    .about-vision { position: static; }
    .case-grid { grid-template-columns: repeat(2, 1fr); }
    .case-layout { grid-template-columns: 1fr; gap: var(--sp-4); }
    .case-side { position: static; }
    .contact-grid { grid-template-columns: 1fr; gap: var(--sp-4); }
    .contact-info { position: static; }
    .news-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- 手机 ---- */
@media (max-width: 767px) {
    .nav-links {
        position: fixed; top: var(--nav-h); left: 0; right: 0;
        flex-direction: column; gap: 0; padding: var(--sp-2) var(--sp-3);
        background: var(--bg-drawer); backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--border-glass);
        transform: translateY(-130%); transition: transform .4s var(--ease-premium);
        margin-left: 0;
    }
    .nav-links.open { transform: translateY(0); }
    .nav-link { padding: var(--sp-2) 0; border-bottom: 1px solid var(--border-glass); }
    .nav-cta { display: none; }
    .nav-toggle { display: flex; margin-left: auto; }
    .logo-img { width: 38px; height: 38px; }
    .logo-name { font-size: 18px; }
    .logo-tag { display: none; }

    .section { padding: var(--sp-6) 0; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-2); }
    .biz-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-2); }
    .sol-row, .case-row { grid-template-columns: 1fr; }
    .footer-inner { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; }
    .footer-server-time { flex-direction: column; gap: 6px; }
    .server-time-sep { display: none; }

    .about-grid { grid-template-columns: 1fr; }
    .about-vision { position: static; }
    .quote-bar { flex-direction: column; text-align: center; gap: var(--sp-1); }

    .values-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-2); }
    .data-list { grid-template-columns: repeat(2, 1fr); }

    .hero-title { font-size: clamp(40px, 13vw, 64px); }
    .hero-actions .btn { width: 100%; }

    /* 移动端：简化网格地平线，降低视觉负担 */
    .hero-grid { opacity: .3; }

    .values-grid { grid-template-columns: 1fr; gap: var(--sp-2); }
    .process-dot { width: 46px; height: 46px; font-size: 15px; }
    .process-flow::before { left: 22px; }
    .data-list { grid-template-columns: 1fr 1fr; gap: var(--sp-2); }
    .culture-header { flex-direction: column; text-align: center; }
    .culture-tags { justify-content: center; }
    .adv-item { flex-direction: column; align-items: center; text-align: center; }
    .adv-num { font-size: 28px; min-width: auto; }

    .case-grid { grid-template-columns: 1fr; }
    .case-result-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-2); }
    .case-filters { gap: 8px; }
    .case-filter { padding: 7px 14px; font-size: 13px; }
    .case-client-cn { font-size: clamp(26px, 9vw, 40px); }
    .news-grid { grid-template-columns: 1fr; }

    /* 移动端：mega-menu 改为汉堡菜单内常驻展开的子列表，隐藏右侧预览与全局面板 */
    .nav-mega--global { display: none; }
    .nav-mega--local { display: grid; }
    .nav-mega--local {
        position: static; opacity: 1; visibility: visible; pointer-events: auto;
        transform: none; box-shadow: none; background: transparent; border: none;
        padding: 0 0 8px 12px; width: auto; grid-template-columns: 1fr; gap: 4px;
    }
    .nav-mega--local::before { display: none; }
    .nm-preview { display: none; }
    .nmi-desc { display: none; }
    .nav-search-toggle { width: 38px; height: 38px; }
}

/* ---- 超小屏 ---- */
@media (max-width: 420px) {
    .stats-grid { grid-template-columns: 1fr; }
    .biz-grid { grid-template-columns: 1fr; }
    .loop-grid { grid-template-columns: 1fr; }
    .container { padding: 0 var(--sp-2); }
}

/* ---- 移动端 / 低端设备：关闭粒子画布（JS 也会检测） ---- */
@media (max-width: 767px), (prefers-reduced-motion: reduce) {
    .hero-canvas { display: none; }
    .hero { background:
        radial-gradient(800px 400px at 70% 0%, color-mix(in srgb, var(--c-cyan) 12%, transparent), transparent 60%),
        radial-gradient(700px 400px at 20% 30%, color-mix(in srgb, var(--c-purple) 12%, transparent), transparent 60%),
        var(--bg-cosmos);
    }
}