/* ===== ka超级助理 · 远程对话Agent 样式（瑞华风格） ===== */
#ka-chat-root{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;}

/* 浮动触发按钮 */
#ka-fab{
  width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,#8B7BF0,#5B4BD6);color:#fff;
  box-shadow:0 6px 20px rgba(91,75,214,.45);
  display:flex;align-items:center;justify-content:center;font-size:26px;
  transition:transform .18s ease, box-shadow .18s ease;
}
#ka-fab:hover{transform:scale(1.06);box-shadow:0 10px 26px rgba(91,75,214,.55);}
#ka-fab .ka-badge{position:absolute;top:-2px;right:-2px;background:#FAAA6E;color:#3a2400;font-size:11px;font-weight:800;border-radius:999px;padding:1px 6px;box-shadow:0 2px 6px rgba(0,0,0,.2);}

/* 面板 */
#ka-panel{
  position:absolute;right:0;bottom:74px;width:372px;height:580px;max-height:calc(100vh - 110px);
  background:#fff;border-radius:16px;box-shadow:0 16px 48px rgba(16,24,40,.28);
  display:none;flex-direction:column;overflow:hidden;border:1px solid #e9e7fb;
}
#ka-panel.open{display:flex;animation:kaPop .18s ease;}
@keyframes kaPop{from{opacity:0;transform:translateY(12px) scale(.98);}to{opacity:1;transform:none;}}

/* 标题栏 */
.ka-head{background:linear-gradient(135deg,#5B4BD6,#8B7BF0);color:#fff;padding:13px 15px;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.ka-head .ka-ava{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.ka-head .ka-t{font-size:14.5px;font-weight:700;line-height:1.2;}
.ka-head .ka-s{font-size:11px;opacity:.85;margin-top:1px;}
.ka-head .ka-x{margin-left:auto;display:flex;gap:6px;}
.ka-head .ka-x button{width:30px;height:30px;border:none;border-radius:8px;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;}
.ka-head .ka-x button:hover{background:rgba(255,255,255,.32);}

/* 消息区 */
.ka-msgs{flex:1;overflow-y:auto;padding:14px 13px;background:#fafbff;display:flex;flex-direction:column;gap:11px;}
.ka-msg{display:flex;gap:8px;max-width:88%;}
.ka-msg .ka-mava{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#8B7BF0,#5B4BD6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.ka-bubble{padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;}
.ka-msg.bot .ka-bubble{background:#fff;border:1px solid #ece9fb;border-top-left-radius:3px;color:#1f2937;}
.ka-msg.user{margin-left:auto;flex-direction:row-reverse;}
.ka-msg.user .ka-bubble{background:linear-gradient(135deg,#5B4BD6,#8B7BF0);color:#fff;border-top-right-radius:3px;}
.ka-msg .ka-name{font-size:10px;color:#9aa0b5;margin-bottom:2px;}
.ka-typing{display:inline-flex;gap:3px;padding:4px 2px;}
.ka-typing i{width:6px;height:6px;border-radius:50%;background:#b9b2f0;animation:kaBlink 1.1s infinite;}
.ka-typing i:nth-child(2){animation-delay:.2s}.ka-typing i:nth-child(3){animation-delay:.4s}
@keyframes kaBlink{0%,60%,100%{opacity:.3;}30%{opacity:1;}}

/* 线索卡片 */
.ka-lead{margin-top:6px;background:#fff;border:1px solid #f0a76e;border-left:4px solid #FAAA6E;border-radius:10px;padding:10px 12px;font-size:12.5px;color:#374151;line-height:1.7;}
.ka-lead h4{font-size:12px;color:#c2631a;margin:0 0 6px;display:flex;align-items:center;gap:5px;}
.ka-lead .row{display:flex;gap:6px;}.ka-lead .row b{color:#6b7280;font-weight:600;min-width:46px;}
.ka-lead .ka-submit{margin-top:9px;width:100%;border:none;border-radius:8px;background:#FAAA6E;color:#3a2400;font-weight:700;padding:8px;cursor:pointer;font-size:12.5px;}
.ka-lead .ka-submit:hover{background:#ffbe8c;}
.ka-lead .ka-submit.done{background:#d1fae5;color:#065f46;}

/* 输入区 */
.ka-input{flex-shrink:0;border-top:1px solid #ece9fb;padding:10px 11px;background:#fff;display:flex;flex-direction:column;gap:8px;}
.ka-input textarea{flex:1;resize:none;border:1px solid #e2e0f5;border-radius:10px;padding:9px 11px;font-size:13.5px;font-family:inherit;line-height:1.5;max-height:90px;outline:none;color:#1f2937;}
.ka-input textarea:focus{border-color:#8B7BF0;box-shadow:0 0 0 3px rgba(139,123,240,.15);}
.ka-input .ka-bar{display:flex;align-items:center;gap:8px;}
.ka-input .ka-hint{font-size:10.5px;color:#9aa0b5;flex:1;}
.ka-input button.ka-send{border:none;border-radius:9px;background:linear-gradient(135deg,#5B4BD6,#8B7BF0);color:#fff;font-weight:700;padding:8px 16px;cursor:pointer;font-size:13px;}
.ka-input button.ka-send:disabled{opacity:.5;cursor:not-allowed;}

/* 设置抽屉 */
.ka-set{position:absolute;inset:0;background:#fff;display:none;flex-direction:column;z-index:2;}
.ka-set.open{display:flex;}
.ka-set .ka-sh{background:#1f2937;color:#fff;padding:12px 15px;font-size:14px;font-weight:700;display:flex;align-items:center;}
.ka-set .ka-sh button{margin-left:auto;background:rgba(255,255,255,.18);border:none;color:#fff;width:28px;height:28px;border-radius:7px;cursor:pointer;font-size:15px;}
.ka-set .ka-sb{padding:14px 15px;overflow-y:auto;display:flex;flex-direction:column;gap:13px;}
.ka-set label{font-size:12px;color:#4b5563;font-weight:600;display:block;margin-bottom:5px;}
.ka-set input{width:100%;border:1px solid #e2e0f5;border-radius:8px;padding:8px 10px;font-size:13px;outline:none;color:#1f2937;font-family:inherit;}
.ka-set input:focus{border-color:#8B7BF0;}
.ka-set .ka-tip{font-size:11px;color:#9aa0b5;line-height:1.6;background:#f7f6ff;border-radius:8px;padding:8px 10px;}
.ka-set .ka-save{margin-top:4px;border:none;border-radius:9px;background:linear-gradient(135deg,#5B4BD6,#8B7BF0);color:#fff;font-weight:700;padding:10px;cursor:pointer;font-size:13.5px;}
.ka-set .ka-save:hover{opacity:.92;}

/* 移动端适配 */
@media (max-width:480px){
  #ka-chat-root{right:12px;bottom:12px;}
  #ka-panel{width:calc(100vw - 24px);height:calc(100vh - 90px);right:0;bottom:74px;}
}
