#slchat{position:fixed;right:22px;bottom:22px;z-index:200;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
#slchat .cl{width:64px;height:64px;border-radius:20px;border:0;cursor:pointer;background:linear-gradient(145deg,#0b1026,#1e1b4b);box-shadow:0 14px 30px -8px rgba(76,29,149,.6),inset 0 0 0 1px rgba(167,139,250,.4);display:flex;align-items:center;justify-content:center;position:relative;transition:.25s}
#slchat .cl:hover{transform:translateY(-3px) scale(1.04)}#slchat .cl svg{width:42px;height:36px}
#slchat .dot{position:absolute;top:8px;right:8px;width:11px;height:11px;border-radius:50%;background:#a3e635;box-shadow:0 0 0 3px #0b1026,0 0 10px #a3e635}
#slchat .cp{position:absolute;right:0;bottom:80px;width:370px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 120px);background:#fff;border-radius:24px;box-shadow:0 30px 70px -20px rgba(15,23,42,.45);display:flex;flex-direction:column;overflow:hidden;animation:slup .3s ease}
#slchat .cp[hidden]{display:none}@keyframes slup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#slchat .chd{display:flex;align-items:center;gap:10px;padding:16px 16px;background:radial-gradient(circle at 90% 0,rgba(124,58,237,.6),transparent 60%),#0b1026;color:#fff}
#slchat .chd .m svg{width:40px;height:34px}#slchat .chd b{display:block;font-size:16px}#slchat .chd small{font-size:12px;color:#cbd5e1;display:flex;align-items:center;gap:6px}
#slchat .chd small i{width:7px;height:7px;border-radius:50%;background:#a3e635;display:inline-block}
#slchat .x{margin-left:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:32px;height:32px;border-radius:10px;font-size:20px;cursor:pointer}
#slchat .log{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:#f8fafc}
#slchat .msg{max-width:82%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
#slchat .bot{background:#fff;border:1px solid #e2e8f0;align-self:flex-start;border-bottom-left-radius:4px;color:#0f172a}
#slchat .me{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
#slchat .ty i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#94a3b8;margin:0 2px;animation:bl 1s infinite}#slchat .ty i:nth-child(2){animation-delay:.15s}#slchat .ty i:nth-child(3){animation-delay:.3s}
@keyframes bl{50%{opacity:.2}}
#slchat .opts{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px;background:#f8fafc}#slchat .opts:not(:empty){padding:4px 16px 14px}
#slchat .opts button{border:1px solid #c4b5fd;background:#fff;color:#5b21b6;font-weight:700;font-size:13px;padding:8px 13px;border-radius:99px;cursor:pointer;font-family:inherit}#slchat .opts button:hover{background:#f5f3ff}
#slchat .in{display:flex;gap:8px;padding:12px;border-top:1px solid #e2e8f0;background:#fff}#slchat .in[hidden]{display:none}
#slchat textarea{flex:1;resize:none;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;outline:none;max-height:100px}#slchat textarea:focus{border-color:#7c3aed}
#slchat .in button{width:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:16px;cursor:pointer}
#slchat .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:480px){#slchat{right:14px;bottom:14px}#slchat .cp{position:fixed;right:10px;left:10px;bottom:90px;width:auto;height:70vh}}
#slchat .chd{margin:0}
#slchat .cl{width:76px;height:76px;border-radius:24px}
#slchat .cl svg{width:50px;height:44px}
#slchat .cl::before,#slchat .cl::after{content:"";position:absolute;inset:-4px;border-radius:28px;border:2px solid rgba(167,139,250,.8);animation:slring 2.4s ease-out infinite;pointer-events:none}
#slchat .cl::after{animation-delay:1.2s;border-color:rgba(34,211,238,.7)}
#slchat .cl{box-shadow:0 0 0 0 rgba(124,58,237,.5),0 16px 36px -8px rgba(76,29,149,.75),0 0 28px rgba(124,58,237,.55),inset 0 0 0 1px rgba(167,139,250,.5);animation:slbounce 5s ease-in-out infinite}
#slchat.open .cl{animation:none}#slchat.open .cl::before,#slchat.open .cl::after{display:none}
@keyframes slring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@keyframes slbounce{0%,82%,100%{transform:translateY(0)}86%{transform:translateY(-12px)}90%{transform:translateY(0)}94%{transform:translateY(-5px)}}
#slchat .cp{bottom:94px}
#slchat .tip{position:absolute;right:88px;bottom:16px;white-space:nowrap;background:#fff;color:#0f172a;font-size:14px;padding:11px 34px 11px 16px;border-radius:16px 16px 4px 16px;box-shadow:0 14px 34px -10px rgba(15,23,42,.45);cursor:pointer;opacity:0;transform:translateX(10px) scale(.95);pointer-events:none;transition:.35s}
#slchat .tip b{background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
#slchat .tip.show{opacity:1;transform:none;pointer-events:auto}
#slchat .tip .tx{position:absolute;top:6px;right:8px;border:0;background:none;font-size:16px;color:#94a3b8;cursor:pointer;line-height:1}
@media(max-width:480px){#slchat .cl{width:66px;height:66px}#slchat .cp{bottom:90px}#slchat .tip{right:78px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#slchat .cl,#slchat .cl::before,#slchat .cl::after{animation:none!important}#slchat .tip{transition:none}}