/* ===== 悬浮联系按钮组：容器 ===== */
  .float-contact-group {
    position: fixed;
    bottom: 28px;
    right: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 9999;
    pointer-events: none; /* 容器不拦截点击，只有按钮响应 */
  }

  /* ===== 按钮基础样式 ===== */
  .float-contact-btn {
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: transform 0.25s cubic-bezier(0.2, 0.9, 0.4, 1),
                box-shadow 0.3s ease,
                filter 0.2s ease;
  }

  .float-contact-btn:hover {
    transform: scale(1.1);
    filter: brightness(1.05);
  }

  .float-contact-btn:active {
    transform: scale(0.96);
  }

  /* ===== WhatsApp 按钮独立样式 ===== */
  .float-contact-btn--whatsapp {
    background: linear-gradient(145deg, #25D366 0%, #128C7E 100%);
    box-shadow: 0 8px 20px rgba(18, 140, 126, 0.4),
                0 4px 10px rgba(0, 0, 0, 0.1),
                inset 0 -2px 4px rgba(0, 0, 0, 0.1),
                inset 0 2px 4px rgba(255, 255, 255, 0.3);
  }

  .float-contact-btn--whatsapp:hover {
    box-shadow: 0 14px 26px rgba(18, 140, 126, 0.55),
                0 6px 14px rgba(0, 0, 0, 0.18),
                inset 0 -2px 6px rgba(0, 0, 0, 0.15),
                inset 0 2px 6px rgba(255, 255, 255, 0.4);
  }

  /* ===== 邮箱按钮独立样式 ===== */
  .float-contact-btn--email {
    background: linear-gradient(145deg, #2C3E50 0%, #1A2632 100%);
    box-shadow: 0 8px 20px rgba(26, 38, 50, 0.45),
                0 4px 10px rgba(0, 0, 0, 0.15),
                inset 0 -2px 4px rgba(0, 0, 0, 0.2),
                inset 0 2px 4px rgba(255, 255, 255, 0.08);
  }

  .float-contact-btn--email:hover {
    box-shadow: 0 14px 26px rgba(26, 38, 50, 0.6),
                0 6px 14px rgba(0, 0, 0, 0.25),
                inset 0 -2px 6px rgba(0, 0, 0, 0.25),
                inset 0 2px 6px rgba(255, 255, 255, 0.12);
  }

  /* ===== 图标通用样式 ===== */
  .float-contact-btn__icon {
    width: 30px;
    height: 30px;
    display: block;
    fill: currentColor;
    stroke: none;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
    transition: transform 0.2s ease;
  }

  .float-contact-btn:hover .float-contact-btn__icon {
    transform: scale(1.05);
  }

  /* 邮箱图标稍大一点 */
  .float-contact-btn--email .float-contact-btn__icon {
    width: 32px;
    height: 32px;
  }

  /* ===== 响应式：移动端缩小 ===== */
  @media (max-width: 640px) {
    .float-contact-group {
      bottom: 20px;
      right: 20px;
      gap: 14px;
    }
    .float-contact-btn {
      width: 54px;
      height: 54px;
    }
    .float-contact-btn__icon {
      width: 26px;
      height: 26px;
    }
    .float-contact-btn--email .float-contact-btn__icon {
      width: 28px;
      height: 28px;
    }
  }