.action-btn {
    border: 1px solid rgb(188 181 184 / 20%);
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    color: #555;
  }

  .action-btn svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }

  /* 按钮组容器改为透明背景，只负责布局 */
  .button-group {
    display: flex;
    justify-content: space-between;
/*    margin: 10px 0;*/
  }

  .button-group .action-btn:first-child {
    margin-right: 10px;
  }


  /* 移除hover，添加active点击效果适配移动端 */
  .favorite-btn .active {
    color: red;
  }

  .contact-single-btn {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FF69B4 0%, #FF1493 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 105, 180, 0.3);
  }

  /* 移除hover，添加active点击效果 */
  .contact-single-btn:active {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 105, 180, 0.4);
  }

  .contact-single-btn svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  
  
  /* 收藏按钮基础样式 */
.favorite-btn {
    border: 1px solid rgb(188 181 184 / 20%);
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    color: #555;
}



/* SVG 图标默认样式（由 JS 控制 fill 属性，此处作为后备） */
.favorite-btn svg {
  width: 20px;
  height: 20px;
  transition: fill 0.2s ease;
}

/* 选中状态（已收藏） */
.favorite-btn.active {
  border-color: #fecaca;
  color: #ff7869;                 /* 红色文字 */
}

/* 选中状态下的 SVG 颜色（如果 JS 未完全控制 fill，可加此保证） */
.favorite-btn.active svg {
  fill: currentColor;             /* 继承父级文字颜色 */
  /* 若 SVG 内部使用了 stroke，可一并调整 */
  stroke: none;
}

/* 可选：点击时的反馈 */
.favorite-btn:active {
  transform: scale(0.96);
}