/* 响应式 - 浅奢通透风 */

/* 平板 */
@media (max-width: 1024px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-5); }
    .cert-grid { grid-template-columns: repeat(2, 1fr); }
    .values-grid { grid-template-columns: repeat(2, 1fr); }
    .news-grid { grid-template-columns: repeat(2, 1fr); }
    .news-page-columns { grid-template-columns: 1fr; }
    .news-featured-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .news-featured-card--large {
        grid-row: span 1;
    }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-6); }
    .contact-grid { grid-template-columns: 1fr; }
    .about-story { grid-template-columns: 1fr; gap: var(--space-6); }
    .about-story-img { aspect-ratio: 16/9; }
    .brand-story { grid-template-columns: 1fr; gap: var(--space-8); }
    .brand-story-img { aspect-ratio: 16/9; }
    .brand-features { grid-template-columns: 1fr; }

    .process-timeline,
    .process-timeline--5 {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-4);
    }

    .industries-grid { grid-template-columns: repeat(2, 1fr); }
    .language-grid { grid-template-columns: repeat(4, 1fr); }

    .advantage-grid,
    .fallback-cards,
    .testimonials-grid,
    .cases-grid,
    .media-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonials-marquee .testimonial-card { width: 340px; }
    .media-marquee .media-card { width: 300px; }

    .timeline::before { left: 20px; }
    .timeline-item {
        grid-template-columns: 1fr;
        padding-left: 60px;
    }
    .timeline-item::before { left: 20px; }
    .timeline-year { font-size: 36px; }
    .timeline-content.right { text-align: left; }
}

/* 手机 */
@media (max-width: 768px) {
    :root {
        --space-8: 60px;
        --space-10: 80px;
        --space-12: 100px;
        --space-16: 120px;
    }

    body { font-size: 16px; }

    .container { padding: 0 var(--space-4); }

    .header-cta { display: none; }
    .menu-toggle { display: flex; }

    .primary-nav {
        position: fixed;
        top: 70px; left: 0; right: 0;
        background: rgba(255, 255, 255, 0.98);
        border-bottom: 1px solid var(--border);
        flex-direction: column;
        padding: var(--space-5);
        gap: var(--space-3);
        transform: translateY(-150%);
        transition: transform 0.4s var(--ease);
        box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    }
    .primary-nav.open { transform: translateY(0); }

    /* 抽屉为浅色面板，导航文字需改为深色（继承自桌面端的白色会白底白字不可见） */
    .primary-nav .nav-label { color: var(--text-dark); }
    .primary-nav .nav-link:hover .nav-label,
    .primary-nav .nav-link.active .nav-label { color: var(--gold-dim); }
    .primary-nav .nav-link::after { bottom: 8px; }

    .hero {
        min-height: 90vh;
        padding-top: var(--space-10);
    }

    .hero-marquee span { font-size: 56px; }

    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; justify-content: center; }

    .services-grid { grid-template-columns: 1fr; }
    .service-card { padding: 0; }
    .service-content { padding: var(--space-5); }
    .service-title { font-size: 26px; }

    .stats-grid { grid-template-columns: 1fr 1fr; gap: var(--space-4); }
    .stat-item { padding-left: var(--space-3); }
    .stat-num { font-size: 52px; }

    .values-grid { grid-template-columns: 1fr; }
    .value-name { font-size: 28px; }

    .process-timeline,
    .process-timeline--5 {
        grid-template-columns: 1fr;
        gap: var(--space-5);
    }
    .process-timeline::before { display: none; }
    .process-step {
        text-align: left;
        display: grid;
        grid-template-columns: 64px 1fr;
        gap: var(--space-4);
        align-items: center;
    }
    .process-step-icon {
        display: none;
    }
    .process-step-num {
        width: 64px;
        height: 64px;
        font-size: 20px;
        margin-bottom: 0;
    }

    .industries-grid { grid-template-columns: 1fr; }
    .language-grid { grid-template-columns: repeat(2, 1fr); }

    .clients-track { gap: var(--space-6); }
    .client-logo { height: 50px; max-width: 140px; }

    .news-grid { grid-template-columns: 1fr; }
    .news-column { padding: var(--space-4); }

    .news-column-thumb {
        width: 60px;
        height: 45px;
    }
    .news-column-title-link {
        font-size: 16px;
    }

    .news-card {
        grid-template-columns: 1fr;
        gap: var(--space-3);
        padding: var(--space-4);
    }
    .news-thumb { aspect-ratio: 16/9; }
    .news-title { font-size: 22px; }
    .news-featured-card,
    .news-featured-card--large {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        padding: 0;
    }
    .news-featured-card--large .news-featured-content,
    .news-featured-content {
        padding: var(--space-4);
    }
    .news-featured-title,
    .news-featured-card--large .news-featured-title {
        font-size: 20px;
    }
    .news-detail-title { font-size: 32px; }

    .cert-grid { grid-template-columns: 1fr 1fr; }
    .cert-item-cert { font-size: 32px; }

    .related-list { grid-template-columns: 1fr; }

    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; align-items: flex-start; gap: var(--space-3); }

    .form-row { grid-template-columns: 1fr; }
    .contact-form { padding: var(--space-5); }
    .contact-extra-grid { grid-template-columns: 1fr; }
    .qr-card { max-width: 320px; margin: 0 auto; }

    .article-wrap { padding: var(--space-6) 0 var(--space-10); }
    .article-body { font-size: 17px; line-height: 1.8; }
    .article-body h2 { font-size: 28px; }
    .article-body h3 { font-size: 22px; }

    .page-header { padding: calc(var(--space-10) + var(--space-5)) 0 var(--space-8); }

    .brand-features { grid-template-columns: 1fr; }

    .advantage-grid,
    .fallback-cards,
    .testimonials-grid,
    .cases-grid,
    .media-grid { grid-template-columns: 1fr; }
    .testimonials-marquee .testimonial-card { width: 300px; padding: var(--space-5); }
    .testimonials-marquee .testimonial-quote { font-size: 56px; }
    .media-marquee .media-card { width: 280px; }
    .honor-item { height: 70px; padding: 0 var(--space-4); }
    .honor-item img { max-height: 50px; max-width: 140px; }
    .honor-text { font-size: 18px; }
}

