/* 产品页共用移动端适配
   覆盖 residential / mobile / static / unlimit / ips 等共享 class
   不改 PC 样式；放在各页 CSS 之后引入 */

@media screen and (max-width: 992px) {
  /* 防止横向溢出 */
  .section-blog,
  .section-blog .container {
    max-width: 100%;
    overflow-x: hidden;
  }

  .section-blog .container {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .section-blog .residential-proxy-hero {
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 0 24px !important;
  }

  .section-blog .residential-proxy-hero .residential-proxy-hero-title,
  .section-blog .residential-proxy-hero .residential-proxy-hero-title span {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  .section-blog .residential-proxy-hero p,
  .section-blog
    .residential-proxy-hero
    .residential-proxy-hero-title
    .proxy_hero_subtitle {
    font-size: 15px !important;
    line-height: 1.5 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Hero 卖点行 / 按钮 */
  .productFelx {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 12px !important;
    justify-content: flex-start !important;
  }

  .product_buy {
    width: 100%;
    justify-content: flex-start;
  }

  .hero-btns {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 28px;
    width: 100%;
  }

  .hero-btns .btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .product_freshBox {
    margin-top: 32px;
  }

  .product_fresh {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* 实时代理池：左右改上下 */
  .product_real {
    flex-direction: column !important;
    height: auto !important;
    padding: 24px 16px 28px !important;
    margin-bottom: 48px !important;
    gap: 20px;
  }

  .product_real_title {
    font-size: 24px !important;
    line-height: 1.35 !important;
    padding-top: 0 !important;
  }

  .product_real_title br,
  .real_text br {
    display: none;
  }

  .real_text {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .product_real_left {
    width: 100%;
    flex: none;
  }

  .product_real_right {
    width: 100% !important;
    height: auto !important;
    min-height: 220px;
    position: relative;
  }

  .product_real_right > img {
    width: 100% !important;
    height: auto !important;
    max-height: 280px;
    object-fit: contain;
  }

  .regionBox {
    gap: 8px;
  }

  .region {
    width: calc(50% - 4px) !important;
    min-width: 0;
    height: auto !important;
    min-height: 72px;
    padding: 12px !important;
    box-sizing: border-box;
  }

  .region span {
    font-size: 14px !important;
  }

  .region p {
    font-size: 12px !important;
  }

  .product_real_abs {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px;
  }

  /* 区块标题（含内联 38px） */
  .Choose_title,
  .choose_title,
  .Premium_title,
  .section-blog div[style*="font-size: 38px"],
  .section-blog div[style*="font-size:38px"] {
    font-size: 24px !important;
    line-height: 1.35 !important;
    margin-bottom: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .Choose_text {
    font-size: 14px !important;
    margin-top: 12px !important;
    padding: 0 8px;
  }

  /* 优势双列 → 单列 */
  .product_proxy {
    height: auto !important;
    flex-direction: column !important;
    gap: 16px;
  }

  .product_proxy_box {
    width: 100% !important;
    height: auto !important;
  }

  .product_proxy .gradient_divider {
    display: none !important;
  }

  .product_proxy .gradient_divider_line {
    display: block;
    margin: 4px 0;
  }

  .product_proxy_img {
    margin-top: 16px !important;
    margin-bottom: 12px !important;
  }

  .product_proxy_title {
    font-size: 18px !important;
  }

  .product_proxy_text {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* 产品 Tab 内容区 */
  .product_tab {
    width: 100%;
  }

  .plan_tabBox_product {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
  }

  .plan_tab_ontainer_product {
    width: 100%;
    flex-wrap: wrap;
    gap: 4px;
  }

  .plan-nav-btn_product {
    flex: 1 1 auto;
    min-width: 0;
    height: auto !important;
    min-height: 40px;
    line-height: 1.3 !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    margin-right: 0 !important;
    white-space: normal;
  }

  .tab_box1 {
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 16px !important;
    flex-direction: column !important;
    margin-top: 20px !important;
    gap: 20px;
  }

  .tab-center {
    width: 100% !important;
  }

  .tab_box1_left {
    padding: 0 !important;
  }

  .tab_box1_title1 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .tab_box1_text {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .tab_box1_Btn {
    width: 100% !important;
    max-width: 240px;
  }

  .tab-center img {
    max-width: 100%;
    height: auto !important;
  }

  /* static / unlimit 三列优势 */
  .choose-grid {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .choose-grid > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 定价区标题内联宽度 */
  .section-blog [style*="width: 1005px"],
  .section-blog [style*="width:1005px"],
  .residential-proxy-hero [style*="width: 1005px"],
  .residential-proxy-hero [style*="width:1005px"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .section-blog [style*="margin: 0 45px"],
  .section-blog [style*="margin:0 45px"],
  .section-blog [style*="padding: 0 45px"],
  .section-blog [style*="padding:0 45px"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 特性区 */
  .section-proxy-features {
    margin-top: 48px !important;
    padding-bottom: 40px !important;
  }

  .section-proxy-features .proxy-features-content {
    flex-direction: column !important;
    padding: 28px 20px !important;
    gap: 20px !important;
    align-items: flex-start !important;
  }

  .section-proxy-features .proxy-features-text {
    padding-right: 0 !important;
  }

  .section-proxy-features .proxy-features-text h2 {
    font-size: 22px !important;
  }

  .section-proxy-features .proxy-features-text p,
  .section-proxy-features .proxy-features-grid .feature-item span {
    font-size: 14px !important;
  }

  /* 底部购买条 */
  .footer_Purchase {
    height: auto !important;
    min-height: 280px;
    padding: 40px 16px !important;
    box-sizing: border-box;
    background-size: cover !important;
    background-position: center !important;
  }

  .footer_Purchase > div,
  .footer_Purchase .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* FAQ */
  .section-learn-more {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .section-learn-more .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .section-learn-more h2 {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }

  .section-learn-more .accordion-item .accordion-header h3 {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  /* use-cases：标题 + 卡片全部单列，避免两列挤窄换行 */
  .use-cases-section {
    padding: 40px 16px !important;
    box-sizing: border-box;
  }

  .use-cases-section .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .use-cases-section .use-cases-grid,
  .use-cases-grid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin-bottom: 24px !important;
    width: 100% !important;
  }

  .use-cases-section .use-cases-grid .use-case-row,
  .use-cases-grid .use-case-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
  }

  .use-cases-section .use-cases-header,
  .use-cases-header {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 8px !important;
  }

  .use-cases-section .use-cases-header .use-cases-intro,
  .use-cases-intro {
    max-width: 100% !important;
    width: 100% !important;
  }

  .use-cases-section .use-cases-header .use-cases-intro .section-title,
  .use-cases-intro .section-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  .use-cases-section .use-cases-header .use-cases-intro .section-desc,
  .use-cases-intro .section-desc {
    width: 100% !important;
    font-size: 14px !important;
  }

  .use-cases-section .use-cases-grid .use-case-card,
  .use-cases-grid .use-case-card {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 20px !important;
  }

  .use-cases-section .use-cases-grid .use-case-card .use-case-desc,
  .use-case-card .use-case-desc {
    min-height: 0 !important;
    margin-bottom: 16px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .use-cases-section .use-cases-footer {
    margin-top: 16px;
  }

  /* 右侧悬浮条避免挡住卡片 */
  .sidebar-right {
    display: none !important;
  }
}

@media screen and (max-width: 576px) {
  .section-blog .residential-proxy-hero .residential-proxy-hero-title,
  .section-blog .residential-proxy-hero .residential-proxy-hero-title span {
    font-size: 24px !important;
  }

  .product_real_title,
  .Choose_title,
  .choose_title,
  .Premium_title {
    font-size: 22px !important;
  }

  .region {
    width: 100% !important;
  }

  .plan-nav-btn_product {
    flex: 1 1 100%;
    font-size: 13px !important;
  }

  .plan_tab_ontainer_product {
    flex-direction: column;
  }
}