/* SinoPipe 自有在线咨询组件（style2 镜像页专用，独立于主站 style.css） */
.sp-chat-fab{position:fixed;right:26px;bottom:26px;z-index:950;height:58px;border-radius:30px;background:#f5a623;border:none;box-shadow:0 12px 30px rgba(245,166,35,.5);cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 18px 0 14px;transition:.25s;color:#0d1b2e;font-family:'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif}
.sp-chat-fab .sp-chat-icon{font-size:24px;line-height:1}
.sp-chat-fab .sp-chat-fab-label{font-size:13px;font-weight:800;white-space:nowrap}
.sp-chat-fab:hover{transform:scale(1.05)}
.sp-chat-fab.has-unread::after{content:"";position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#e53e3e;border:2px solid #fff;animation:sp-pulse-dot 1.6s infinite}
@keyframes sp-pulse-dot{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.sp-chat-panel{position:fixed;right:26px;bottom:98px;z-index:950;width:330px;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(13,27,46,.18);border:1px solid #e3e8ef;overflow:hidden;display:none;flex-direction:column;font-family:'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif}
.sp-chat-panel.open{display:flex;animation:sp-chat-pop .32s cubic-bezier(.2,.9,.3,1.15)}
@keyframes sp-chat-pop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.sp-chat-head{background:#0d1b2e;color:#fff;padding:16px 18px;display:flex;gap:12px;align-items:center}
.sp-chat-head .sp-avatar{width:38px;height:38px;border-radius:50%;background:#f5a623;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.sp-chat-head b{font-size:15px}
.sp-chat-head small{display:block;font-size:12px;color:#8fe3a1;font-weight:600}
.sp-chat-head .sp-chat-mute{margin-left:auto;background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:6px;opacity:.85;line-height:1}
.sp-chat-head .sp-chat-mute:hover{opacity:1}
.sp-chat-head .sp-chat-close{background:none;border:none;color:#fff;font-size:15px;cursor:pointer;padding:6px 4px 6px 8px;opacity:.85;line-height:1;margin-left:2px}
.sp-chat-head .sp-chat-close:hover{opacity:1}
.sp-chat-body{padding:18px;flex:1;background:#f6f7f9;min-height:220px;max-height:300px;overflow-y:auto}
.sp-chat-msg{max-width:82%;padding:10px 14px;border-radius:12px;font-size:14px;margin-bottom:10px;line-height:1.55}
.sp-chat-msg.bot{background:#fff;border:1px solid #e3e8ef;border-bottom-left-radius:4px}
.sp-chat-msg.user{background:#0d1b2e;color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.sp-chat-input{display:flex;border-top:1px solid #e3e8ef}
.sp-chat-input input{flex:1;border:none;padding:14px 16px;font-size:14px;font-family:inherit;outline:none;background:#fff;color:#0d1b2e;min-width:0}
.sp-chat-input button{background:#f5a623;border:none;padding:0 18px;font-size:18px;cursor:pointer;color:#0d1b2e}
.sp-wa-fab{position:fixed;left:26px;bottom:26px;z-index:949;height:58px;border-radius:30px;background:#25d366;border:none;box-shadow:0 10px 26px rgba(37,211,102,.45);cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 18px 0 14px;transition:.25s;text-decoration:none;color:#fff;font-weight:800;font-family:'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif}
.sp-wa-fab:hover{transform:scale(1.05)}
.sp-wa-fab svg{width:28px;height:28px;fill:#fff;flex-shrink:0}
.sp-wa-fab .sp-wa-fab-label{font-size:13px;white-space:nowrap}
@media (max-width:760px){
  .sp-chat-panel{width:calc(100vw - 40px);right:20px}
  .sp-chat-fab{height:52px;padding:0 12px 0 10px;right:18px;bottom:18px}
  .sp-chat-fab .sp-chat-fab-label{display:none}
  .sp-wa-fab{left:18px;bottom:18px;height:46px;padding:0 12px 0 10px}
  .sp-wa-fab svg{width:24px;height:24px}
  .sp-wa-fab .sp-wa-fab-label{font-size:12px}
}