/* 小屏 */
@media (max-width: 480px) {
    .hero-title { font-size: 44px; }
    .hero-title-cn { font-size: 28px; }
    .section-title { font-size: 34px; }
    .cta-title { font-size: 44px; }
    .stat-num { font-size: 44px; }
    .brand-cn, .brand-divider { display: none; }
    .page-header-title { font-size: 40px; }

    .btn {
        padding: 16px 28px;
        font-size: 13px;
    }

    .service-title { font-size: 24px; }
    .value-name { font-size: 26px; }
    .news-column-title { font-size: 22px; }

    .process-step {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .process-step-num { margin: 0 auto; }
}

/* ============================================
   移动端性能修复 2026-10-05
   仅在 <=768px 生效，桌面端样式零影响
   1) 隐藏纯装饰背景层（原为数百个同时运行的无限动画）
   2) 保留元素上的循环动画一律停止
   3) 关闭昂贵的 backdrop-filter 与 fixed 背景
   ============================================ */
@media (max-width: 768px) {

    /* fixed 背景在移动浏览器上会导致滚动重绘/闪烁，改为普通背景 */
    body { background-attachment: scroll; }

    /* 全屏几何层与 hero 网格：停止运动，保留静态图案 */
    body::after { animation: none; }
    .hero::before { animation: none; }

    /* ---------- 纯装饰背景层：手机端整体隐藏 ---------- */
    .aurora,
    .bg-collage,
    .bg-dots,
    .bg-grid-pattern,
    .bg-image-abstract,
    .bg-image-translation,
    .bg-text-watermark,
    .circle-text,
    .corner-decoration,
    .cta-decoration-1,
    .cta-decoration-2,
    .cta-grid-pattern,
    .cta-particles,
    .data-streams,
    .deco-circle,
    .deco-square,
    .decorative-line,
    .decorative-ring,
    .diamond-floats,
    .double-ring,
    .energy-line,
    .floating-characters,
    .floating-dot,
    .floating-particle,
    .float-balls,
    .float-particle,
    .flow-line,
    .geo-decoration,
    .geo-mesh,
    .giant-text-bg,
    .glow-dot,
    .gold-dust,
    .gold-sphere,
    .gradient-orb,
    .gradient-sun,
    .grid-move,
    .halo-breath,
    .hero-bg-mega,
    .hero-glow-1,
    .hero-glow-2,
    .hero-marquee,
    .hero-particles,
    .hero-visual,
    .hex-decoration,
    .hex-grid,
    .hex-large-grid,
    .hollow-ring,
    .holographic-shine,
    .holo-sphere,
    .huge-mark,
    .lang-stream,
    .lantern-string,
    .letter-cloud,
    .light-curtain,
    .light-ray,
    .light-sabers,
    .light-sweep,
    .logo-watermark,
    .matrix-stream,
    .mega-circle,
    .mega-number,
    .mirror-circles,
    .noise-texture,
    .number-bubble,
    .numbers-rain,
    .octagram,
    .orbit,
    .planet,
    .pulse-core,
    .pulse-glow,
    .quantum-grid,
    .radar,
    .ribbon,
    .ribbon-anim,
    .scan-wave,
    .scroll-divider,
    .section-vignette,
    .shimmer-text,
    .side-text-strip,
    .snowfall,
    .sparkles,
    .star-burst,
    .starry-sky,
    .stars,
    .svg-curve-decoration,
    .text-flow,
    .text-stream,
    .text-stream-single,
    .ticker-tape,
    .tilted-stripe,
    .top-light,
    .twin-rings,
    .wave-decoration,
    .glitch-overlay,
    .rolling-numbers {
        display: none;
    }

    /* ---------- 保留显示的元素：停止循环动画 ---------- */
    .brand-story-img,
    .brand-section::before,
    .values-section::before,
    .cta-section::before,
    .service-card::before,
    .lang-tag,
    .process-connector,
    .cert-img-wrap::before,
    .page-header-bg::after,
    .page-header-glow-1,
    .page-header-glow-2,
    .page-header-particles span,
    .scroll-indicator::before,
    .testimonials-track,
    .case-scroll-row,
    .honors-track,
    .media-track,
    .media-scroll-row {
        animation: none;
    }

    /* ---------- backdrop-filter：移动端多卡片叠加模糊代价过高 ---------- */
    .site-header {
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }
    .service-card,
    .process-step,
    .news-column,
    .value-item,
    .lang-tag,
    .glass-card,
    .luxury-card,
    .btn-light {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    /* 旧版入口：手机端隐藏桌面旧版入口、显示旧版手机网站入口
       （提高特异性，稳定覆盖文件末尾的默认隐藏规则） */
    .site-footer .legacy-desktop-only { display: none; }
    .site-footer .legacy-mobile-only { display: inline; }
}

/* 旧版入口：桌面端默认隐藏"旧版手机网站"链接 */
.legacy-mobile-only { display: none; }