/* ═══════════ 客服 ═══════════ */
.chat-container{max-width:700px;margin:0 auto;background:#fff;border-radius: var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:65vh;box-shadow:0 2px 16px rgba(10,42,94,.06)}
.chat-header{padding:16px 20px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;font-weight:600;display:flex;align-items:center;gap:10px;font-size:16px}
.chat-messages{flex:1;overflow-y:auto;padding:20px 20px 40px;display:flex;flex-direction:column;gap:12px;background:#f8fafc}
.chat-msg{max-width:75%;padding:10px 16px;border-radius:var(--radius);font-size:14px;line-height:1.7}
.chat-msg.user{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.chat-msg.bot{background:#fff;color:var(--text);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.chat-input-area{display:flex;padding:12px 16px;border-top:1px solid rgba(0,0,0,.06);gap:8px}
.chat-input-area input{flex:1;padding:10px 16px;background:#f8fafc;border:1px solid rgba(0,0,0,.08);border-radius: var(--radius-xl);color:var(--text);font-size:14px;outline:none}
.chat-input-area input:focus{border-color:var(--gold)}
.chat-input-area button{padding:10px 24px;background:var(--gold);border:none;border-radius: var(--radius-xl);color:#fff;font-weight:600;cursor:pointer;transition:.2s}
.chat-input-area button:hover{opacity:.9}
/* ═══════════ 客服侧边栏 ═══════════ */
.chat-sidebar{width:360px;background:#fff;border-left:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}
.chat-sidebar-tabs{display:flex;border-bottom:2px solid rgba(0,0,0,.06)}
.cstab{flex:1;padding:12px;border:none;background:none;font-size:13px;cursor:pointer;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-2px;transition:.15s}
.cstab.active{color:var(--navy);border-bottom-color:var(--gold);font-weight:600}
.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}
.chat-chip{padding:6px 14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);font-size:12px;color:var(--blue);cursor:pointer;transition:.15s}
.chat-chip:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
@media(max-width:900px){
  .chat-sidebar{width:100%;border-left:none;border-top:1px solid rgba(0,0,0,.06)}
}