/* 核心：响应式客服按钮（适配所有设备） */
.support-btn{
      /* 固定定位，始终在右下角 */
      position: fixed;
      right: clamp(15px, 3vw, 30px); /* 响应式右边距：手机15px，PC30px */
      bottom: clamp(15px, 3vw, 30px); /* 响应式底边距：手机15px，PC30px */
      z-index: 9999; /* 置顶不被遮挡 */
      /* 响应式尺寸：手机48px，PC60px */
      width: clamp(48px, 5vw, 60px);
      height: clamp(48px, 5vw, 60px);
      border-radius: 50%; /* 圆形按钮 */
      /* 站点同款红紫渐变背景 */
      background: linear-gradient(138deg, rgb(119, 51, 160), rgb(85, 138, 225));
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border: none;
      outline: none;
      /* 阴影（响应式大小） */
      box-shadow: 0 clamp(2px, 1vw, 4px) clamp(8px, 2vw, 15px) rgba(220, 36, 48, 0.4);
      /* 过渡动画 */
      transition: all 0.3s ease;
}

    /* 悬浮效果（响应式放大） */
.support-btn:hover{
      transform: scale(clamp(1.03, 1.05vw, 1.05)); /* 手机放大1.03倍，PC1.05倍 */
      box-shadow: 0 clamp(3px, 1.5vw, 6px) clamp(10px, 2.5vw, 20px) rgba(220, 36, 48, 0.6);
}

    /* 按钮内图标（响应式大小） */
    .support-btn img {
      width: clamp(24px, 4vw, 30px);
      height: clamp(24px, 4vw, 30px);
      pointer-events: none; /* 防止点击图标失效 */
    }

    /* 可选：小屏（手机）下增加点击区域容错 */
    @media (max-width: 480px) {
      .support-btn {
        /* 手机端稍微增大点击区域 */
        width: 52px;
        height: 52px;
      }
    }

    /* 可选：大屏（平板/PC）优化 */
    @media (min-width: 768px) {
      .support-btn {
        /* 大屏下阴影更明显 */
        box-shadow: 0 4px 18px rgba(220, 36, 48, 0.5);
      }
    }