/*  全局基础样式 (所有设备生效)  */
.product_detail_section {
  padding: 60px 0;
  color: #333;
}

/* [Page 3] 强制红色按钮和圆点居中 */
.comp_group {
  display: flex;
  flex-direction: column;
  align-items: center !important;
}
.comp_btn {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* [Page 1] 列表 Flex 布局 */
.advantage-row {
  display: flex;
  flex-wrap: wrap;
}
.advantage-row > .col {
  display: flex;
  flex-direction: column;
}
.advantage_item {
  flex: 1; 
  width: 100%;
  margin-bottom: 20px !important;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* [Page 1] 图标防挤扁 */
.pain_point_list .col {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.pain_icon {
  display: block;
  margin: 0 auto 10px;
  transition: transform 0.3s ease;
}

/* 图片自适应 */
.img-responsive {
  max-width: 100%;
  height: auto !important;
  display: block;
  margin: 20px auto;
  object-fit: contain;
}


/* 平板 & 电脑端布局修复 (屏幕 >= 768px)*/
@media (min-width: 768px) {
  .vertical-align-wrap {
    display: flex;
    align-items: center; /* 垂直居中 */
    flex-wrap: wrap;
  }

  .vertical-align-wrap::before,
  .vertical-align-wrap::after {
    display: none !important;
  }

  .vertical-align-wrap > .col:first-child {
    width: 50% !important;
    float: left;
  }
  .vertical-align-wrap > .col:last-child {
    width: 50% !important;
    float: left;
  }
  
  /* Page 1 特殊比例 */
  .vertical-align-wrap > .col-md-8 {
      width: 66.66666667% !important;
  }
  .vertical-align-wrap > .col-md-4 {
      width: 33.33333333% !important;
  }
}


/* 手机端适配 (屏幕 <= 767px)  */
@media screen and (max-width: 767px) {
  
  .product_detail_section {
    padding: 30px 0 !important;
  }

  .product_detail_section .row[style*="margin-top"] {
      margin-top: 20px !important;
  }

  /*  字体缩小 & 标题扶正 */
  .h2_title, .main_title, .main_title_text, .main_title_box {
    font-size: 20px !important; 
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
    border-left-width: 4px !important;
    padding-left: 10px !important;
  }
  
  .h2_title span, .title_tag, .main_title_tag {
    font-size: 12px !important;
    padding: 2px 10px !important;
    margin-left: 5px !important;
    display: inline-block;
    transform: none !important; 
    font-style: normal !important; 
    font-weight: normal !important;
    background: #7F303D !important;
    color: #fff !important;
  }
  .title_tag span {
      display: inline-block !important;
      transform: none !important;
      font-style: normal !important;
      white-space: nowrap !important; 
  }

  /*  小标题缩小 */
  .section_title, .sub_title, .intro_title_special, .app_item_title, .info_title, .feat_name, .system_name, .dual_strong {
    font-size: 17px !important;
    margin: 20px 0 10px !important;
    flex-wrap: wrap; 
  }
  .section_subtitle, .en_sub {
    font-size: 12px !important;
    display: block; 
    width: 100%;
    margin-left: 0 !important;
    margin-top: 5px !important;
  }

  /* 正文缩小 */
  .intro_text, .product_intro, .product_intro_text, .info_text, .dual_p, .system_desc, .app_item_desc, .feat_desc, .feature_list li, .safety_table td, .advantage_item p, .check_item {
    font-size: 14px !important; 
    line-height: 1.6 !important;
    text-indent: 0 !important;
    text-align: left !important; 
  }

  /*  组件适配 */
  .composition_wrapper { margin: 20px auto !important; }
  .comp_btn { font-size: 12px !important; padding: 5px 0 !important; width: 90% !important; }
  .dual_prevent_box { padding: 15px !important; }
  .check_item { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; }

  .img_box.jinglingtu, 
  .img_box.jinglingtu2 {
    padding-top: 75% !important; 
    height: 0 !important; 
    background-size: 206% auto !important; 
    background-repeat: no-repeat !important;
  }
  .img_box.jinglingtu { background-position: 0 0 !important; }
  .img_box.jinglingtu2 { background-position: 100% 0 !important; }

  .img_box, .placeholder_img, .placeholder_box {
    margin-bottom: 20px !important;
    height: auto !important; 
    min-height: 0 !important; 
  }
  
  /*痛点图标微调 */
  .pain_point_item .pain_icon {
    transform: scale(0.7) !important; 
    transform-origin: center top !important;
    margin-bottom: -35px !important; 
  }
  .pain_point_item dl dd {
      font-size: 12px !important;
      white-space: nowrap; 
      overflow: visible;
  }
  .pain_point_item {
      margin-bottom: 15px !important;
  }

  /* 图片大小控制 */
  .vertical-align-wrap .col-md-4 .img-responsive {
      max-width: 70% !important; 
      margin: 10px auto !important; 
  }
  .vertical-align-wrap .col-md-6 .img-responsive {
      max-width: 100% !important; 
      margin: 15px auto !important; 
  }
  .advantage-row > .col { width: 50% !important; }
}