/* 合作伙伴展示部分动画效果 */

/* 增加行高1.5倍 */
.partners__inner {
  padding: 2rem 0; /* 增加每行的上下间距 */
  position: relative; /* 为下划线定位做准备 */
}

/* 下划线样式 */
.partners__inner::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 2%; /* 让下划线在容器中居中显示，宽度为96% */
  width: 96%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2); /* 下划线颜色 */
}

/* Logo动画容器 */
.partners__scroll {
  display: flex;
  overflow: hidden;
  width: 100%;
}

/* 向左滚动动画 */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* 向右滚动动画 */
@keyframes scrollRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

/* 向左移动的内容 */
.scroll-left {
  display: flex;
  animation: scrollLeft 35s linear infinite;
  min-width: 100%;
  padding: 0;
  margin: 0;
}

/* 向右移动的内容 */
.scroll-right {
  display: flex;
  animation: scrollRight 35s linear infinite;
  min-width: 100%;
  padding: 0;
  margin: 0;
}

/* 确保每个logo项目在动画过程中保持一致的间距和大小 */
.partners__scroll .partners__item {
  flex: 0 0 auto;
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 6 - 2rem); /* 平均分配空间，减去间距 */
  height: 4.5rem; /* 固定高度 */
}

/* Logo容器中的图片保持居中 */
.partners__scroll .partners__item img {
  max-width: 65%;
  max-height: 100%;
  object-fit: contain;
  filter: brightness(1);
  transition: filter 0.3s ease;
}

/* Logo悬停效果 */
.partners__scroll .partners__item:hover img {
  filter: brightness(1.2);
}

/* 移除原有的网格布局 */
.partners__inner.partners__scroll-container {
  display: block;
  margin-bottom: 0;
  padding-bottom: 2rem;
}

/* 调整滚动容器布局，确保无缝衔接 */
.partners__scroll {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
}

/* 使两组logo之间无缝连接 */
.partners__scroll > div:first-child {
  margin-right: 0;
}

.partners__scroll > div:last-child {
  margin-left: 0;
}

/* 暂停悬停动画 */
.partners__scroll:hover .scroll-left,
.partners__scroll:hover .scroll-right {
  animation-play-state: paused;
}