/* ===== 移动端适配（不影响 PC） ===== */
@media (max-width: 768px) {
  /* 通用：固定宽度容器铺满 */
  [class*="w-["]:not(nav):not(header):not(footer) {
    max-width: 100% !important;
  }
  .moblieTop{
    margin-top: 50px !important;
  }
  .xl\:w-\[1280px\] {
    width: 100% !important;
    border-left: none !important;
    border-right: none !important;
  }

  /* 套餐卡片垂直排列 */
  .standard, .premium-container {
    flex-wrap: wrap !important;
  }
  .standard > li, .premium-container > li {
    width: 100% !important; flex: none !important;
    border-right: none !important;
    border-bottom: 1px solid #DFE6F3;
  }
  .standard > li:last-child, .premium-container > li:last-child {
    border-bottom: none;
  }

  /* 标题区域 */
  .moblieTop { padding-top: 90px !important; }
  .moblieTop h1 { font-size: 24px !important; line-height: 32px !important; }
  .moblieTop p {
    font-size: 14px !important; padding: 0 16px !important; margin-bottom: 30px !important;
  }

  /* 优势 6 宫格、FAQ、动态优势 → 单列 */
  section [class*="border-t"][class*="border-b"],
  section [class*="border-b"]:not(.tabBox *) {
    flex-wrap: wrap !important;
  }
  section [class*="border-t"] > div, section [class*="border-b"] > div {
    flex: none !important; width: 100% !important;
    border-right: none !important; border-bottom: 1px solid #DFE6F3;
  }
  section [class*="border-b"] > div:last-child { border-bottom: none; }

  /* FAQ 双栏合并 */
  .flex.w-\[1280px\].border-t {
    flex-wrap: wrap !important;
  }
  .flex.w-\[1280px\].border-t > div {
    width: 100% !important; border-right: none !important;
  }
  .flex.w-\[1280px\].border-t > div:last-child img { height: auto !important; }
  .flex.w-\[1280px\].border-t > div:last-child a div {
    width: 90% !important; max-width: 344px !important;
  }
  .flex.w-\[1280px\].border-t > div:last-child a div img.w-4 {
    width: 14px !important; height: 14px !important;
  }

  /* 通用标题字号 */
  h1.text-\[40px\], h2.text-\[40px\], h2.font-bold.text-\[40px\] {
    font-size: 24px !important; line-height: 32px !important;
    margin-top: 30px !important;
  }

  /* CTA */
  .w-\[1280px\].h-\[304px\] {
    width: 100% !important; height: auto !important;
    min-height: 240px !important; padding: 30px 16px !important;
  }
  .w-\[1280px\].h-\[304px\] h2 { font-size: 24px !important; line-height: 32px !important; }
  .w-\[1280px\].h-\[304px\] p { font-size: 14px !important; padding: 0 16px !important; }

  /* 动态代理需求优势 */
  .flex-1.ml-\[60px\] {
    margin-left: 0 !important; flex-wrap: wrap !important; margin-top: 16px !important;
  }
  .flex-1.ml-\[60px\] > div { flex: none !important; width: 100% !important; }
  .text-\[28px\].text-\[\#16191C\] {
    font-size: 20px !important; width: auto !important; margin-right: 0 !important;
  }
  .w-\[80px\].h-\[80px\] { width: 60px !important; height: 60px !important; }
  .w-\[80px\].h-\[80px\] img { width: 60px !important; height: 60px !important; }

  /* FAQ 右侧联系我们 */
  .w-\[424px\].h-\[536px\] {
    width: 100% !important; height: auto !important; padding-bottom: 30px !important;
  }
  .w-\[424px\].h-\[536px\] img.mt-\[40px\] {
    height: auto !important; max-width: 100% !important;
  }

  /* 底部 footer */
  footer .flex-wrap { flex-direction: column !important; align-items: center !important; text-align: center !important; }
  footer .flex-wrap > * { width: 100% !important; flex: none !important; }
  footer .flex-wrap img { margin: 0 auto !important; }
  footer .border-t-\[1px\] {
    flex-direction: column !important; text-align: center !important; padding: 16px !important;
  }
  footer .border-t-\[1px\] p {
    white-space: normal !important; font-size: 11px !important;
    flex-wrap: wrap !important; justify-content: center !important; gap: 4px !important;
  }
  .xl\:w-\[1280px\].flex.moblieWidth {
    flex-direction: column !important; align-items: center !important; padding: 0 16px !important;
  }
  .friend-link-wrap { width: 100% !important; justify-content: center !important; margin-top: 8px !important; }
  .friend-link-wrap .ml-\[30px\] { margin-left: 12px !important; }
}