.site-chat-launcher{position:fixed;right:20px;bottom:88px;z-index:1250;width:54px;height:54px;border:0;border-radius:50%;background:linear-gradient(135deg,#00ffaa,#00c3ff);color:#04110d;box-shadow:0 12px 34px rgba(0,255,170,.28);font-size:21px;cursor:pointer;display:grid;place-items:center}
.site-chat-launcher:hover{transform:translateY(-2px)}
.site-chat-badge{position:absolute;right:-3px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #050505;font:800 10px/16px system-ui;text-align:center}
.site-chat-panel{position:fixed;right:20px;bottom:152px;z-index:1251;width:min(380px,calc(100vw - 24px));height:min(570px,calc(100vh - 190px));background:#0e1515;border:1px solid rgba(255,255,255,.13);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden;display:none;flex-direction:column;color:#fff;font-family:"Noto Sans TC",system-ui,sans-serif}
.site-chat-panel.open{display:flex}
.site-chat-head{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#143129,#11242b);border-bottom:1px solid rgba(255,255,255,.1)}
.site-chat-head strong{display:block;font-size:15px}.site-chat-head small{display:block;margin-top:2px;color:#a6b7b2;font-size:11px}
.site-chat-close{border:0;background:transparent;color:#cbd5e1;font-size:18px;cursor:pointer;padding:5px}
.site-chat-messages{flex:1;overflow:auto;padding:16px;background:radial-gradient(circle at top,rgba(0,255,170,.05),transparent 38%)}
.site-chat-empty{height:100%;display:grid;place-items:center;text-align:center;color:#80928d;font-size:13px;line-height:1.7;padding:30px}
.site-chat-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px}.site-chat-message.customer{align-items:flex-end}
.site-chat-bubble{max-width:84%;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#1d2928;border:1px solid rgba(255,255,255,.08);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.site-chat-message.customer .site-chat-bubble{background:#047857;border-color:#059669;border-radius:14px 14px 4px 14px}
.site-chat-meta{font-size:9px;color:#71817d;margin-top:4px}
.site-chat-compose{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;background:#101918}
.site-chat-compose textarea{flex:1;resize:none;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#172120;color:#fff;padding:10px 11px;outline:none;font:inherit;max-height:100px}.site-chat-compose textarea:focus{border-color:#00ffaa}
.site-chat-send{width:42px;border:0;border-radius:12px;background:#00ffaa;color:#052017;cursor:pointer;font-size:16px}.site-chat-send:disabled{opacity:.5;cursor:not-allowed}
.site-chat-login{margin:auto;padding:28px;text-align:center;color:#aab8b4}.site-chat-login a{display:inline-block;margin-top:14px;padding:10px 18px;border-radius:999px;background:#06c755;color:#fff;text-decoration:none;font-weight:800}
.site-chat-popup-stack{position:fixed;right:20px;bottom:152px;z-index:1252;width:min(340px,calc(100vw - 28px));display:grid;gap:9px;pointer-events:none}
.site-chat-popup{pointer-events:auto;width:100%;border:1px solid rgba(0,255,170,.34);border-radius:15px;background:#10201d;color:#fff;padding:12px 14px;box-shadow:0 18px 50px rgba(0,0,0,.46);text-align:left;cursor:pointer;animation:siteChatPopupIn .22s ease-out}
.site-chat-popup strong{display:block;color:#7fffd4;font-size:13px;margin-bottom:4px}.site-chat-popup span{display:block;font-size:13px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-chat-popup small{display:block;color:#81948e;font-size:10px;margin-top:5px}
@keyframes siteChatPopupIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.site-chat-launcher{right:14px;bottom:78px}.site-chat-panel{right:6px;bottom:140px;width:calc(100vw - 12px);height:min(570px,calc(100vh - 155px));border-radius:18px}}