#support-root{position:fixed;inset-inline-end:24px;bottom:24px;z-index:30;font:14px Barlow,'Microsoft YaHei',sans-serif;color:#fff}
.support-launcher{display:flex;align-items:center;gap:10px;background:linear-gradient(30deg,#ec2f4b,#009fff);border-radius:40px;padding:15px 22px;box-shadow:0 8px 35px #0006;font-weight:700;color:#fff}
.support-launcher svg{width:24px;height:24px}.support-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#ec2f4b;color:white;border-radius:20px;font-size:11px;font-weight:700;line-height:1}
.support-badge[hidden],[hidden].support-panel,[hidden].support-older{display:none!important}.support-launcher .support-badge{position:absolute;top:-5px;inset-inline-end:2px;border:2px solid #151017;min-width:23px;height:23px}
.support-panel{position:absolute;inset-inline-end:0;bottom:72px;width:390px;height:min(670px,calc(100dvh - 125px));background:#211a29;border:1px solid #57405f;border-radius:16px;box-shadow:0 18px 70px #0009;display:flex;flex-direction:column;overflow:hidden}
.support-panel-header{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:22px 20px 17px;background:linear-gradient(130deg,#39263c,#202b41)}
.support-panel-header h2{font-size:21px!important;margin:0 0 7px!important;line-height:1.3!important}.support-panel-header p{font-size:12px;line-height:1.6;color:#cdc3d3;margin:0}.support-panel-header button{font-size:28px;padding:0 3px;line-height:1;color:#fff}
.support-status{font-size:12px;padding:11px 18px;margin:0;color:#b8a8c5;line-height:1.6;background:#1b1521}
.support-profile{padding:8px 18px;font-size:12px;border-bottom:1px solid #3d3046;max-height:220px;overflow:auto}.support-profile summary{cursor:pointer;color:#d4bddf}.support-profile form{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-profile label{margin:0;font-size:12px}.support-profile input{font-size:12px;padding:8px!important;min-width:0}.support-profile-error{grid-column:1/-1}.support-profile .support-link{align-self:end;text-align:start;color:#63b9f4;padding:0}
.support-message-log{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;padding:20px 16px;scrollbar-width:thin;scrollbar-color:#644a73 transparent;background:#1b1521}
.support-message{margin:0 0 18px;max-width:88%;width:fit-content}.support-message.own{margin-inline-start:auto}.support-message-meta{display:flex;gap:12px;align-items:center;color:#a99bb5;font-size:10px;margin:0 4px 5px}.support-message.own .support-message-meta{justify-content:flex-end}.support-bubble{padding:11px 14px;border-radius:2px 12px 12px 12px;background:#35283f;color:#f5eff8;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;unicode-bidi:plaintext}
.support-message.own .support-bubble{background:linear-gradient(120deg,#71344d,#304b72);border-radius:12px 2px 12px 12px}.support-delivery{display:block;text-align:end;margin-top:4px;color:#a798b2;font-size:10px}.support-empty{font-size:13px;text-align:center;color:#a99ab4;margin:35px 10px;line-height:1.8}.support-older{font-size:12px;text-align:center;color:#7bbde9;padding:10px;background:#231b2a;border:0}
.support-compose{padding:13px 16px 10px;border-top:1px solid #41304b;background:#251d2e}.support-compose textarea{font:14px Barlow,'Microsoft YaHei',sans-serif!important;border:1px solid #55415f!important;background:#1b1521!important;color:white!important;padding:10px 12px!important;border-radius:8px!important;min-height:65px!important;max-height:120px;resize:vertical;line-height:1.5;width:100%}
.support-compose-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:9px}.support-compose-bottom>span{font-size:10px;color:#b3a1be}.support-send{background:linear-gradient(30deg,#ec2f4b,#009fff);color:#fff;border-radius:6px;padding:9px 22px;font-size:13px;font-weight:700}.support-error{font-size:12px;line-height:1.5;margin:7px 0 0;color:#ff9eb9;overflow-wrap:anywhere}.support-error:empty{display:none}
.support-workspace{height:min(760px,calc(100dvh - 210px));min-height:520px;display:grid;grid-template-columns:310px minmax(0,1fr);background:#211a29;border:1px solid #493650;border-radius:12px;overflow:hidden}
.support-inbox{display:flex;flex-direction:column;border-inline-end:1px solid #46344e;min-height:0}.support-inbox-tools{padding:16px;display:grid;gap:10px;background:#281e30}.support-inbox-tools input,.support-inbox-tools select{font-size:13px;min-width:0}.support-conversations{flex:1;min-height:0;overflow:auto}.support-conversation{display:block;width:100%;text-align:start;padding:17px 18px;border-bottom:1px solid #3a2c44;background:transparent;color:#fff}.support-conversation:hover{background:#2d2336}.support-conversation.active{background:#38283e;box-shadow:inset 3px 0 #ec2f4b}.support-conversation>div{display:flex;align-items:center;gap:9px}.support-conversation strong{font-size:14px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-conversation-type{font-size:10px;color:#b3a1c0}.support-conversation p{font-size:12px;line-height:1.5;color:#bbadca;margin:9px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-conversation time{font-size:10px;color:#9d8ba9}.support-conversation>div:last-child>span{font-size:10px;color:#b9a7c7}.support-conversation .support-badge{margin-inline-start:auto}
.support-pagination{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:12px;font-size:11px;border-top:1px solid #3e2c48}.support-pagination button{padding:6px;font-size:11px;color:#d9b8e7}.support-inbox>.support-error{padding:0 16px 10px}.support-staff-thread{display:flex;flex-direction:column;min-width:0;min-height:0}.support-staff-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 22px;background:#2b2032}.support-staff-header h2{font-size:19px;margin:0 0 5px;overflow-wrap:anywhere}.support-staff-header p{font-size:12px;color:#b9a5c7;margin:0;line-height:1.6}.support-staff-header button{font-size:12px;padding:10px 14px;white-space:nowrap}.support-thread-empty{margin:auto;padding:40px 20px;color:#bba8c8;text-align:center;line-height:2;font-size:14px}
.sidebar [data-tab=chat]{display:flex;align-items:center;gap:8px}.sidebar [data-tab=chat] .support-badge{margin-inline-start:auto}
@media(max-width:1000px){.support-workspace{grid-template-columns:250px minmax(0,1fr)}.support-conversation{padding:14px 12px}}
@media(max-width:620px){#support-root{inset-inline-end:14px;bottom:16px}.support-launcher{padding:13px 17px;font-size:12px}.support-panel{width:calc(100vw - 28px);height:calc(100dvh - 110px);max-height:680px;bottom:64px}.support-panel-header{padding:17px}.support-workspace{height:auto;min-height:650px;grid-template-columns:1fr}.support-inbox{max-height:300px;border-inline-end:0;border-bottom:1px solid #493650}.support-staff-thread{min-height:500px;height:560px}.support-inbox-tools{grid-template-columns:1fr 115px;padding:12px}.support-staff-header{padding:15px}.support-staff-header h2{font-size:16px}.support-message-log{padding:16px 12px}.support-message{max-width:92%}}

#support-profile-error{grid-column:1/-1}
.support-visitor-context{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:12px 22px;background:#221928;border-bottom:1px solid #43304b;font-size:11px}.support-visitor-context div{display:flex;gap:10px;min-width:0}.support-visitor-context span{color:#b6a0c4;flex-shrink:0}.support-visitor-context strong{font-weight:400;overflow-wrap:anywhere;color:#e0d5e8}.support-visitor-context small{grid-column:1/-1;color:#a995b4}.support-visitor-context a{color:#7bc9ff}.support-staff-header>div{min-width:0}.support-staff-header h2{font-size:16px}.support-compose-tools{display:flex;gap:18px;align-items:center;font-size:12px;margin-bottom:8px}.support-emoji{position:relative}.support-emoji summary{cursor:pointer;list-style:none;color:#dabbe7}.support-emoji>div{position:absolute;bottom:28px;inset-inline-start:0;z-index:3;display:grid;grid-template-columns:repeat(5,36px);gap:5px;background:#34253e;padding:12px;border:1px solid #765484;border-radius:12px;box-shadow:0 5px 25px #0008}.support-emoji button{font-size:23px;padding:4px;border-radius:6px}.support-emoji button:hover{background:#634772}.support-file{position:relative;overflow:hidden;color:#dabbe7!important;cursor:pointer;margin:0!important;font-size:12px!important}.support-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.support-file:focus-within{outline:2px solid #8ec8f0;outline-offset:3px}.support-attachments:empty{display:none}.support-attachments{display:flex;align-items:center;gap:10px;font-size:11px;background:#382641;border-radius:8px;padding:6px 10px;margin-bottom:8px;overflow-wrap:anywhere}.support-attachments button{font-size:20px;margin-inline-start:auto}.support-chat-image{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:9px;margin-bottom:6px}.support-image-link{display:block}.support-original{font-size:12px;border-top:1px solid #ffffff28;margin-top:10px;padding-top:6px}.support-original summary{cursor:pointer;color:#c7bbd0}.support-original p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-translation{display:block;font-size:10px;color:#bfa8cb;margin:5px 0}.support-translation button{font-size:11px;color:#88c8ff;text-decoration:underline}.support-message-log{min-height:70px}.support-compose{flex-shrink:0}
@media(max-width:620px){.support-visitor-context{grid-template-columns:1fr;padding:10px 15px}.support-panel-header p{font-size:11px}.support-compose-tools{margin-bottom:5px}.support-staff-thread{height:680px}}
.support-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#453249;flex-shrink:0}.support-panel-header>.support-avatar{width:36px;height:36px}.support-panel-header>div{flex:1}.support-message-meta{align-items:center}.support-message-meta .support-avatar{width:22px;height:22px}.support-thread-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.support-thread-actions select{width:130px;font-size:11px;padding:9px}.support-thread-actions button{padding:9px!important}.support-settings-panel{max-width:850px}.support-settings-panel h2{font-size:19px;margin:30px 0 18px}.support-settings-panel input[type=number]{max-width:230px}.support-settings-tabs{padding:0 0 18px;border-bottom:1px solid #523a5e}.support-settings-tabs span{color:#b8d8ff;font-size:15px}.support-avatar-preview{display:flex;gap:18px;align-items:center;color:#bba9c8;font-size:13px;margin-bottom:20px}.support-avatar-preview img{width:68px;height:68px;object-fit:cover;border-radius:50%;background:#382641}.support-settings-panel .note{max-width:680px;line-height:1.9}.support-settings-panel [role=status]{margin:20px 0;font-size:13px;color:#9fd8aa}
@media(max-width:1000px){.support-staff-header{align-items:flex-start}.support-staff-header>div:first-child{max-width:55%}.support-thread-actions{max-width:45%}.support-thread-actions select{width:100%}}