/* 员工风采 - Swiper 样式（独立） */

/* 隐藏旧版栅格内容，保留结构不影响其它样式 */
#staff-section .about-advantage > .container { display: none !important; }

.staff-swiper-block { margin-top: 24px; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }

.staff-swiper {
  width: 100% !important;
  height: 700px !important;
  position: relative; /* 让右下角箭头基于容器定位 */
}

.staff-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  background: #fff;
  height: 700px !important;
}

.staff-swiper .swiper-wrapper {
  height: 700px !important;
}

.staff-swiper .swiper-slide img {
  display: block;
  /* width: 100%; */
  height: 100% !important;
  object-fit: cover;
}

.staff-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));
  z-index: 5;
  text-align: left;
}

.staff-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px !important;
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(255,255,255,0.9);
  opacity: 1;
}
.staff-swiper .swiper-pagination-bullet-active {
  background: #00924a; /* 品牌绿 */
  border-color: #00924a;
  box-shadow: 0 0 0 3px rgba(0,146,74,0.12);
}
.staff-swiper .swiper-pagination { bottom: 14px !important; text-align: center; }

/* 左右箭头优化样式 */
.staff-swiper .swiper-button-prev,
.staff-swiper .swiper-button-next {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(0,0,0,0.38);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  z-index: 50;
  pointer-events: auto;
}
.staff-swiper .swiper-button-prev { left: 12px; }
.staff-swiper .swiper-button-next { right: 12px; }
.staff-swiper .swiper-button-prev:hover,
.staff-swiper .swiper-button-next:hover {
  background: linear-gradient(90deg, #00924a, #f09616);
  border-color: transparent;
  box-shadow: 0 4px 10px rgba(0,0,0,0.28);
}
.staff-swiper .swiper-button-prev:focus,
.staff-swiper .swiper-button-prev:active,
.staff-swiper .swiper-button-next:focus,
.staff-swiper .swiper-button-next:active {
  background: linear-gradient(90deg, #00924a, #f09616);
  border-color: transparent;
  box-shadow: 0 4px 10px rgba(0,0,0,0.28);
}
.staff-swiper .swiper-button-prev::after,
.staff-swiper .swiper-button-next::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.25));
}
.staff-swiper .swiper-button-prev::after { background-image: url('/images/left_arrow.png'); }
.staff-swiper .swiper-button-next::after { background-image: url('/images/right_arrow.png'); }

@media (max-width: 768px) {
  .staff-swiper .swiper-button-prev,
  .staff-swiper .swiper-button-next { width: 38px; height: 38px; }
  .staff-swiper .swiper-button-prev::after,
  .staff-swiper .swiper-button-next::after { width: 18px; height: 18px; }
}


/* 响应式高度与间距（统一容器高度，图片跟随填充） */
@media (max-width: 1280px) {
  .staff-swiper,
  .staff-swiper .swiper-wrapper,
  .staff-swiper .swiper-slide { height: 560px !important; }
}

@media (max-width: 1024px) {
  .staff-swiper,
  .staff-swiper .swiper-wrapper,
  .staff-swiper .swiper-slide { height: 420px !important; }
}

@media (max-width: 640px) {
  .staff-swiper,
  .staff-swiper .swiper-wrapper,
  .staff-swiper .swiper-slide { height: 320px !important; }
  .staff-caption { font-size: 15px; }
}
/* 标题居中（仅员工风采区） */
#staff-section .prd_01_t { text-align: center; }