/* ===== 企业定制页移动端适配（不影响 PC） ===== */
@media (max-width: 768px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  header,
  footer,
  .headTop_wrap,
  #mobile-nav-container,
  .mobile-nav-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .headTop_wrap .container,
  .headTop_wrap .tip-wrapper,
  .headTop_wrap .tip-item {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .premium-page {
    width: 100% !important;
    max-width: 100% !important;
    border-left: none !important;
    border-right: none !important;
    padding-top: 100px !important;
    overflow-x: hidden !important;
  }

  .premium-page .xl\:w-\[1280px\],
  .premium-page .xl\:w-\[1289px\],
  .premium-page .w-\[1280px\],
  .premium-page .w-\[1289px\] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .premium-page > .mt-\[30px\] > img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* Hero：左右 → 上下 */
  .premium-hero-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .premium-hero-row > div {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .premium-hero-row > div:last-child {
    justify-content: center !important;
    order: -1;
    padding-top: 8px !important;
  }

  .premium-hero-row h1 {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  .premium-hero-row > div > span {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-top: 12px !important;
  }

  .premium-hero-row .startBtn {
    margin-top: 24px !important;
    width: 100% !important;
    max-width: 200px;
  }

  .premium-hero-row img {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    margin: 0 auto;
  }

  /* 优势 4 列 → 2 列 */
  .premium-advantages {
    margin-top: 24px !important;
  }

  .premium-advantages > li {
    width: 50% !important;
  }

  .premium-advantages > li img {
    width: 100% !important;
    height: auto !important;
    max-width: 160px;
  }

  .premium-advantages > li > p:last-child {
    padding: 12px 12px 16px !important;
  }

  .premium-advantages > li > p:last-child span {
    font-size: 14px !important;
  }

  .premium-advantages > li > p:first-child {
    margin-top: 0 !important;
  }

  .premium-section-title {
    font-size: 24px !important;
    line-height: 32px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .premium-step-intro {
    padding: 16px !important;
  }

  .premium-step-intro h1 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .premium-step-intro p {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  /* 套餐卡片纵向排列 */
  #permium {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  #permium > li {
    width: 100% !important;
    flex: none !important;
    border-right: none !important;
    margin-top: 0 !important;
  }

  #permium > li .unit-price {
    font-size: 36px !important;
  }

  #permium > li .recommned-head {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-bottom: 0;
  }

  #permium > li.package-card {
    border-width: 1px !important;
    overflow: visible !important;
  }

  /* 购买按钮：角标 / 购物车图标移动端适配 */
  #permium .buy-now-btn {
    position: relative !important;
    overflow: visible !important;
    height: 44px !important;
  }

  #permium .buy-now-btn .res-discount-badge {
    width: 44px !important;
    height: 36px !important;
    top: -2px !important;
    right: 4px !important;
    object-fit: contain;
  }

  #permium .buy-now-btn .buy-btn-deco,
  #permium .buy-now-btn img[src*="xue-btn"] {
    width: 48px !important;
    height: auto !important;
    top: -10px !important;
    right: 0 !important;
  }

  #permium .buy-now-btn .icon-normal,
  #permium .buy-now-btn .icon-hover {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
  }

  /* 移动端无 hover：彩色按钮默认用白色购物车图标 */
  #permium .buy-now-btn.primary-buy-btn .icon-normal,
  #permium .buy-now-btn.buy-btn-solid .icon-normal,
  #permium .package-card:nth-child(2) .buy-now-btn .icon-normal {
    display: none !important;
  }

  #permium .buy-now-btn.primary-buy-btn .icon-hover,
  #permium .buy-now-btn.buy-btn-solid .icon-hover,
  #permium .package-card:nth-child(2) .buy-now-btn .icon-hover {
    display: inline-block !important;
  }

  #permium .recommned-head img,
  #permium .recommned-head img[src*="gift"] {
    width: 48px !important;
    height: 36px !important;
  }

  .premium-hero-row .startBtn img,
  .premium-cta button img,
  .premium-faq a img.w-4 {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0;
  }

  /* 动态代理需求优势 */
  .premium-benefit-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px !important;
    gap: 12px;
  }

  .premium-benefit-bar > p {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 20px !important;
  }

  .premium-benefit-bar > .w-\[1px\] {
    display: none !important;
  }

  .premium-benefit-bar .moblieWidth,
  .premium-benefit-bar .flex-1.ml-\[60px\] {
    margin-left: 0 !important;
    width: 100% !important;
    flex-direction: column !important;
  }

  .premium-benefit-bar .flex-1.ml-\[60px\] > div,
  .premium-benefit-bar .moblieWidth > div {
    width: 100% !important;
    flex: none !important;
  }

  /* 4 步转售：双栏 → 单栏 */
  .premium-steps-grid {
    grid-template-columns: 1fr !important;
  }

  .premium-steps-grid > div {
    border-right: none !important;
  }

  .premium-steps-grid li {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .premium-steps-grid li p.text-\[20px\] {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .premium-steps-grid li p.text-\[18px\] {
    font-size: 14px !important;
    line-height: 22px !important;
    height: auto !important;
  }

  [data-selling-accordion-root] > h1 {
    font-size: 22px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 40px !important;
  }

  /* FAQ */
  .premium-faq {
    width: 100% !important;
    flex-direction: column !important;
  }

  .premium-faq > div {
    width: 100% !important;
    height: auto !important;
    flex-shrink: 1 !important;
    border-right: none !important;
  }

  .premium-faq [data-home-faq-trigger] {
    height: auto !important;
    min-height: 64px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .premium-faq [data-home-faq-trigger] span.flex-1 {
    font-size: 15px !important;
    line-height: 22px !important;
  }

  .premium-faq .w-\[424px\] img {
    width: 100% !important;
    max-width: 280px;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .premium-faq a div.w-\[344px\] {
    width: calc(100% - 32px) !important;
    max-width: 344px !important;
  }

  /* 底部 CTA */
  .premium-cta {
    flex-direction: column !important;
    margin-top: 40px !important;
  }

  .premium-cta > div {
    width: 100% !important;
    padding: 24px 16px !important;
  }

  .premium-cta h1 {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .premium-cta p {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .premium-cta img {
    width: 100% !important;
    max-width: 320px;
    height: auto !important;
    margin: 0 auto;
    display: block;
  }

  /* 通用标题 */
  .premium-page h1.text-\[40px\] {
    font-size: 24px !important;
    line-height: 32px !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;
    align-items: center !important;
  }

  footer .flex-wrap img {
    margin: 0 auto !important;
  }

  footer .border-t-\[1px\] {
    flex-direction: column !important;
    text-align: center !important;
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  footer .border-t-\[1px\] .whitespace-nowrap,
  footer .border-t-\[1px\] p {
    white-space: normal !important;
    font-size: 11px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    max-width: 100% !important;
  }

  footer .xl\:w-\[1280px\].flex.moblieWidth {
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  footer .friend-link-wrap {
    width: 100% !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  footer .friend-link-wrap .ml-\[30px\] {
    margin-left: 12px !important;
  }
}