.ai-assistant-container {
&[data-v-d3a78ba8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  width: 83px;
  height: 32.8px;
  border-radius: var(--app-radius);
  cursor: pointer;
  transition: all var(--app-transition-slow);
  user-select: none;
  margin-top: 2px;

  /* 背景渐变 */
  background: linear-gradient(112deg, rgba(255, 255, 255, 0.4) 7%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(109deg, #e4e1fb 3%, #8fc1f8 107%);

  /* 悬停效果 / 面板打开时的激活态 */
}
&:hover,
  &.is-active {
&[data-v-d3a78ba8] {
    background: linear-gradient(109deg, #ccc6f9 3%, #0071fc 107%);
}
.ai-text[data-v-d3a78ba8] {
      color: var(--white-light-10) !important; /* 悬停时字体为白色（在渐变蓝紫色背景上） */
      background: none !important; /* 移除渐变背景 */
      -webkit-background-clip: unset !important;
      -webkit-text-fill-color: unset !important;
      background-clip: unset !important;
}
}
}
.ai-icon {
&[data-v-d3a78ba8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
img[data-v-d3a78ba8] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
}
.ai-text[data-v-d3a78ba8] {
  /* 字体样式 */
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: var(--app-font-weight-medium);
  line-height: 100%;
  letter-spacing: 0em;
  font-variation-settings: 'opsz' auto;

  /* 文字渐变 */
  background: linear-gradient(101deg, #0256ff 5%, #4d6bfe 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* 确保文字可读性 */
  white-space: nowrap;
  flex-shrink: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
.ai-assistant-container[data-v-d3a78ba8] {
    width: 75px;
    padding: 0 8px;
    gap: 4px;
}
.ai-icon[data-v-d3a78ba8] {
    width: 16px;
    height: 16px;
}
.ai-text[data-v-d3a78ba8] {
    font-size: 12px;
}
}