.pb-60 {
  padding-bottom: 60px;
}

/*-- 标题样式保持不变 --*/
.technician-area .carcity-section-title h4 {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-primary);
  line-height: 26px;
  text-transform: uppercase;
  padding-bottom: 11px;
}

.technician-area .carcity-section-title h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 54px;
  text-transform: capitalize;
  color: #fff;
}

/*-- 核心区域调整 --*/
.technician-area {
  padding: 90px 0 195px;
  background: #0d0e14;
}

.technician-area.team {
  background: #fff;
  padding: 100px 0 90px;
}

.technician-area.style-two {
  padding-bottom: 75px;
}

/* 1. 容器调整：极致压缩内边距，优化宽高比（上下更紧凑） */
.technician-single-box {
  padding: 10px; /* 进一步压缩内边距（原15px→10px），减少图片上下冗余 */
  background: #1e1f24;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 631px;
  aspect-ratio: 4 / 1.6; /* 更扁的比例（原4/1.8→4/1.6），大幅减少上下间距 */
  margin: 0 auto 20px; /* 缩小容器之间的垂直间距（原30px→20px） */
  border-radius: 4px;
  box-sizing: border-box;
}

/* 2. 图片容器再次放大：核心优化点 */
.technician-thumb {
  width: 210px; /* 显著放大（原180px→210px），提升图片占比 */
  height: 210px; /* 同步放大高度，保持正方形 */
  flex-shrink: 0; /* 禁止压缩，确保尺寸稳定 */
  margin: 0;
}
.technician-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持图片比例，避免变形 */
  border-radius: 4px;
  display: block;
}

/* 3. 左右间距进一步缩小：图片与文字间隙压缩 */
.technician-info-content {
  padding-left: 15px; /* 再次减小间距（原20px→15px） */
  flex: 1;
  overflow: hidden;
}

.technician-title h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 30px; /* 压缩行高（原34px→30px），减少文字区域高度 */
  color: #fff;
  margin-top: 0;
  margin-bottom: 5px; /* 缩小与下方文字的间距（原8px→5px） */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.technician-text p {
  padding: 0 0 5px; /* 压缩底部间距（原8px→5px） */
  margin: 0;
  color: var(--color-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 社交图标区域保持不变 */
.technician-social-info a {
  font-size: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #34353a;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
  margin-right: 6px;
  position: relative;
  z-index: 1;
}

.technician-social-info a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background: var(--color-primary);
  transform: scale(0);
  transition: 0.5s;
  border-radius: 3px;
}

.technician-social-info a:hover:before {
  transform: scale(1);
}

/*-- 响应式同步调整：各屏幕下保持优化效果 --*/
/* 大屏（992-1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
  .technician-title h3 {
    font-size: 19px;
    line-height: 28px;
  }
  .technician-single-box {
    max-width: 550px;
    aspect-ratio: 4 / 1.6;
    margin-bottom: 20px;
  }
  .technician-thumb {
    width: 170px; /* 按比例放大（原150px→170px） */
    height: 170px;
  }
  .technician-info-content {
    padding-left: 12px;
  }
}

/* 平板（768-991px） */
@media (min-width: 768px) and (max-width: 991px) {
  .technician-title h3 {
    font-size: 19px;
    line-height: 28px;
  }
  .technician-info-content {
    padding-left: 12px; /* 同步缩小左右间距 */
  }
  .technician-single-box {
    max-width: 480px;
    aspect-ratio: 4 / 1.6;
    margin-bottom: 20px;
  }
  .technician-thumb {
    width: 150px; /* 按比例放大（原130px→150px） */
    height: 150px;
  }
}

/* 大手机（600-767px） */
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .technician-area {
    padding: 65px 0 175px;
  }
  .technician-title h3 {
    font-size: 19px;
    line-height: 28px;
  }
  .technician-single-box {
    max-width: 420px;
    aspect-ratio: 3.5 / 1.6;
    margin-bottom: 20px;
  }
  .technician-thumb {
    width: 140px; /* 按比例放大（原120px→140px） */
    height: 140px;
  }
  .technician-info-content {
    padding-left: 12px;
  }
}

/* 小手机（480-599px）- 垂直布局 */
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .technician-area {
    padding: 65px 0 175px;
  }
  .technician-single-box {
    text-align: center;
    max-width: 380px;
    aspect-ratio: 3 / 2.2; /* 垂直布局下压缩高度（原3/2.5→3/2.2） */
    flex-direction: column;
    padding: 10px; /* 压缩内边距 */
    margin-bottom: 20px;
  }
  .technician-thumb {
    width: 160px; /* 垂直布局放大（原140px→160px） */
    height: 160px;
    margin-bottom: 10px; /* 压缩图片与文字的垂直间距（原15px→10px） */
  }
  .technician-info-content {
    padding-left: 0;
  }
}

/* 最小手机（320-479px）- 垂直布局 */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .technician-area .carcity-section-title h2 {
    font-size: 25px;
    line-height: 28px;
  }
  .technician-area .carcity-section-title h4 {
    font-size: 15px;
    line-height: 26px;
    padding-bottom: 0;
  }
  .technician-area {
    padding: 65px 0 175px;
  }
  .technician-single-box {
    text-align: center;
    max-width: 320px;
    aspect-ratio: 3 / 2.2;
    flex-direction: column;
    padding: 10px;
    margin-bottom: 20px;
  }
  .technician-thumb {
    width: 140px; /* 垂直布局放大（原120px→140px） */
    height: 140px;
    margin-bottom: 10px; /* 压缩垂直间距 */
  }
  .technician-info-content {
    padding-left: 0;
  }
}