#chlc-btn{position:fixed;right:22px;bottom:22px;z-index:99990;width:60px;height:60px;border-radius:50%;background:#0a1628;color:#c8a45c;border:1px solid #c8a45c;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:transform .2s}
#chlc-btn:hover{transform:translateY(-2px)}#chlc-btn svg{width:26px;height:26px}
#chlc-btn .chlc-dot{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:9px;background:#c8a45c;color:#0a1628;font:600 11px/18px system-ui,sans-serif;text-align:center;display:none}
#chlc-panel{position:fixed;right:22px;bottom:96px;z-index:99991;width:370px;height:560px;max-height:calc(100vh - 120px);background:#f7f5f0;color:#0a1628;border:1px solid #d9cfbf;box-shadow:0 24px 60px rgba(0,0,0,.28);display:none;flex-direction:column;font:14px/1.55 "Helvetica Neue",Arial,system-ui,sans-serif}
#chlc-panel.open{display:flex}
.chlc-head{background:#0a1628;color:#f7f5f0;padding:18px 20px 16px;border-bottom:2px solid #c8a45c;position:relative}
.chlc-head h3{margin:0;font:500 24px/1.1 "Noto Serif SC","Songti SC",serif;letter-spacing:.04em;color:#f7f5f0}
.chlc-head p{margin:6px 0 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c8a45c}
.chlc-head p:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#c8a45c;margin-right:7px;vertical-align:1px}
.chlc-head.off p:before{background:#777}
.chlc-x{position:absolute;right:14px;top:14px;background:none;border:0;color:#f7f5f0;font-size:24px;cursor:pointer;line-height:1;padding:4px}
.chlc-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.chlc-m{max-width:82%;padding:10px 13px;white-space:pre-wrap;word-wrap:break-word}
.chlc-m.agent,.chlc-m.system{align-self:flex-start;background:#fff;border:1px solid #e4dccd}
.chlc-m.visitor{align-self:flex-end;background:#0a1628;color:#f7f5f0}
.chlc-m small{display:block;font-size:10px;opacity:.55;margin-top:3px}
.chlc-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.chlc-quick button{background:transparent;border:1px solid #c8a45c;color:#0a1628;padding:6px 11px;font-size:12px;cursor:pointer;border-radius:0}
.chlc-quick button:hover{background:#c8a45c;color:#fff}
.chlc-foot{border-top:1px solid #e1d8c8;padding:10px 12px;background:#fbf8f3}
.chlc-ident{display:none;gap:6px;margin-bottom:8px;flex-direction:column}.chlc-ident.show{display:flex}
.chlc-ident .chlc-note{font-size:12px;color:#7a6440}
.chlc-foot input,.chlc-foot textarea{width:100%;box-sizing:border-box;border:1px solid #d9cfbf;background:#fff;color:#0a1628;padding:9px 10px;font:14px/1.4 inherit;font-family:inherit;border-radius:0;outline:none}
.chlc-foot input:focus,.chlc-foot textarea:focus{border-color:#c8a45c}
.chlc-row{display:flex;gap:8px;align-items:flex-end}
.chlc-row textarea{resize:none;height:42px;max-height:110px}
.chlc-send{background:#0a1628;color:#f7f5f0;border:1px solid #0a1628;padding:0 16px;height:42px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:12px;border-radius:0}
.chlc-send:disabled{opacity:.5}
.chlc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.chlc-err{color:#9b2c2c;font-size:12px;margin-top:6px;display:none}
@media (max-width:600px){#chlc-panel{right:0;bottom:0;left:0;top:0;width:100%;height:100%;max-height:none;border:0}#chlc-btn{right:16px;bottom:16px}#chlc-panel.open~#chlc-btn{display:none}.chlc-foot{padding-bottom:max(10px,env(safe-area-inset-bottom))}.chlc-foot textarea,.chlc-foot input{font-size:16px}}

/* 出海站：与右侧悬浮栏配合 */
#chlc-panel{right:100px;bottom:auto;top:50%;transform:translateY(-50%);border-radius:10px;overflow:hidden;font-family:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
.chlc-head h3{font-size:20px}.chlc-head p{text-transform:none;letter-spacing:.04em}
.chlc-m{border-radius:8px}.chlc-quick button{border-radius:16px}.chlc-send{border-radius:4px}
.fb-chat{position:relative}.fb-chat .chlc-dot{position:absolute;top:6px;right:8px;min-width:18px;height:18px;border-radius:9px;background:#e25555;color:#fff;font:600 11px/18px system-ui,sans-serif;text-align:center;display:none}
@media (max-width:900px){#chlc-panel{right:0;left:0;top:0;bottom:0;transform:none;width:100%;height:100%;max-height:none;border-radius:0;z-index:99999}}