/* 核实网在线客服 2026-11-11 */
#hw-chat-btn{position:fixed;right:18px;bottom:18px;z-index:99990;width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#2b6de8,#1e56c8);border:none;cursor:pointer;box-shadow:0 6px 20px rgba(43,109,232,.45);
  display:flex;align-items:center;justify-content:center;transition:transform .2s}
#hw-chat-btn:hover{transform:scale(1.08)}
#hw-chat-btn svg{width:28px;height:28px;fill:#fff}
#hw-chat-btn .hw-chat-close{display:none}
#hw-chat-btn.open .hw-chat-open{display:none}
#hw-chat-btn.open .hw-chat-close{display:block}

#hw-chat-panel{position:fixed;right:16px;bottom:86px;z-index:99990;width:340px;max-width:calc(100vw - 24px);
  height:520px;max-height:calc(100vh - 120px);background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,.22);display:none;flex-direction:column;font-family:inherit}
#hw-chat-panel.open{display:flex;animation:hw-chat-in .22s ease}
@keyframes hw-chat-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.hw-chat-head{background:linear-gradient(135deg,#2b6de8,#1e56c8);color:#fff;padding:14px 16px}
.hw-chat-head .t{font-size:16px;font-weight:600}
.hw-chat-head .s{font-size:12px;opacity:.85;margin-top:2px}

.hw-chat-msgs{flex:1;overflow-y:auto;padding:12px;background:#f5f7fb;display:flex;flex-direction:column;gap:10px}
.hw-chat-row{display:flex;gap:8px;align-items:flex-start}
.hw-chat-row.me{justify-content:flex-end}
.hw-chat-bubble{max-width:78%;padding:9px 12px;border-radius:10px;font-size:13.5px;line-height:1.55;word-break:break-word;white-space:pre-wrap}
.hw-chat-row.bot .hw-chat-bubble{background:#fff;color:#333;border:1px solid #e5e9f0;border-top-left-radius:3px}
.hw-chat-row.me .hw-chat-bubble{background:#2b6de8;color:#fff;border-top-right-radius:3px}
.hw-chat-bubble a{color:#2b6de8}
.hw-chat-row.me .hw-chat-bubble a{color:#fff;text-decoration:underline}
.hw-chat-typing{font-size:12px;color:#999;padding:4px 2px}
.hw-chat-typing span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bbb;margin-right:3px;animation:hw-blink 1.2s infinite}
.hw-chat-typing span:nth-child(2){animation-delay:.2s}
.hw-chat-typing span:nth-child(3){animation-delay:.4s}
@keyframes hw-blink{0%,80%,100%{opacity:.3}40%{opacity:1}}

.hw-chat-chips{padding:0 12px 8px;background:#f5f7fb;display:flex;flex-wrap:wrap;gap:6px}
.hw-chat-chip{border:1px solid #c9d7ef;background:#fff;color:#2b6de8;font-size:12px;border-radius:14px;
  padding:4px 10px;cursor:pointer;transition:background .15s}
.hw-chat-chip:hover{background:#e8f0fe}

.hw-chat-inputbar{display:flex;gap:8px;padding:10px;border-top:1px solid #e5e9f0;background:#fff}
.hw-chat-inputbar input{flex:1;border:1px solid #d8dfeb;border-radius:8px;padding:8px 10px;font-size:13.5px;outline:none}
.hw-chat-inputbar input:focus{border-color:#2b6de8}
.hw-chat-inputbar button{background:#2b6de8;color:#fff;border:none;border-radius:8px;padding:8px 14px;
  font-size:13.5px;cursor:pointer}
.hw-chat-inputbar button:disabled{opacity:.5;cursor:not-allowed}

.hw-chat-leave{padding:12px;border-top:1px solid #e5e9f0;background:#fff}
.hw-chat-leave .hint{font-size:12.5px;color:#666;margin-bottom:8px}
.hw-chat-leave input,.hw-chat-leave textarea{width:100%;box-sizing:border-box;border:1px solid #d8dfeb;
  border-radius:8px;padding:8px 10px;font-size:13.5px;margin-bottom:8px;outline:none;resize:vertical}
.hw-chat-leave input:focus,.hw-chat-leave textarea:focus{border-color:#2b6de8}
.hw-chat-leave button{width:100%;background:#2b6de8;color:#fff;border:none;border-radius:8px;
  padding:9px;font-size:14px;cursor:pointer}
.hw-chat-leave .back{background:none;color:#2b6de8;border:none;margin-top:6px;font-size:12.5px;
  cursor:pointer;width:auto;padding:4px}

@media (max-width:480px){
  #hw-chat-panel{right:8px;left:8px;bottom:80px;width:auto;height:65vh}
  #hw-chat-btn{right:12px;bottom:12px}
}