/* Start custom CSS */.quote-btn {
  position: absolute;
  top: 50%;                          /* 图片垂直居中 */
  left: 50%;                         /* 图片水平居中 */
  transform: translate(-50%, -50%);  /* 精确居中 */
  opacity: 0;

  background: #382d5e;               /* 默认深紫色 */
  color: #fff;
  font-size: 0.8rem;                 /* 合适字体 */
  padding: 6px 18px;                 /* 药丸效果：横向更长，纵向更紧凑 */
  border-radius: 999px;              /* 无限圆角 → 药丸形状 */
  text-decoration: none;
  font-weight: 600;

  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
}

.quote-btn svg {
  width: 12px;
  height: 12px;
  margin-left: 6px;                  /* 文字和箭头间距 */
}

.product-card:hover .quote-btn {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05); 
  background: #c84449;               /* 悬停变红 */
}/* End custom CSS */