/* 小图图Game Chatwoot 悬浮按钮样式 */
@keyframes customer-service-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@media (prefers-reduced-motion: no-preference) {
  .woot-widget-bubble:not(.woot--hide):not(.woot--close) {
    animation: customer-service-float 2.4s ease-in-out infinite !important;
  }
}

.woot-widget-bubble:not(.woot--hide):not(.woot--close) {
  overflow: visible !important;
  bottom: 34px !important;
}

.woot-widget-bubble:not(.woot--hide):not(.woot--close) > svg {
  display: none !important;
}

.woot-widget-bubble:not(.woot--hide):not(.woot--close)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 40px;
  transform: translate(-50%, -50%);
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 78'%3E%3Cpath fill='white' d='M40 4C19.8 4 4 14.6 4 29.4c0 9.8 6.8 18.3 17.4 23.1L17.8 66l15.1-8.6c2.3.4 4.7.6 7.1.6 20.2 0 36-10.6 36-25.4S60.2 4 40 4Z'/%3E%3Ccircle cx='28' cy='29' r='4.5' fill='%2352ab12'/%3E%3Ccircle cx='47' cy='29' r='4.5' fill='%2352ab12'/%3E%3Cpath fill='white' d='M63 25c17.7 0 32 9.5 32 21.2 0 6.8-4.9 12.9-12.5 16.8L85.2 75l-11-6.2c-3.5 1-7.3 1.5-11.2 1.5-17.7 0-32-9.5-32-21.2S45.3 25 63 25Z'/%3E%3Ccircle cx='54' cy='46' r='3.6' fill='%2352ab12'/%3E%3Ccircle cx='70' cy='46' r='3.6' fill='%2352ab12'/%3E%3C/svg%3E");
  pointer-events: none;
}

.woot-widget-bubble:not(.woot--hide):not(.woot--close)::after {
  content: "在线客服";
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
  color: #52ab12;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

/* 聊天窗口动画恢复到上一版稳定实现 */
.woot-widget-holder {
  transition: opacity .35s ease, transform .35s cubic-bezier(.22, .8, .25, 1) !important;
}

.woot-widget-holder:not(.woot--hide) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.woot-widget-holder.woot--hide {
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: translateY(100%) !important;
}

@media (prefers-reduced-motion: reduce) {
  .woot-widget-holder {
    transition: none !important;
  }
}

/* 手机端聊天窗口占屏幕底部 85%，顶部保留 15% 页面内容 */
@media screen and (max-width: 767px) {
  .woot-widget-holder {
    top: 15vh !important;
    bottom: 0 !important;
    height: 85vh !important;
    max-height: 85vh !important;
  }
}

/* 支持动态视口的手机浏览器：避开地址栏/底部工具栏造成的可视区域变化 */
@supports (height: 1dvh) {
  @media screen and (max-width: 767px) {
    .woot-widget-holder {
      top: 15dvh !important;
      height: 85dvh !important;
      max-height: 85dvh !important;
    }
  }
}