/* ✅ 聊天按钮 */
#ai-chat-toggle{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background:#fff;
border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:24px;

cursor:pointer;
z-index:999999 !important;

/* ✅ 阴影 */
box-shadow:0 6px 20px rgba(0,0,0,0.15);

/* ✅ 过渡动画 */
transition:all 0.25s ease;

/* ✅ 呼吸动画（轻） */
animation: aiFloat 3s ease-in-out infinite;
}

/* ✅ 主窗口 */
#ai-chat-box{
position:fixed;
right:20px;
bottom:90px;
width:360px;
height:500px;
background:#fff;
border-radius:12px;
display:none;
flex-direction:column;
overflow:hidden;
z-index:999999 !important;
}

/* ✅ header布局 */
#ai-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px;
border-bottom:1px solid #eee;
}

/* ✅ 左侧块 */
.ai-header-left{
display:flex;
align-items:center;
gap:10px;
}

/* ✅ 头像（修复灰色问题） */
.ai-avatar{
width:36px;
height:36px;
border-radius:50%;
background:url('https://ui-avatars.com/api/?name=Admissions&background=2d7ff9&color=fff') center/cover no-repeat;
}

/* ✅ 标题 */
.ai-title{
font-size:14px;
font-weight:500;
color:#333;
}

/* ✅ 在线状态 */
.ai-online{
font-size:11px;
color:#4caf50;
}

/* ✅ 关闭按钮（修复像文字问题） */
#ai-close{
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
cursor:pointer;
font-size:16px;
color:#666;
transition:all 0.2s ease;
}

#ai-close:hover{
background:#f0f0f0;
color:#333;
}

/* ✅ 聊天内容 */
#ai-body{
flex:1;
padding:12px;
overflow:auto;
background:#f5f5f5;
}

/* ✅ 消息 */
.chat-msg{
margin-bottom:10px;
}

/* 用户消息右对齐 */
.chat-msg.user{
text-align:right;
}

/* ✅ 气泡 */
.chat-bubble{
display:inline-block;
padding:8px 12px;
border-radius:12px;
background:#eee;
font-size:13px;
max-width:75%;
}

/* ✅ 用户气泡 */
.chat-msg.user .chat-bubble{
background:#2d7ff9;
color:#fff;
}

/* ✅ 输入区 */
#ai-input-wrap{
display:flex;
border-top:1px solid #eee;
}

#ai-input{
flex:1;
padding:10px;
border:none;
outline:none;
font-size:14px;
}

/* ✅ 发送按钮 */
#ai-send{
padding:10px 12px;
cursor:pointer;
color:#2d7ff9;
font-size:18px;
}

@keyframes aiFloat{
0%{transform:translateY(0);}
50%{transform:translateY(-3px);}
100%{transform:translateY(0);}
}

#ai-chat-toggle:hover{
transform:translateY(-5px) scale(1.05);
box-shadow:0 12px 30px rgba(0,0,0,0.3);
}

#ai-chat-toggle:active{
transform:scale(0.92);
box-shadow:0 4px 10px rgba(0,0,0,0.2);
}

#ai-chat-toggle{
animation: aiFloat 3s ease-in-out infinite, aiPulseIcon 2s infinite;
}

@keyframes aiPulseIcon{
0%{filter:brightness(1);}
50%{filter:brightness(1.15);}
100%{filter:brightness(1);}
}