#nav-support,#nav-support *{box-sizing:border-box}
#nav-support[hidden],#nav-support [hidden]{display:none!important}
#nav-support{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5;color:#243449;text-align:left;letter-spacing:normal}
#nav-support button,#nav-support textarea{font:inherit;letter-spacing:normal}
#nav-support button{cursor:pointer;border:0;appearance:none;-webkit-appearance:none;margin:0}
#nav-support button:focus-visible,#nav-support textarea:focus-visible,#nav-support .nav-support-thread:focus-visible{outline:3px solid #90caff;outline-offset:3px}
#nav-support button:disabled{cursor:not-allowed;opacity:.55}
#nav-support .nav-support-launch{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:28px;background:#246fe2;color:#fff;font-weight:600;box-shadow:0 6px 28px #2260b442;z-index:2147482000;min-height:48px}
#nav-support .nav-support-launch:hover{background:#1d5fc4}
#nav-support .nav-support-launch svg{display:block;flex:none}
#nav-support .nav-support-overlay{position:fixed;inset:0;background:#111b2c42;z-index:2147482100;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px 24px calc(90px + env(safe-area-inset-bottom))}
#nav-support .nav-support-panel{display:flex;flex-direction:column;width:390px;max-width:100%;height:560px;max-height:calc(100dvh - 125px);background:#fff;border:1px solid #e2eaf3;border-radius:20px;box-shadow:0 24px 80px #11284640;overflow:hidden;outline:0;isolation:isolate}
#nav-support .nav-support-header{display:flex;align-items:center;gap:11px;flex:none;padding:18px;background:linear-gradient(110deg,#246fe2,#3c87ec);color:#fff;border:0;margin:0;position:static;width:auto;height:auto}
#nav-support .nav-support-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#ffffff22;font-weight:700;font-size:18px}
#nav-support .nav-support-heading{flex:1;min-width:0}
#nav-support .nav-support-heading h2{margin:0;font-size:17px;line-height:1.35;font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nav-support .nav-support-heading p{margin:3px 0 0;font-size:12px;line-height:1.5;color:#edf5ff}
#nav-support .nav-support-close{background:#ffffff1c;color:#fff;flex:none;font-size:27px;width:36px;height:36px;border-radius:50%;line-height:30px;padding:0;text-align:center}
#nav-support .nav-support-close:hover{background:#ffffff36}
#nav-support .nav-support-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px;background:#f4f7fc;scrollbar-width:thin}
#nav-support .nav-support-welcome{margin:0 5px 20px;padding:12px 14px;border-radius:12px;background:#eaf1ff;color:#416082;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
#nav-support .nav-support-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:17px}
#nav-support .nav-support-message--visitor{align-items:flex-end}
#nav-support .nav-support-bubble{max-width:87%;padding:10px 13px;background:#fff;box-shadow:0 1px 3px #1938540c;border:1px solid #e5ebf3;border-radius:13px 13px 13px 3px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#243449;line-height:1.65;font-size:14px}
#nav-support .nav-support-message--visitor .nav-support-bubble{background:#246fe2;color:#fff;border-color:#246fe2;border-radius:13px 13px 3px 13px}
#nav-support .nav-support-message-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:#8a98aa;margin:5px 2px 0;max-width:87%}
#nav-support .nav-support-delivery--failed{color:#b74338}
#nav-support .nav-support-retry{padding:0!important;background:transparent;color:#246fe2;font-size:11px!important;text-decoration:underline;text-underline-offset:2px}
#nav-support .nav-support-feedback{flex:none;padding:9px 16px;background:#fff6e8;border-top:1px solid #f0e1c8;display:flex;align-items:center;gap:10px;color:#7a5b21}
#nav-support .nav-support-feedback p{margin:0;flex:1;font-size:12px;overflow-wrap:anywhere}
#nav-support [data-support-reconnect]{flex:none;padding:5px 8px;background:#fff;border:1px solid #ead6b3;border-radius:6px;color:#7a5b21;font-size:12px}
#nav-support .nav-support-form{flex:none;margin:0;padding:13px 16px 10px;border-top:1px solid #e8edf4;background:#fff;display:block}
#nav-support textarea{display:block;width:100%;height:58px;resize:none;border:0;background:#fff;padding:2px 0;margin:0;box-shadow:none;color:#243449;font-size:14px;line-height:1.6;min-height:0;border-radius:0;outline:0}
#nav-support textarea:disabled{background:#fff;color:#8a98aa}
#nav-support textarea::placeholder{color:#97a5b6;opacity:1}
#nav-support .nav-support-compose-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}
#nav-support .nav-support-compose-row>span{color:#9ca8b8;font-size:10px}
#nav-support .nav-support-send{display:flex;align-items:center;gap:9px;color:#fff;background:#246fe2;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;min-height:34px}
#nav-support .nav-support-privacy{flex:none;margin:0;padding:0 14px 10px;background:#fff;color:#a4afbd;font-size:10px;text-align:center}
#nav-support .nav-support-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
  #nav-support .nav-support-launch{right:14px;padding:11px 15px;gap:7px;font-size:13px}
  #nav-support .nav-support-overlay{padding:0;align-items:flex-end;justify-content:center}
  #nav-support .nav-support-panel{width:100%;height:88dvh;max-height:100dvh;max-width:100%;border-radius:18px 18px 0 0;border:0;padding-bottom:env(safe-area-inset-bottom)}
  #nav-support .nav-support-header{padding:15px 16px}
  #nav-support .nav-support-thread{padding:17px 13px}
  #nav-support textarea{font-size:16px}
  #nav-support .nav-support-compose-row>span{font-size:10px}
  #nav-support .nav-support-send{min-height:40px;padding:8px 17px}
}
@media(prefers-reduced-motion:no-preference){#nav-support .nav-support-panel{animation:nav-support-appear .16s ease-out}@keyframes nav-support-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
