/* 在线客服挂件。配色跟官网(暗色 + 青柠), 不依赖 site.css 的变量 —— 静态页和首页都要能用。 */
.agw{position:fixed;right:20px;bottom:20px;z-index:9000;font-family:"PingFang SC","Hiragino Sans GB",-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.55}
.agw-btn{display:inline-flex;align-items:center;gap:8px;background:#C8F751;color:#0A0C0F;border:0;border-radius:999px;padding:11px 16px 11px 14px;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .15s,filter .15s}
.agw-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.agw-btn.on{background:#161A20;color:#F2F4F7;border:1px solid rgba(255,255,255,.12)}
.agw-panel{position:absolute;right:0;bottom:56px;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 100px));background:#111419;color:#F2F4F7;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden}
.agw-panel[hidden]{display:none}
.agw-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:#161A20}
.agw-head b{display:block;font-size:14.5px;font-weight:650}
.agw-sub{display:block;font-size:11.5px;color:#828C99;margin-top:2px}
.agw-sub::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#5FD08C;margin-right:6px;vertical-align:middle}
.agw-hb{display:flex;gap:6px}
.agw-hb button{background:none;border:1px solid rgba(255,255,255,.1);color:#98A2AE;border-radius:8px;padding:4px 9px;font-size:12px;cursor:pointer}
.agw-hb button:hover{color:#F2F4F7;border-color:rgba(255,255,255,.2)}
.agw-hb .agw-close{font-size:18px;line-height:1;padding:2px 9px}
.agw-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.agw-m{max-width:86%;padding:9px 12px;border-radius:12px;font-size:13.5px;word-break:break-word;white-space:normal}
.agw-m.a{align-self:flex-start;background:#1B2027;border-bottom-left-radius:4px}
.agw-m.u{align-self:flex-end;background:#C8F751;color:#0A0C0F;border-bottom-right-radius:4px}
.agw-m.err{background:rgba(255,111,94,.13);color:#FF9C90}
.agw-m b{font-weight:700}
.agw-typing{color:#828C99;font-style:normal}
.agw-typing::after{content:"";display:inline-block;width:1em;text-align:left;animation:agwdots 1.2s steps(4,end) infinite}
@keyframes agwdots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.agw-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);background:#161A20}
.agw-form textarea{flex:1;resize:none;background:#0A0C0F;color:#F2F4F7;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 11px;font:inherit;font-size:13.5px;line-height:1.45;max-height:120px;outline:none}
.agw-form textarea:focus{border-color:#C8F751}
.agw-send{width:38px;height:38px;flex:none;border:0;border-radius:10px;background:#C8F751;color:#0A0C0F;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.agw-send:hover{filter:brightness(1.06)}
.agw-send:disabled{opacity:.45;cursor:default}
@media (max-width:640px){
  .agw{right:12px;bottom:12px}
  .agw-panel{position:fixed;inset:auto 12px 68px 12px;width:auto;height:min(70vh,560px)}
  .agw-btnt{display:none}
  .agw-btn{padding:13px}
}
@media (prefers-reduced-motion:reduce){.agw-btn{transition:none}.agw-typing::after{animation:none;content:"…"}}