#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{align-items:center;border-bottom:1px solid #383c47;display:flex;gap:8px;min-width:0;padding:10px 12px}.customer-session-title{color:#aeb2bd;display:block;flex:0 0 auto;font-size:11px;text-transform:uppercase}.customer-session-current{color:#e7e9ee;display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.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))}}
@media(max-width:480px){
  .customer-launch{padding:12px 16px;font-size:13px}
  .customer-panel{border-radius:10px;max-height:calc(100dvh - 84px);}
  .customer-head{padding:13px 14px}
  .customer-auth,.customer-account{padding:16px}
  .customer-messages{padding:12px}
  .customer-msg{max-width:88%;font-size:13px}
  .customer-compose{align-items:stretch;gap:5px;padding:8px}
  .customer-compose textarea{font-size:13px;min-width:0}
  .customer-compose .customer-attach,.customer-compose .customer-voice{padding:0 6px}
  .customer-compose .customer-send{padding:0 10px}
  .customer-message-media[controls]{max-width:100%;width:100%}
}
/* On phones the support flow is a full-page surface, like opening a
   dedicated chat app. The home page stays mounted underneath so closing the
   chat returns to the same scroll position. */
@media(max-width:767px){
  html.customer-chat-open, body.customer-chat-open{overflow:hidden!important;}
  #customer-widget.customer-widget-open{inset:0;right:auto;bottom:auto;position:fixed;}
  #customer-widget.customer-widget-open .customer-launch{display:none;}
  #customer-widget.customer-widget-open .customer-panel{
    border:0;border-radius:0;bottom:0;box-shadow:none;height:100dvh;left:0;max-height:none;right:0;top:0;width:100vw;
  }
  #customer-widget.customer-widget-open .customer-head{padding-top:calc(13px + env(safe-area-inset-top));}
  #customer-widget.customer-widget-open .customer-compose{padding-bottom:calc(8px + env(safe-area-inset-bottom));}
}
.customer-launch.has-unread::after{content:'';position:absolute;top:6px;right:8px;width:10px;height:10px;border-radius:50%;background:#ffd23f;box-shadow:0 0 0 2px #fe2c55}
.customer-launch{position:relative}
.customer-head{gap:8px}.customer-head>div:first-child{flex:1;min-width:0}.customer-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-account-actions{display:flex;gap:4px}
#customer-widget .customer-link{background:none;border:0;color:#ff8098;cursor:pointer;font-size:12px;padding:4px;width:auto}
.customer-notice{background:#2c303a;border-bottom:1px solid #383c47;color:#ffd7df;font-size:12px;padding:8px 14px}
.customer-session-item.finished{opacity:.65}
.customer-load-earlier{background:none;border:1px solid #464b58;border-radius:14px;color:#c9ccd5;cursor:pointer;display:block;font-size:12px;margin:0 auto 8px;padding:5px 12px}
.customer-load-earlier:disabled{opacity:.5}
.customer-media-error{color:#c9ccd5;display:block;font-size:12px;margin-top:6px}
.customer-message-media[controls]{max-width:230px;width:230px}
.customer-pending{align-items:center;border-top:1px solid #383c47;display:flex;gap:8px;padding:8px 10px}
.customer-pending img{border-radius:4px;height:44px;object-fit:cover;width:44px}.customer-pending audio{height:32px;max-width:170px}
.customer-pending-name{color:#c9ccd5;flex:1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-voice.recording{background:#fe2c55;border-color:#fe2c55}
.customer-voice{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.customer-send:disabled{opacity:.6}
.customer-account{overflow:auto;padding:22px}.customer-account h3{margin:0 0 8px}
.customer-account label{color:#dce0e8;display:block;font-size:13px;margin:12px 0}
.customer-account input{background:#15171c;border:1px solid #414653;border-radius:5px;box-sizing:border-box;color:#fff;display:block;margin-top:6px;padding:11px;width:100%}
.customer-account button{background:#fe2c55;border:0;border-radius:5px;color:#fff;cursor:pointer;padding:11px 14px;width:100%}
.customer-account [hidden],.customer-account[hidden]{display:none}
.customer-compose .customer-send{flex:0 0 auto;width:auto;padding:0 14px}
.customer-compose .customer-attach,.customer-compose .customer-voice{background:#303541;border:1px solid #464b58;flex:0 0 auto;font-size:12px;padding:0 8px}
.customer-compose .customer-voice.recording{background:#fe2c55;border-color:#fe2c55}
.customer-compose .customer-input{flex:1 1 auto;min-width:80px}
.customer-compose{align-items:flex-end}
.customer-compose textarea{background:#15171c;border:1px solid #414653;border-radius:5px;box-sizing:border-box;color:#fff;font:inherit;line-height:1.4;max-height:96px;min-height:38px;padding:9px 10px;resize:none}
.customer-compose button{min-height:38px}
.customer-msg-meta{display:block;font-size:11px;margin-bottom:3px;opacity:.7}
.customer-msg.pending{opacity:.65}
.customer-msg.failed{background:#5a2330;cursor:pointer;outline:1px solid #ff8098}
.customer-message-media:not([controls]){cursor:zoom-in}
.customer-chat{display:flex;flex:1;flex-direction:column;min-height:0}
.customer-session-item.has-unread{border-color:#ffd23f;color:#ffd23f;font-weight:700}
.customer-typing{color:#aeb2bd;font-size:12px;font-style:italic;padding:0 16px 6px}
.customer-site-menu{background:#20232b;border:1px solid #3b3f4b;border-radius:8px;box-shadow:0 12px 32px #0008;color:#f4f5f7;font-family:"Microsoft YaHei",sans-serif;min-width:200px;padding:6px;position:fixed;z-index:2100}
.customer-site-menu[hidden]{display:none}
.customer-site-menu-user{border-bottom:1px solid #383c47;color:#aeb2bd;font-size:12px;margin-bottom:4px;padding:8px 10px}
.customer-site-menu-item{background:none;border:0;border-radius:5px;color:#f4f5f7;cursor:pointer;display:block;font:inherit;font-size:14px;padding:9px 10px;text-align:left;width:100%}
.customer-site-menu-item:hover,.customer-site-menu-item:focus-visible{background:#303541;outline:none}
.customer-signed-in .customer-site-label{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}