/* 增强版漂浮AI Chat按钮 */
.floating-ai-chat-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(to right, #94d3eb, #c4b6fb);
    color: white;
    border: none;
    cursor: pointer;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 4px 20px rgba(134, 134, 134, 0.4),
        0 0 0 0 rgba(134, 134, 134, 0.7);
    transition: all 0.3s ease;
    z-index: 9999;
    outline: none;
    overflow: hidden;
    animation: advancedFloat 4s ease-in-out infinite; /* 改为使用 advancedFloat */
}

/* 组合动画：同时漂浮和呼吸 */
.floating-ai-chat-button.breathe {
    animation: 
        advancedFloat 4s ease-in-out infinite, /* 改为使用 advancedFloat */
        breathe 4s ease-in-out infinite;
}

@keyframes advancedFloat {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        transform: translateY(-8px) rotate(1deg);
    }
    50% {
        transform: translateY(-15px) rotate(0deg);
    }
    75% {
        transform: translateY(-8px) rotate(-1deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

/* 呼吸灯效果（可选，与漂浮动画组合） */
@keyframes breathe {
    0%, 100% {
        box-shadow: 
            0 4px 20px #b7e7fa,
            0 0 0 0 #b7e7fa;
    }
    50% {
        box-shadow: 
            0 6px 30px #e8f8ff,
            0 0 0 15px rgba(246, 253, 255, 0.4), /* 增大范围并添加透明度 */
            0 0 0 25px rgba(246, 253, 255, 0.2), /* 添加第二层更大的光晕 */
            0 0 0 35px rgba(246, 253, 255, 0.1); /* 添加第三层最大的光晕 */
    }
}
/* 响应式设计 */
@media (max-width: 768px) {
    .floating-ai-chat-button {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        font-size: 20px;
    }
    
    .floating-ai-chat-button i {
        font-size: 20px;
    }
    
    @keyframes float {
        0%, 100% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-8px); /* 移动端减小漂浮幅度 */
        }
    }
}

/* 确保按钮不会被其他元素遮挡 */
.floating-ai-chat-button {
    pointer-events: auto;
}