/* 在线客服聊天样式 */
:root{
  --primary:#f97316;
  --bg:rgba(7,14,30,0.95);
  --muted:#9ca3af;
}
/* 浮动按钮 */
.chat-float-btn{
  position:fixed !important;
  right:18px !important;
  bottom:18px !important;
  z-index:9999 !important;
  display:block !important;
}
.chat-float-btn button{
  width:64px !important;
  height:64px !important;
  border-radius:32px !important;
  background:var(--primary) !important;
  border:none !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:16px !important;
  cursor:pointer !important;
  box-shadow:0 6px 18px rgba(0,0,0,.25) !important;
}
/* 聊天弹窗 */
.chat-modal{
  position:fixed !important;
  right:18px !important;
  bottom:90px !important;
  width:360px !important;
  max-width:92vw !important;
  height:520px !important;
  max-height:86vh !important;
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 14px 40px rgba(2,6,23,.45) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  z-index:9999 !important;
  transform:translateY(10px);
  transition:transform .18s ease,opacity .12s ease;
}
.chat-modal.hidden{display:none !important}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(90deg,#0f172a,#0b1220);color:#fff}
.chat-header .title{font-weight:700}
.chat-messages{flex:1;padding:12px;overflow:auto;background:linear-gradient(180deg,#f8fafc,#eef2f7)}
.message{max-width:78%;margin-bottom:10px;padding:10px 12px;border-radius:12px;word-break:break-word}
.message.me{background:linear-gradient(90deg,var(--primary),#ef6d3a);color:#fff;margin-left:auto}
.message.other{background:#f3f4f6;color:#0b1220}
.chat-input{padding:10px;border-top:1px solid #e6e7eb;display:flex;gap:8px;align-items:center}
.chat-input input[type=text]{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #e6e7eb;font-size:14px}
.icon-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e6e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.file-preview{max-width:160px;border-radius:8px;margin-top:6px}
.timestamp{display:block;font-size:11px;color:var(--muted);margin-top:6px}

/* 小屏适配 */
@media (max-width:480px){
  .chat-modal{right:6px !important;left:6px !important;bottom:12px !important;width:auto !important;height:78vh !important;max-height:78vh !important;border-radius:10px !important}
  .chat-float-btn button{width:56px !important;height:56px !important;border-radius:28px !important}
}