/* 图片和按钮的容器 */
.tag-title {
  display: inline-flex;
  align-items: center; /* 垂直居中对齐图片和按钮 */
  gap: 12px;           /* 图片和按钮之间间距稍微拉开一点 */
}

/* 按钮容器 */
.zhiboyuan8 {
  display: flex;       /* 横向排列按钮 */
  gap: 12px;           /* 按钮之间间距加大 */
}

/* 每个按钮样式 */
.zhiboyuan8 a {
  display: inline-block;
  padding: 4px 10px;  /* 按钮缩小一点 */
  background: linear-gradient(135deg, #ff7eb9, #ff758c); /* 粉橙渐变，更吸引人 */
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 20px;
  text-decoration: none;
  cursor: pointer;
  animation: breathe 2s infinite alternate;
  transition: transform 0.3s, box-shadow 0.3s;
  font-size: 12px; /* 字体稍微小一点 */
}

/* 呼吸动画 */
@keyframes breathe {
  0% {
    transform: scale(1);
    box-shadow: 0 0 5px rgba(255, 126, 185, 0.3);
  }
  100% {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 126, 185, 0.5);
  }
}

/* 悬浮效果 */
.zhiboyuan8 a:hover {
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(255, 126, 185, 0.7);
}

/* 手机端适配 */
@media screen and (max-width: 768px) {
  .tag-title {
    flex-direction: column; /* 手机端竖直排列 */
    align-items: flex-start;
  }
  .zhiboyuan8 {
    flex-wrap: wrap;       /* 换行显示按钮 */
    gap: 8px;
    margin-top: 6px;
  }
  .zhiboyuan8 a {
    padding: 4px 8px;
    font-size: 11px;
  }
}