@media (max-width: 1600px) {
  .section.why_topease {
    .card {
      .card_header {
        /* transform: translate3d(0, .625rem, 9.375rem);
        flex-direction: column; */
        img {
        }
      }
    }
  }
  #carouselExample{
    height:30rem;
  }
}
@media (max-width: 1200px) {
  .offcanvas {
    width: 280px !important;
    
    .offcanvas-header {
      padding: 1.25rem 1.5rem;
      border-bottom: 1px solid #f0f0f0;
      
      img {
        height: 2rem;
      }
    }
    
    .offcanvas-body {
      padding: 1rem 0;
    }
    
    .nav {
      align-items: stretch;
      flex-direction: column;
      gap: 0;
      
      .nav-item:not(.tel, .btns) {
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
        
        a {
          display: flex;
          align-items: center;
          font-size: 1rem;
          width: 100%;
          padding: 1rem 1.5rem;
          color: #333;
          transition: all 0.2s ease;
          
          &:hover {
            background: #fff8f5;
            color: #FF5B1A;
          }
          
          &.active {
            color: #FF5B1A;
            background: #fff8f5;
            font-weight: 500;
          }
          
          &::after {
            display: none;
          }
        }
      }
      
      // 小易AI特殊样式
      .nav-item.xiaoyiai-nav {
        a {
          color: #5D1AF3;
          
          img {
            width: 20px;
            height: 20px;
            margin-right: 8px;
            flex-shrink: 0;
          }
          
          &:hover {
            background: #f8f5ff;
          }
        }
      }
      
      .nav-item.tel {
        padding: 1.25rem 1.5rem;
        border-top: 1px solid #f0f0f0;
        margin-top: 0.5rem;
        
        span {
          font-size: 0.9rem;
          color: #666;
          display: flex;
          align-items: center;
          gap: 0.5rem;
          
          i {
            color: #FF5B1A;
          }
        }
      }
      
      .nav-item.btns {
        padding: 1rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        
        .btn {
          width: 100%;
          padding: 0.75rem;
          border-radius: 6px;
          font-size: 0.95rem;
          font-weight: 500;
          
          &:first-child {
            background: #fff;
            border: 1px solid #FF5B1A;
            color: #FF5B1A;
          }
          
          &:last-child {
            background: linear-gradient(90deg, #F28E26 0%, #FD644F 100%);
            border: none;
            color: #fff;
          }
        }
      }
    }
  }
  main .dunBradstreetData.top_head{
       height: auto;
  }
  main .section.top_head {
   
    flex-direction: column;
    padding-bottom: 2rem;
    gap: 1.5rem;
    background-position: 50%;

    .top_content {
        // position: relative;
        // height: auto;
        // padding: 0;
        // width: 100%;
        // justify-content: center;
        
        .mainbox {
            width: 100%;
            padding: 0;
            justify-content: center;
        }
    }

    .bannerSwiper {
      // position: relative;
      .swiper-slide .top_intro {
        margin: 0;
        // margin-left: 1rem;
        width: auto;
      }
    }
     .homeBannerSwiper {
      position: relative;
      .swiper-slide .slide-inner {
        width: 100%;
        padding: 0 1rem;
      }
      .swiper-slide .top_intro {
        margin: 0;
        // margin-left: 1rem;
        width: auto;
      }
    }
    .top_about {
      position: relative;
      bottom: auto;
      left: auto;
      transform: none;
      margin: 0;
      margin-left: 0;
      flex-direction: column;
      align-items: center;
      height: auto;
      padding: 2rem 1rem;
      .about_tit {
        margin-right: 0;
        align-items: center;
        margin-bottom: 1rem;
      }
      .about_intro {
        width: 100%;
        text-align: center;
      }
    }
    
    /* 邓白氏数据 banner 适配 */
    .slide-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      gap: 1.5rem;
    }
    .top_intro {
      margin: 0 !important;
      text-align: center;
      width: 100%;
      align-items: center;
      padding: 0 1rem;
      transform: none !important;
      
      span.hide {
         display: block !important;
         text-align: center;
         color: #fff;
         font-size: 1.1rem;
         line-height: 1.8;
         
         strong {
           font-size: 1.8rem;
           display: block;
           margin-bottom: 0.5rem;
         }
      }
      
      .btn.hide {
         margin-top: 1.5rem;
         display: inline-block !important;
      }
    }

    form {
      display: none !important;
    }
  }
  .section.customsData_why_topease {
    margin-top: 3rem !important;
    .card_list {
      flex-direction: column;
      align-items: center;
      gap: 1.5rem;
      .card {
        width: 90%;
        max-width: 30rem;
        .card_header {
          width: 100%;
          border-radius: 0.5rem 0.5rem 0 0;
          text-align: center;
          justify-content: center;
        }
        .card_body {
          border-radius: 0 0 0.5rem 0.5rem;
          flex-direction: column;
          text-align: center;
          padding: 1.5rem;
          img {
            margin-bottom: 1rem;
          }
          .reason_wrap {
            align-items: center;
          }
        }
      }
    }
  }
  
  /* 邓白氏数据内容适配 */
  .section.DB_ad_1 {
    width: 90%;
    margin-top: 2rem !important;
    
    p {
      font-size: 1rem;
      padding: 0 1rem;
      line-height: 1.6;
      margin: 1.5rem 0;
    }
    
    img {
      width: 100%;
      height: auto;
    }
  }
  
  .section.DB_ad_2 {
    padding: 3rem 0;
    
    .db_list {
      width: 94%;
      gap: 1.5rem;
      
      .db_item {
        width: 48%;
        margin: 0 !important;
        flex-direction: column-reverse;
        padding: 1.5rem 1rem;
        text-align: center;
        gap: 1rem;
        
        .db_desc {
           align-items: center;
           
           .line {
             margin: 0.5rem 0;
           }
           
           .num {
             strong {
               font-size: 1.5rem;
             }
           }
           
           .desc {
             font-size: 1rem;
           }
           
           .info {
             font-size: 0.9rem;
           }
        }
        
        img {
          width: 6rem;
          height: 6rem;
          margin-bottom: 0.5rem;
        }
      }
    }
  }

  .section.topease_live {
    margin-top: 0;
    .products_list {
      flex-direction: column;
      align-items: center;
      gap: 1.25rem;
      .product_item {
        margin-right: 0;
        background-size: 100%;
        background-position: 50%;
        .product_desc {
          margin-bottom: 1.875rem;
        }
      }
    }
  }
  .section.why_topease {
    .card_list_wrap {
      .card_list {
        gap: 1rem;
        .card {
          width: unset;
          .card_header {
            > img {
              margin-left: 0;
              width: unset;
            }
          }
        }
      }
    }
  }
  .section.honor {
    padding-bottom: 0;
    .honor_list {
      width: 48rem;
      .honor_bg {
        width: 48rem;
      }
      .honor_group_1 {
        gap: 0.8rem;
        .honor_item {
          width: 10.5rem;
          img {
            height: 6.5rem;
          }
        }
      }
      .honor_group_2 {
        gap: 0.6rem;
        .honor_item {
          width: 8.5rem;
          img {
            height: 10.5rem;
          }
        }
      }
    }
  }
  .section.customer {
    .customer_wrap {
      width: unset;
      /* height: 18.75rem; */
      .swiper-wrapper {
        .swiper-slide {
          img {
            /* height: 100%;
            width: 100%; */
          }
          .info {
            top: 2rem;
            span {
              margin-left: 7.0625rem;
            }
            p {
              margin-top: 0;
            }
          }
        }
      }
    }
  }
  .section.about_topease {
    > img {
      height: unset;
      width: 100%;
    }
  }
  .modal {
    --bs-modal-width: 80vw;
  }
}
/* 荣誉图单独处理 */
@media (max-width: 1660px) {
  main {
    .section.top_head {
      background-size: 130% 100%;
      background-position: 50%;
      .top_intro {
        // margin-left: 8.25rem;
      }
      form {
        // margin-right: 8rem;
        // width: 24rem;
      }
    }
    .section.honor {
      padding-bottom: 0;
      .honor_list {
        width: 55rem;
        .honor_bg {
          width: 65rem;
        }
        .honor_group_1 {
          gap: 1.5rem;
          .honor_item {
            width: 11rem;
            img {
              height: 6.5rem;
            }
          }
        }
        .honor_group_2 {
          gap: 0.8rem;
          .honor_item {
            width: 10rem;
            img {
              height: 12rem;
            }
          }
        }
      }
    }
  }
}
@media (max-width: 1440px) {
  main {
    .section.top_head {
      background-size: 150% 100%;
      background-position: 50%;
    }
    .section.customsData_why_topease {
      .card_list {
        .card {
          flex-direction: column;
          text-align: center;
          .reason_wrap {
            p {
              padding: 0 1.675rem;
            }
          }
        }
      }
    }
  }
}
@media (max-width: 1280px) {
  main {
    .section.top_head {
      background-size: 180% 100%;
      background-position: 50%;
    }
  }
}
@media (max-width: 820px) {
  #carouselExample{
    height:29rem;
    .carousel-item{
      div{
        form{
          margin-right: 8rem;
          width: 29rem;
       }
      }
     
    } 
  }
}
/* 移动端使用侧边栏导航栏 */
@media (max-width: 770px) {
  // .offcanvas 样式已统一移至 1200px 媒体查询中
  .section.why_topease {
    .card_list_wrap {
      width: 100%;
      .card_list {
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: unset;
        .card {
          width: 55%;
          .card_header {
            flex-direction: row;
            > img {
              margin-left: 1.25rem;
              width: unset;
            }
          }
        }
      }
    }
  }
  #carouselExample{
    height:36rem;
    .carousel-item{
      div{
        form{
          margin-right: 8rem;
       }
      }
     
    } 
  }
}
/* 默认设置 */
html {
  font-size: 16px !important; /* 1rem = 16px */
}
/* 手机设备 (最大宽度 480px) */
@media (max-width: 480px) {
  html {
    font-size: 8px !important; /* 1rem = 10px */
  }
  header {
    height: 7.375rem;
    .navBar {
      justify-content: space-between;
      .nav-item {
        display: none;
      }
    }
    .mobile_navBar {
      .btn {
        font-size: 1.875rem;
      }
    }
    .navBar_hide {
      display: block;
      font-size: 1.875rem;
    }
    img {
      width: 12.25rem;
      margin-left: 1.25rem;
    }
  }
  
  main .section.top_head {
    padding-top: 7.375rem;
  }
  .about_topease {
    img {
      width: 100%;
    }
  }
  .hide {
    display: none !important;
   }
}
/* 平板设备 (最大宽度 768px) */
@media (min-width: 481px) and (max-width: 549px) {
  html {
    font-size: 12px !important; /* 1rem = 12px */
  }
  header {
    .navBar {
      justify-content: space-between;
      .nav-item {
        display: none;
      }
      .nav-item.btns {
        display: block;
      }
      .navBar_hide {
        display: block;
      }
    }
    img {
      margin-left: 1.25rem;
    }
  }
  .about_topease {
    img {
      width: 100%;
    }
  }
  .contactUS {
    .contactUS_wrap {
      gap: 0;
      padding: 1.8125rem;
    }
  }
  .section.why_topease {
    .card_list_wrap {
      width: 100%;
      .card_list {
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: unset;
        .card {
          width: 55%;
          .card_header {
            flex-direction: row;
            > img {
              margin-left: 1.25rem;
              width: unset;
            }
          }
        }
      }
    }
  }
}
@media (min-width: 550px) and (max-width: 769px) {
  html {
    font-size: 14px !important; /* 1rem = 12px */
  }
  header {
    .navBar {
      justify-content: space-between;
      .nav-item {
        display: none;
      }
      .nav-item.btns {
        display: block;
      }
      .navBar_hide {
        display: block;
      }
    }
    img {
      margin-left: 1.25rem;
    }
  }
  .section.why_topease {
    .card_list_wrap {
      width: 100%;
      .card_list {
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: unset;
        .card {
          width: 55%;
          .card_header {
            flex-direction: row;
            > img {
              margin-left: 1.25rem;
              width: unset;
            }
          }
        }
      }
    }
  }
  .contactUS {
    .contactUS_wrap {
      gap: 0;
      padding: 1.8125rem;
    }
  }
}
/* 小屏设备 */
@media (min-width: 770px) and (max-width: 1200px) {
  header {
    .navBar {
      justify-content: space-between;
      .nav-item {
        display: none;
      }
      .nav-item.tel, .nav-item.btns {
        display: block;
      }
      .navBar_hide {
        display: block;
      }
    }
    img {
      margin-left: 1.25rem;
    }
  }
  .section.why_topease {
    .card_list_wrap {
      width: 100%;
      .card_list {
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: unset;
        .card {
          width: 55%;
          .card_header {
            flex-direction: row;
            > img {
              margin-left: 1.25rem;
              width: unset;
            }
          }
        }
      }
    }
  }
}
/* 适配 .section.topease_ad_new */
@media (max-width: 1200px) {
  .section.topease_ad_new {
    padding: 3rem 0;
    
    .ad_list_new {
      gap: 4rem;
    }

    .ad_card_new {
      flex-direction: column;
      gap: 1.5rem;
      margin-bottom: 0;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      
      .ad_card_img {
        order: -1; /* 强制图片在最上方 */
        width: 100%;
        display: flex;
        justify-content: center;
        
        img {
          width: 100%;
          max-width: 450px;
          height: auto;
        }
      }

      .ad_card_content {
        width: 100%;
        align-items: center;
        text-align: center;
        
        .ad_card_number {
          margin-bottom: 0.5rem;
        }
        
        .ad_card_title {
          font-size: 1.5rem;
          margin-bottom: 1rem;
        }

        .ad_card_desc {
          width: 100%;
          border-radius: 0.5rem;
          padding: 1.25rem;
          margin-bottom: 1.5rem;
          border-left: none !important;
          border-top: 4px solid #FF5B1A;
          background: #fff6ef;
          
          &::before {
            display: none;
          }
          
          p {
            text-align: justify;
            margin: 0;
          }
        }
        
        .ad_card_btn {
           width: 100%;
           max-width: 300px;
        }
      }
    }
  }
}

