/* ==========================================================================
   中潮数擎 · 平板 / 移动端布局修正（双主题共用，只改布局不锁死颜色）
   ========================================================================== */

@media (min-width: 981px) and (max-width: 1180px) {
  .nav { display: flex; }
  .nav-toggle { display: none; }
  .header__actions .header__cta { display: inline-flex; }
  .header-shell { padding-inline: 20px 14px; }
  .nav__link { padding: 9px 10px; font-size: 12.5px; }
}

@media (max-width: 980px) {
  .nav { display: none; }
  .nav-toggle { display: inline-flex; }
  .header__actions .header__cta { display: none; }
}

@media (min-width: 769px) and (max-width: 1180px) {
  html, body { overflow-x: hidden; }
  .js .reveal--left,
  .js .reveal--right { transform: translateY(24px); }
  .brand__logo { height: 34px; }
  .site-header { padding: 12px 0; }
  .header-shell { width: 100%; margin-inline: 0; }
  .brand__mark { width: 36px; height: 36px; }
  .brand__name { font-size: 18px; }

  .hero {
    min-height: auto;
    padding: 148px 0 88px;
  }
  .hero__inner { grid-template-columns: minmax(0, 1fr); gap: 42px; }
  .hero__content { max-width: 700px; }
  .hero__visual {
    position: relative;
    inset: auto;
    display: block;
    opacity: 1;
    min-height: 440px;
    width: min(100%, 650px);
    margin: 2px auto 0;
  }
  .hero__canvas { opacity: 0.7; }
  .hero__interface { inset: 116px 26px 38px; }
  .hero__interface-label--side, .hero__axis { display: none; }
  .hero__scroll { display: none; }
  .float-card--a { top: 2%; right: 2%; }
  .float-card--b { left: 2%; bottom: 10%; }
  .float-card--c { right: 4%; bottom: 0; }

  .page-hero { min-height: auto; padding: 138px 0 76px; }
  .page-hero__inner { grid-template-columns: minmax(0, 1fr); }
  .page-hero__aside { display: none; }
  .breadcrumb { margin-bottom: 26px; }

  .split { gap: 44px; }
  .process-grid, .assurance-grid, .badge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solutions-grid, .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer__inner { grid-template-columns: 1.4fr 1fr 1fr; gap: 34px; }
  .footer__contact-col { grid-column: 1 / -1; }

  .legal-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 30px; }
  .legal-nav { top: 104px; }
  .legal-overview__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-hero__title { max-width: 100%; }
}

