/* v9 - 精准修复移动端响应式问题 */

/* ============ 桌面/移动端导航切换 ============ */
@media (min-width: 768px) {
  .desktop-only { display: flex !important; }
  .mobile-only { display: none !important; }
  #mobileMenu { display: none !important; }
}
@media (max-width: 767px) {
  .desktop-only { display: none !important; }
  .mobile-only { display: flex !important; }
}

/* ============ 中等屏幕 768-1100px ============ */
@media (max-width: 1100px) {
  div[style*="max-width:1440px"],
  div[style*="max-width:1200px"],
  div[style*="max-width:1000px"] {
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* ============ 手机端 767px 以下 ============ */
@media (max-width: 767px) {
  /* --- 容器全宽 --- */
  div[style*="max-width"] {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* --- 大 padding 缩小 --- */
  div[style*="padding:120px"] { padding: 50px 16px 40px !important; }
  div[style*="padding:80px"]  { padding: 40px 16px 30px !important; }
  div[style*="padding:60px"]  { padding: 30px 16px 20px !important; }
  div[style*="padding:0 32px"] { padding-left: 16px !important; padding-right: 16px !important; }
  
  /* --- 顶部导航栏 padding --- */
  nav#topbar div.desktop-only,
  #topbar div.desktop-only {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* --- 字体缩小 --- */
  h1, div[style*="font-size:clamp"], div[style*="font-size:48px"] { 
    font-size: 1.65rem !important; 
  }
  h2, div[style*="font-size:32px"], div[style*="font-size:36px"] { 
    font-size: 1.35rem !important; 
  }
  div[style*="font-size:28px"] { font-size: 1.2rem !important; }
  div[style*="font-size:20px"] { font-size: 1.05rem !important; }
  div[style*="font-size:18px"] { font-size: 1rem !important; }

  /* --- CTA 按钮全宽 --- */
  a[href="/contact/"],
  a[href="/zh/contact/"] {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
  }

  /* --- 弹性容器允许换行 --- */
  div[style*="display:flex"] {
    flex-wrap: wrap !important;
  }

  /* --- 网格改单列 --- */
  div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* --- 卡片左右不留多余边距 --- */
  div[style*="border-radius"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ============ 小手机 480px 以下 ============ */
@media (max-width: 480px) {
  h1, div[style*="font-size:clamp"] { font-size: 1.4rem !important; }
  h2, div[style*="font-size:32px"] { font-size: 1.2rem !important; }
}