#customer-widget [hidden]{display:none!important}
#customer-widget{position:fixed;right:24px;bottom:24px;z-index:2000;font-family:"Microsoft YaHei",sans-serif;color:#f4f5f7}
#customer-widget button{font:inherit}
.customer-launch{background:#fe2c55;border:0;border-radius:28px;color:#fff;cursor:pointer;padding:14px 22px;box-shadow:0 8px 26px #0006}
.customer-panel{background:#20232b;border:1px solid #3b3f4b;border-radius:12px;bottom:64px;display:flex;flex-direction:column;height:560px;overflow:hidden;position:absolute;right:0;width:380px;box-shadow:0 18px 50px #0008}
.customer-panel[hidden],.customer-auth[hidden],.customer-chat[hidden]{display:none}
.customer-head{align-items:center;background:#15171c;display:flex;justify-content:space-between;padding:16px 18px}
.customer-head strong{font-size:15px}.customer-head small{color:#9da1ad;display:block;margin-top:4px}
.customer-close{background:none;border:0;color:#fff;cursor:pointer;font-size:22px}
.customer-auth{padding:22px}.customer-auth h3{margin:0 0 8px}.customer-auth p{color:#aeb2bd;font-size:13px;line-height:1.5}
.customer-auth label{color:#dce0e8;display:block;font-size:13px;margin:12px 0}
.customer-auth input{background:#15171c;border:1px solid #414653;border-radius:5px;color:#fff;display:block;margin-top:6px;padding:11px;width:100%;box-sizing:border-box}
.customer-auth button,.customer-send{background:#fe2c55;border:0;border-radius:5px;color:#fff;cursor:pointer;padding:11px 14px;width:100%}
.customer-switch{background:none!important;color:#ff8098!important;margin-top:10px}.customer-error{color:#ff8fa5!important;min-height:18px}
.customer-sessionbar{border-bottom:1px solid #383c47;padding:10px 12px}.customer-session-title{color:#aeb2bd;display:block;font-size:11px;margin-bottom:7px;text-transform:uppercase}
.customer-session-list{display:flex;gap:6px;overflow:auto}.customer-session-item,.customer-session-new{background:#303541;border:1px solid #464b58;border-radius:14px;color:#e7e9ee;cursor:pointer;font-size:11px;max-width:125px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap;flex:0 0 auto}
.customer-session-item.active{background:#fe2c55;border-color:#fe2c55}.customer-session-new{background:transparent;color:#ff8aa0}
.customer-messages{flex:1;overflow:auto;padding:16px}.customer-msg{background:#303541;border-radius:8px;clear:both;float:left;margin:6px 0;max-width:82%;padding:9px 11px;white-space:pre-wrap;word-break:break-word}.customer-msg.me{background:#fe2c55;float:right}
.customer-message-media{border-radius:6px;display:block;margin-top:6px;max-height:150px;max-width:210px}.customer-compose{border-top:1px solid #383c47;display:flex;gap:6px;padding:10px}.customer-attach,.customer-voice{background:#303541;border:1px solid #464b58;border-radius:5px;color:#fff;cursor:pointer;padding:0 8px}
.customer-compose input{background:#15171c;border:1px solid #414653;border-radius:5px;color:#fff;flex:1;min-width:0;padding:10px}.customer-compose button{background:#fe2c55;border:0;border-radius:5px;color:#fff;padding:0 15px}
.customer-status{color:#aeb2bd;font-size:12px;padding:0 16px 8px}
@media(max-width:480px){#customer-widget{bottom:12px;right:12px}.customer-panel{bottom:58px;height:min(560px,calc(100dvh - 90px));width:min(380px,calc(100vw - 24px))}}