/* Sponsors 滚动容器 */
.sponsor-box {
  border-radius: 20px;
  padding: 10px;
  overflow: hidden;
  max-width: 100%;
  height: 200px;
  position: relative;
}

.sponsor-scroll {
  display: flex;
  gap: 2rem;
  width: max-content; /* 保证宽度等于内容总和 */
  animation: scroll-left 30s linear infinite; /* 动画时间可以调快/慢 */
}

.sponsor-scroll img {
  height: 120px;
  flex-shrink: 0;
  border-radius: 12px;
  background: white;
  padding: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Safari / Chrome 隐藏滚动条 */
.sponsor-box::-webkit-scrollbar {
  display: none;
}

/* Firefox 隐藏滚动条 */
.sponsor-box {
  scrollbar-width: none;
}

/* Social links 容器 */
.social-links {
  display: flex;
  justify-content: center; /* ✅ 居中 */
  gap: 12px;               /* 按钮间距 */
  margin-top: 10px;
}

/* 社交按钮基础样式 —— 方形圆角 */
.social-btn {
  width: 48px;
  height: 48px;
  border-radius: 10px;          /* 方形 + 圆角 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.25s ease, transform 0.15s ease;
  background-color: #FFF8F1;   /* 按钮底色 */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;        /* 控制图标大小 */
}

/* hover 效果 */
.social-btn:hover {
  transform: translateY(-2px);
  background-color: #F5E6D8;
}

/* 微信按钮 */
.social-btn.weixin {
  background-image: url("https://static.igem.wiki/teams/5715/footer/weixin.webp");
}

/* 小红书按钮 */
.social-btn.xiaohongshu {
  background-image: url("https://static.igem.wiki/teams/5715/footer/xiaohongshu-2.webp");
}


/* 滚动动画 */
@keyframes scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); } /* 移动一半，刚好第一组滚完 */
}