/* 小易AI页面适配 */
@media (max-width: 1200px) {
  .xiaoyiai-cards {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    
    .xiaoyiai-card {
      width: 48%; /* 一行两�?*/
      flex: none;
      margin-bottom: 15px;
      min-height: 220px;
      
      .xiaoyiai-card-icon {
        height: 160px;
        
        img {
          height: 140px;
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .xiaoyiai-cards {
    .xiaoyiai-card {
      width: 100%; /* 一行一�?*/
      margin-bottom: 15px;
      
      .xiaoyiai-card-title {
        font-size: 1.125rem;
        padding: 8px 20px;
      }
      
      .xiaoyiai-card-icon {
        height: 180px;
        
        img {
          height: 160px;
        }
      }
    }
  }
  
  .xiaoyiai-content {
    padding: 3rem 0 5rem;
    
    .xiaoyiai-header {
      margin-bottom: 2rem;
      
      .xiaoyiai-title {
        font-size: 2rem;
        flex-direction: column;
        gap: 0.5rem;
        margin-bottom: 1rem;
      }
      
      .xiaoyiai-subtitle {
        font-size: 1.125rem;
        padding: 0 1rem;
        margin-bottom: 2rem;
      }
    }
    
    .xiaoyiai-search {
      margin: 0 1rem 2rem;
      flex-direction: column;
      gap: 1rem;
      
      .xiaoyiai-input {
        padding-right: 1rem;
        height: 3rem;
      }
      
      .xiaoyiai-generate-btn {
        position: relative;
        width: 100%;
        right: auto;
        top: auto;
        transform: none;
        height: 3rem;
        
        &:hover {
          transform: translateY(-2px);
        }
      }
    }
    
    .xiaoyiai-suggestions {
      display: none; /* 移动端隐藏建议词，避免占用过多空?*/
    }
  }
}

/* 客户触达页面适配 */
@media (max-width: 1200px) {
  .section.reach_stats_bar {
    width: 96%;
    gap: 0;
    padding: 1.5rem 0;
    
    .reach_stats_item {
      padding: 0 0.5rem;
      flex: 1;
      justify-content: center;
      
      & > span {
         font-size: 0.9rem !important; 
         justify-content: center;
      }
    }
  }
}

@media (max-width: 768px) {
  /* 邓白氏数据 banner 字体适配 */
  main .section.top_head > .top_intro {
    span.hide {
      font-size: 1rem;
      strong {
        font-size: 1.5rem;
      }
    }
  }

  /* 邓白氏数据列表适配 */
  .section.DB_ad_2 .db_list .db_item {
    width: 100% !important;
  }

  .section.reach_stats_bar {
    flex-direction: column;
    width: 92%;
    transform: translateY(-1.5rem);
    margin: 0 auto 1rem;
    padding: 2rem 1rem;
    gap: 1.5rem;
    height: auto;
    
    .reach_divider {
      width: 100%;
      height: 1px;
      background: #f0f0f0;
      margin: 0;
    }
    
    .reach_stats_item {
      width: 100%;
      padding: 0;
      
      & > span {
        font-size: 1.1rem !important;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        line-height: 1.5;
        
        strong {
             font-size: 2.2em !important;
        }
      }
    }
  }
  
  .section.reach_intro {
    margin-top: 0 !important;
    padding-top: 0;
    
    h2 {
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }
    
    .intro_list {
      p {
        font-size: 0.9rem;
        line-height: 1.6;
        padding: 0 1rem;
        text-align: center;
        justify-content: center;
      }
    }
  }
  
  .section.yisou_ad {
    padding-top: 0;
    
    .yisou_list {
      .yisou_item {
        flex-direction: column;
        gap: 1.5rem;
        margin-bottom: 3rem;
        
        /* Reset order for all items so image is always on top or consistent */
        &:nth-child(odd), &:nth-child(even) {
          .imgs {
             justify-content: center;
             width: 100%;
          }
        }
        
        /* Ensure image is first visually if needed, or keep source order */
        .imgs {
           order: -1;
           
           img {
             max-width: 80%;
           }
        }
        
        .desc {
          width: 90%;
          text-align: center;
          
          span {
            font-size: 1.25rem;
            margin-bottom: 1rem;
            text-align: center;
            
            strong {
              font-size: 1.25rem;
              display: inline-block;
              margin-right: 0.5rem;
              margin-bottom: 0;
            }
          }
          
          p {
            text-align: justify;
            margin-bottom: 1.5rem;
          }
          
          .cta_btn {
            width: 100%;
            max-width: 200px;
          }
        }
      }
    }
  }
}

/* 新闻资讯卡片响应式 */
@media (max-width: 1200px) {
  .section.news-section {
    .news-cards {
      padding: 0 2rem;
      gap: 1rem;
    }
    
    .news-card {
      .news-card-img {
        height: 10rem;
      }
    }
  }
}

@media (max-width: 768px) {
  .section.news-section {
    padding: 2rem 0;
    
    .news-title {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
    }
    
    .news-cards {
      flex-direction: column;
      align-items: center;
      padding: 0 1rem;
      gap: 1.5rem;
    }
    
    .news-card {
      width: 100%;
      max-width: 100%;
      
      .news-card-img {
        height: 12rem;
      }
      
      .news-card-content {
        padding: 1rem;
        
        h3 {
          font-size: 1rem;
        }
        
        .news-card-list {
          span {
            font-size: 0.8rem;
          }
        }
      }
    }
  }
}