@media (min-width: 769px) and (max-width: 900px) {
  .solutions-grid, .case-grid, .contact-grid, .process-grid, .assurance-grid, .badge-grid { grid-template-columns: minmax(0, 1fr); }
  .footer__inner { grid-template-columns: 1fr 1fr; }
  .legal-overview__grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .js .reveal--left,
  .js .reveal--right { transform: translateY(20px); }
  .brand__logo { height: 30px; }
  .site-header { padding: 10px 0; }
  .header-shell { margin-inline: 12px; width: auto; padding: 6px 10px 6px 14px; border-radius: 999px; }
  .brand__mark { width: 30px; height: 30px; }
  .brand__name { font-size: 17px; }
  .brand__sub { font-size: 7px; letter-spacing: 0.22em; }
  .nav-toggle { width: 40px; height: 40px; }

  .hero { min-height: auto; padding: 120px 0 58px; }
  .hero__inner { grid-template-columns: minmax(0, 1fr); }
  .hero__visual { display: none; }
  .hero__canvas { display: block !important; opacity: 0.28 !important; height: 66%; top: 2%; }
  .hero__interface { inset: 92px 12px 24px; }
  .hero__interface-label--side, .hero__axis { display: none; }
  .hero__interface-label--top { right: 32px; font-size: 7px; }
  .hero__content::before { display: none; }
  .hero__title { font-size: clamp(38px, 11.4vw, 54px); }
  .hero__desc { font-size: 14.5px; line-height: 1.85; }
  .hero__actions { margin-top: 26px; }
  .hero__actions .btn { flex: 1 1 100%; width: 100%; }
  .hero__metrics { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 30px; }
  .hero__scroll { display: none; }

  .page-hero { min-height: 460px; padding: 118px 0 56px; }
  .page-hero__inner { grid-template-columns: minmax(0, 1fr); }
  .page-hero__aside { display: none; }
  .page-hero__title { font-size: clamp(32px, 10vw, 46px); }
  .page-hero__desc { font-size: 14.5px; line-height: 1.82; }
  .page-hero__actions .btn { flex: 1 1 100%; width: 100%; }
  .page-hero::after { right: -58vw; width: 120vw; }
  .breadcrumb { margin-bottom: 26px; }

  .section { padding: 60px 0; }
  .section-head { margin-bottom: 30px; }
  .section-title { font-size: clamp(26px, 7vw, 34px); }
  .section-desc { font-size: 14.5px; }

  .solutions-grid, .case-grid, .contact-grid, .values-grid, .team-grid,
  .assurance-grid, .process-grid, .badge-grid, .careers-grid, .testimonials {
    grid-template-columns: minmax(0, 1fr);
  }
  .solution-card, .value-card { padding: 24px 22px; min-height: 0; }
  .case-card__cover { aspect-ratio: 16 / 10; }
  .case-card__body { padding: 22px; }
  .case-card__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .news-row { grid-template-columns: 1fr; gap: 10px; padding: 24px 0; }
  .news-row__arrow { display: none; }
  .news-row__title { font-size: 17px; line-height: 1.55; }
  .footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .footer__brand, .footer__contact-col { grid-column: 1 / -1; }
  .footer__bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  .footer__legal { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; }
  .cta-band__inner { border-radius: 26px; padding: 44px 22px; }
  .cta-band__actions .btn { width: 100%; }

  /* 协议页（双主题） */
  .legal-tabs { flex-wrap: nowrap; overflow-x: auto; margin-bottom: 18px; padding-bottom: 4px; scrollbar-width: none; }
  .legal-tabs::-webkit-scrollbar { display: none; }
  .legal-tabs__link { flex: none; }
  .legal-content { width: 100%; }
  .legal-document { padding: 24px 20px; border-radius: 22px; }
  .prose p, .prose li { font-size: 14px; line-height: 1.95; }
  .prose h2 { font-size: 24px; }
  .prose h3 { margin-top: 30px; font-size: 17px; line-height: 1.55; }
  .legal-contact-card { grid-template-columns: 1fr; }
  .legal-links { grid-template-columns: 1fr; }
  .legal-status { padding: 17px; }
  .data-inventory__item { padding: 17px; }

  .direct-contact .section-actions .btn { flex: 1 1 100%; }
  .map-panel { min-height: 340px; }
  .map-panel__card { left: 14px; right: 14px; bottom: 14px; padding: 17px; }
  .partner-logo-img { height: 32px; margin-bottom: 16px; }
  .partner-logo-inline img { height: 26px; }
  .to-top { right: 14px; bottom: 14px; }
}

@media (max-width: 768px) {
  .partner-block { padding: 0; }
}
@media (max-width: 430px) {
  .container { padding-inline: 18px; }
  .hero { padding-top: 112px; }
  .hero__title { font-size: clamp(34px, 11.2vw, 46px); }
  .page-hero { min-height: 430px; padding-top: 110px; }
  .page-hero__title { font-size: clamp(31px, 9.6vw, 40px); }
  .section { padding: 54px 0; }
  .footer__inner { grid-template-columns: 1fr; }
  .footer__brand, .footer__contact-col { grid-column: auto; }
  .footer__legal { display: grid; grid-template-columns: 1fr; }
  .case-card__metrics { grid-template-columns: 1fr; gap: 0; }
  .legal-document { padding: 22px 17px; }
}


/* ==========================================================================
   滚动性能优化：减少大面积模糊、固定背景与持续重绘
   （视觉仍保留玻璃边框、渐变与基础动效）
   ========================================================================== */
body { background-attachment: scroll !important; }
.bg-fx__stars,
.bg-fx__scan,
.bg-fx__beam,
.bg-fx__noise,
.cursor-glow { display: none !important; }
.bg-fx__orb { animation: none !important; filter: none !important; opacity: 0.32 !important; }

/* 卡片/面板不再实时背景模糊，避免滚动时大面积重绘 */
:where(.glass, .glass-card, .glass-panel, .glass-tile, .glass-window,
  .legal-document, .float-card, .btn--glass, .sol-nav, .legal-nav,
  .metric, .eyebrow, .to-top, .map-panel__card, .header-shell, .mobile-menu) {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 关闭全页级别的持续动画，保留局部 hover / 3D / reveal */
.gradient-text,
.hero__bg::before,
.cta-band__inner::after { animation: none !important; }
.cta-band__inner::after { display: none !important; }
.float-card { animation-duration: 10s !important; }
@media (max-width: 768px) {
  .hero__canvas { opacity: 0.22 !important; }
  .hero__interface { opacity: 0.35 !important; }
}


/* 兜底：其余仍带背景模糊的组件统一关闭 */
.glass-figure,
.legal-overview__card,
.news-dialog__panel,
.legal-nav,
.legal-document,
.dash,
.wechat-card,
.map-panel__card,
.quote-card,
.case-card,
.solution-card,
.value-card,
.contact-card,
.partner-showcase {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
