/* 悬浮球容器 - 强制显示在右下角 */
#floating-ball-container {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 99999 !important; /* 提高层级，确保在最上层 */
  display: block !important;
}

/* 主悬浮球 - 绿色圆形 */
.floating-ball {
  width: 60px !important;
  height: 60px !important;
  background-color: #16a34a !important; /* 强制使用主色调 */
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(22, 163, 74, 0.5) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: white !important;
  font-size: 26px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 展开状态旋转效果 */
.floating-ball.active {
  transform: rotate(45deg) !important;
  background-color: #15803d !important;
}

/* 菜单容器 */
.floating-menu {
  position: absolute !important;
  bottom: 70px !important;
  right: 0 !important;
  display: none !important;
  flex-direction: column !important;
  gap: 15px !important;
}

/* 菜单展开状态 */
.floating-menu.active {
  display: flex !important;
  animation: menuFadeIn 0.3s ease !important;
}

/* 菜单项 */
.menu-item {
  width: 50px !important;
  height: 50px !important;
  background-color: white !important;
  border: 2px solid #16a34a !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #16a34a !important;
  font-size: 20px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}

.menu-item:hover {
  background-color: #f0fdf4 !important;
  transform: scale(1.1) !important;
}

/* 提示文字 */
.tooltip {
  position: absolute !important;
  right: 60px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: #1e293b !important;
  color: white !important;
  padding: 5px 10px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}
/* floating-ball.css 补充样式 */
#floating-ball {
  display: flex !important; /* 强制显示 */
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999; /* 确保在最上层 */
  /* 其他样式保持不变 */
}

/* 菜单展开动画 */
@keyframes menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}