.support-header-entry{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:#f1f6fc;color:#345a80;border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer;min-height:36px}.support-header-entry>.el-icon{font-size:19px}.support-header-entry>b,.support-my-dot{background:#ed5262;color:#fff;border-radius:12px;min-width:17px;padding:1px 4px;font-size:10px;line-height:16px}.support-header-entry>b{position:absolute;right:-6px;top:-5px}.support-count{display:inline-block;background:#e85465;color:#fff;border-radius:12px;padding:2px 6px;line-height:16px;font-size:11px}.support-profile-entry{display:flex;align-items:center;gap:12px;padding:16px;width:100%;margin-bottom:14px;border:1px solid #e0eaf5;border-radius:12px;background:#fff;color:#2c4c6c;text-align:left;cursor:pointer}.support-profile-entry>.el-icon{font-size:24px;color:#2873cd}.support-profile-entry>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.support-profile-entry strong{font-size:14px}.support-profile-entry small{font-size:11px;color:#8393a6}
.support-float{position:fixed;right:24px;bottom:26px;z-index:1800}.support-launcher{position:relative;width:58px;height:66px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:linear-gradient(140deg,#2c82df,#2860bf);border:1px solid #ffffff80;border-radius:18px;color:white;box-shadow:0 6px 22px #2457a236;cursor:pointer}.support-launcher>.el-icon{font-size:25px}.support-launcher>span{font-size:11px}.support-launcher>b{position:absolute;right:-6px;top:-6px;background:#ee5264;border:2px solid #fff;padding:2px 5px;border-radius:12px;font-size:11px}.support-hide{position:absolute;top:-12px;left:-13px;width:24px;height:24px;border:1px solid #dce5ee;background:white;border-radius:50%;color:#8998aa;cursor:pointer;font-size:17px;line-height:20px}.support-popover{position:fixed;right:24px;bottom:24px;width:390px;height:min(640px,calc(100dvh - 100px));z-index:1900;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe6f2;border-radius:16px;box-shadow:0 18px 80px #14365535;background:white;color:#28445f}.support-panel-tools{display:flex;gap:4px;align-items:center;background:#205fa8;color:#fff;padding:10px 12px}.support-panel-tools>span{flex:1;font-size:13px;font-weight:600}.support-panel-tools button{width:30px;height:30px;display:grid;place-items:center;background:#ffffff12;color:#fff;border:0;border-radius:6px;cursor:pointer;font-size:17px}.support-audio-note{font-size:10px;color:#8795a6;text-align:center;padding:5px;background:#f7f9fc}.support-conversation{display:flex;flex-direction:column;min-height:0;flex:1;background:#fff;overflow:hidden}.support-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e8eef5}.support-chat-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}.support-chat-head strong{font-size:16px;overflow-wrap:anywhere}.support-chat-head small{font-size:11px;color:#8293a5;line-height:1.5}.support-status{font-size:11px;white-space:nowrap;border-radius:5px;padding:4px 7px;background:#edf4fd;color:#3775bc}.support-status[data-status=pending]{background:#fff4e6;color:#b37523}.support-status[data-status=resolved]{background:#eaf8f3;color:#28846d}.support-identity{display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 16px;background:#f8fafc;font-size:11px;color:#788ba0}.support-actions{display:flex;gap:6px;padding:9px 16px;flex-wrap:wrap;border-bottom:1px solid #edf2f7}.support-actions button{padding:6px 9px;background:#fff;border:1px solid #e1e7f0;border-radius:6px;color:#76899c;font-size:11px;cursor:pointer}.support-actions button.active{background:#edf5ff;border-color:#aac9ed;color:#2567ae}.support-handled{padding:5px 16px;font-size:10px;color:#90a0b1}.support-network{background:#fff7e8;padding:8px 12px;font-size:11px;color:#9c7131;line-height:1.5}.support-message-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;background:#f6f8fc;scrollbar-width:thin}.support-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px}.support-message.mine{align-items:flex-end}.support-message-meta{font-size:10px;color:#8595a8;line-height:1.6;margin:0 0 5px;overflow-wrap:anywhere}.support-message-meta time{margin-left:5px;color:#9cabb9;font-size:10px}.support-bubble{max-width:88%;padding:10px 13px;line-height:1.7;font-size:13px;background:white;border:1px solid #e4ebf4;border-radius:3px 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#344e69;user-select:text}.support-message.mine .support-bubble{background:#e4f0ff;border-color:#cbdff6;border-radius:12px 3px 12px 12px;color:#245b92}.support-message>small{margin-top:4px;color:#92a3b5;font-size:10px}.support-chat-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;height:100%;min-height:160px;color:#8c9eb1}.support-chat-empty>.el-icon{font-size:38px;color:#a7bfda}.support-chat-empty strong{font-size:15px;color:#5b7895}.support-chat-empty span{font-size:12px;line-height:1.8}.support-composer{padding:12px;border-top:1px solid #e3ebf5;background:#fff}.support-composer textarea{display:block;width:100%;box-sizing:border-box;resize:none;border:0;background:#f7f9fc;border-radius:7px;outline:none;padding:10px;font:inherit;font-size:14px;line-height:1.5;color:#2e4965;min-height:70px}.support-composer textarea:focus{box-shadow:0 0 0 1px #70a5df}.support-composer>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.support-composer>div>span{font-size:10px;color:#9ba9b8}.support-composer button{background:#266dcc;border:0;border-radius:7px;padding:8px 22px;color:#fff;font-size:13px;cursor:pointer}.support-composer button:disabled{background:#c1d1e7;cursor:not-allowed}.support-composer p{font-size:11px;color:#c76464;margin:8px 0 0;line-height:1.6}.support-older,.support-jump{display:block;border:0;background:transparent;color:#5486be;cursor:pointer;padding:8px;font-size:12px;margin:0 auto 12px}.support-jump{margin:0;padding:6px;background:#eef5ff}.support-inbox{height:calc(100dvh - 126px);min-height:480px;display:flex;flex-direction:column;gap:16px;color:#2b4865}.support-page-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.support-page-title h1{margin:0;font-size:21px}.support-page-title h1>span{font-size:12px;font-weight:400;color:#d66a6a;margin-left:10px}.support-page-title p{font-size:12px;color:#8697a9;margin:7px 0 0}.support-sound{border:1px solid #dbe5f1;background:#fff;padding:9px 12px;color:#57728e;border-radius:8px;font-size:12px;cursor:pointer;white-space:nowrap}.support-inbox-body{display:flex;min-height:0;flex:1;background:#fff;border:1px solid #dde7f2;border-radius:12px;overflow:hidden}.support-thread-panel{width:310px;flex:none;min-height:0;display:flex;flex-direction:column;border-right:1px solid #e3ebf4}.support-filter{padding:14px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #e9eef5}.support-filter input,.support-filter select{width:100%;box-sizing:border-box;border:1px solid #dce6f2;background:white;border-radius:7px;padding:10px;font-size:12px;color:#536e89}.support-thread-list{overflow:auto;min-height:0;flex:1}.support-thread{width:100%;text-align:left;border:0;border-bottom:1px solid #eef2f7;background:#fff;padding:14px 16px;color:#3b5876;cursor:pointer}.support-thread:hover{background:#f6f9fd}.support-thread.active{background:#edf5ff;box-shadow:inset 3px 0 #3884d9}.support-thread>div{display:flex;align-items:center;gap:7px}.support-thread strong{font-size:14px;overflow-wrap:anywhere}.support-thread>div>small{margin-left:auto;color:#8195aa;font-size:10px;white-space:nowrap}.support-thread p{font-size:12px;margin:7px 0;line-height:1.6}.support-thread>small,.support-thread time{font-size:10px;color:#8b9eb1}.support-thread .support-preview{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#93a2b3}.support-thread time{display:block;text-align:right}.support-selected{min-width:0;flex:1;display:flex;flex-direction:column}.support-selection-empty{margin:auto;padding:24px;text-align:center;color:#9aabba}.support-selection-empty>.el-icon{font-size:50px;color:#a2bfdc}.support-selection-empty h2{font-size:18px;color:#6987a3}.support-selection-empty p{font-size:12px;line-height:1.7}.support-list-empty{font-size:12px;text-align:center;padding:30px;color:#95a5b7}.support-back{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:767px){.support-float{right:16px;bottom:calc(82px + env(safe-area-inset-bottom))}.support-launcher{width:50px;height:58px;border-radius:16px}.support-popover{right:10px;left:10px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;height:calc(100dvh - 150px);max-height:650px}.support-chat-head{padding:11px 12px}.support-message-list{padding:12px}.support-composer textarea{font-size:16px;min-height:60px}.support-header-entry{padding:7px;min-height:32px}.support-inbox{height:calc(100dvh - 110px);min-height:400px;gap:12px}.support-page-title h1{font-size:18px}.support-page-title p{font-size:11px}.support-thread-panel{width:100%;border:0}.support-selected{display:none}.support-inbox.has-selection .support-thread-panel{display:none}.support-inbox.has-selection .support-selected{display:flex}.support-back{display:block;align-self:flex-start;background:none;border:0;color:#437db9;padding:10px 14px;font-size:12px;cursor:pointer}.support-page-title h1>span{font-size:11px;display:block;margin:4px 0 0}.support-inbox .support-composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-height:550px){.support-popover{top:10px;bottom:10px;height:auto;max-height:none}.support-chat-head small,.support-audio-note{display:none}.support-composer textarea{min-height:40px;height:44px}}