:root{color-scheme:dark;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;--bg: #040810;--panel: #080d17;--panel-raised: #0c1320;--line: rgba(123, 156, 215, .13);--line-strong: rgba(119, 169, 255, .25);--text: #edf4ff;--muted: #8592a8;--faint: #59677e;--blue: #2477ff;--blue-soft: #4aaaff;--cyan: #64dcff;--green: #5ce5ad;--amber: #ffc466;--red: #ff7d75}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;color:var(--text);background:radial-gradient(circle at 70% -25%,rgba(35,108,255,.18),transparent 34rem),var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}button:disabled{cursor:default;opacity:.4}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.boot-screen{display:grid;height:100dvh;place-content:center;justify-items:center;gap:18px;color:var(--muted);background:radial-gradient(circle at center,rgba(26,84,183,.2),transparent 24rem),var(--bg);font-size:12px}.boot-mark{display:flex;gap:6px}.boot-mark span{width:7px;height:7px;border-radius:50%;background:var(--blue-soft);box-shadow:0 0 18px #4aaaffcc;animation:boot-pulse 1.2s infinite}.boot-mark span:nth-child(2){animation-delay:.16s}.boot-mark span:nth-child(3){animation-delay:.32s}@keyframes boot-pulse{50%{opacity:.28;transform:translateY(-4px)}}.login-page{position:relative;display:grid;min-height:100dvh;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);overflow:hidden}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:linear-gradient(rgba(108,148,218,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(108,148,218,.12) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:radial-gradient(circle at 35% 45%,black,transparent 68%);mask-image:radial-gradient(circle at 35% 45%,black,transparent 68%);pointer-events:none}.login-intro{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:52px clamp(45px,7vw,110px) 58px}.brand-lockup,.rail-brand{display:flex;align-items:center;gap:12px}.brand-shield{display:grid;width:43px;height:43px;flex:none;place-items:center;border:1px solid rgba(115,190,255,.32);border-radius:14px;color:var(--cyan);background:linear-gradient(145deg,#195fce,#071c42);box-shadow:0 10px 30px #1463eb42}.brand-shield svg{width:27px;height:27px;stroke-width:1.6}.brand-lockup>span:last-child,.rail-brand>span:last-child{display:grid;gap:2px}.brand-lockup strong,.rail-brand strong{font-size:18px;letter-spacing:.02em}.brand-lockup small,.rail-brand small{color:var(--faint);font-size:7px;font-weight:700;letter-spacing:.16em}.login-copy{max-width:620px;padding:60px 0}.micro-label{display:inline-flex;margin:0 0 22px;padding:8px 12px;border:1px solid rgba(87,153,255,.22);border-radius:999px;color:#7ccaff;background:#13306257;font-size:9px;font-weight:700;letter-spacing:.08em}.login-copy h1{margin:0;font-size:clamp(53px,6vw,86px);line-height:1.08;letter-spacing:-.075em}.login-copy h1 em{color:transparent;background:linear-gradient(100deg,#1969ff,#64dfff);-webkit-background-clip:text;background-clip:text;font-style:normal}.login-copy>p:last-child{max-width:480px;margin:28px 0 0;color:var(--muted);font-size:13px;line-height:1.9}.channel-strip{display:flex;flex-wrap:wrap;gap:10px}.channel-strip span{display:inline-flex;align-items:center;gap:9px;padding:9px 13px 9px 9px;border:1px solid var(--line);border-radius:999px;color:#9aabc3;background:#0a111eb8;font-size:9px}.channel-strip i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;color:#cceaff;background:#123266;font-size:8px;font-style:normal}.channel-strip .app-icon{background:#123f3e;color:#98f2cb}.channel-strip .h5-icon{background:#382b5d;color:#d8c7ff}.login-panel{position:relative;z-index:2;align-self:center;width:min(440px,calc(100% - 50px));justify-self:center;padding:38px;border:1px solid rgba(123,164,237,.2);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(34,111,255,.12),transparent 55%),#080e19eb;box-shadow:0 35px 100px #0009237a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-panel-head{display:flex;align-items:center;gap:8px;color:#71829b;font-size:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #5ce5ad14,0 0 10px #5ce5ad99}.login-panel h2{margin:24px 0 8px;font-size:28px;letter-spacing:-.035em}.login-panel>p{margin:0;color:var(--muted);font-size:11px}.login-panel form{display:grid;gap:18px;margin-top:31px}.login-panel label{display:grid;gap:8px}.login-panel label span{color:#a4b0c3;font-size:10px;font-weight:600}.login-panel input,.search-box input{width:100%;border:1px solid rgba(120,155,218,.18);outline:0;color:var(--text);background:#040911bf}.login-panel input{height:49px;padding:0 14px;border-radius:11px;font-size:12px}.login-panel input:focus{border-color:#499eff94;box-shadow:0 0 0 3px #2477ff1a}.login-button{display:flex;height:50px;align-items:center;justify-content:center;gap:10px;margin-top:3px;border:1px solid rgba(116,192,255,.46);border-radius:999px;color:#fff;background:linear-gradient(100deg,#0c53d3,#1878ff 60%,#269fe9);box-shadow:0 13px 35px #1667f74d;font-size:12px;font-weight:700;cursor:pointer}.login-button svg{width:17px;height:17px}.login-error,.send-error{margin:0;color:#ffafa8;font-size:10px;line-height:1.5}.login-panel .login-help{margin-top:20px;color:var(--faint);font-size:8px;text-align:center}.workspace{display:grid;height:100dvh;grid-template-columns:226px minmax(300px,356px) minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 82% -20%,rgba(28,107,255,.13),transparent 32rem),var(--bg)}.rail{display:flex;min-width:0;flex-direction:column;padding:24px 16px 18px;border-right:1px solid var(--line);background:#050a12e6}.rail-brand{padding:0 5px}.rail-brand .brand-shield{width:37px;height:37px;border-radius:12px}.rail-brand .brand-shield svg{width:23px;height:23px}.rail-brand strong{font-size:16px}.rail-nav{display:grid;gap:7px;margin-top:46px}.rail-nav button{display:flex;min-height:45px;align-items:center;gap:11px;padding:0 12px;border:1px solid transparent;border-radius:10px;color:#77869d;background:transparent;font-size:11px;text-align:left}.rail-nav button.active{border-color:#549bff30;color:#edf6ff;background:linear-gradient(90deg,#1f69e03d,#13326414);box-shadow:inset 3px 0 #3c9cff}.rail-nav button svg{width:19px;height:19px;stroke-width:1.4}.rail-nav button span{display:grid;min-width:20px;height:20px;margin-left:auto;place-items:center;border-radius:7px;color:#a7d9ff;background:#287ef730;font-size:8px}.rail-state{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 12px;border:1px solid var(--line);border-radius:11px;background:#0b111db8}.rail-state>span{width:7px;height:7px;flex:none;border-radius:50%;background:var(--amber)}.rail-state>span.online{background:var(--green);box-shadow:0 0 0 4px #5ce5ad12,0 0 9px #5ce5ad80}.rail-state div,.agent-card>span:nth-child(2){display:grid;gap:3px}.rail-state strong,.agent-card strong{font-size:9px;font-weight:600}.rail-state small,.agent-card small{color:var(--faint);font-size:7px}.agent-card{display:flex;align-items:center;gap:9px;margin-top:10px;padding:12px 8px 2px}.agent-avatar,.visitor-avatar,.message-avatar{display:grid;flex:none;place-items:center;border-radius:50%;font-weight:700}.agent-avatar{width:34px;height:34px;color:#e7f6ff;background:linear-gradient(145deg,#1a60cf,#15356d)}.agent-card button{display:grid;width:29px;height:29px;margin-left:auto;place-items:center;border:0;border-radius:8px;color:var(--faint);background:transparent;cursor:pointer}.agent-card button:hover{color:var(--text);background:#ffffff0d}.agent-card button svg{width:16px;height:16px}.inbox-pane{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);background:#070c15d6}.inbox-head{display:flex;align-items:center;justify-content:space-between;padding:25px 20px 18px}.inbox-head p{margin:0 0 6px;color:#4f9eff;font-size:7px;font-weight:800;letter-spacing:.18em}.inbox-head h1{margin:0;font-size:23px;letter-spacing:-.04em}.mobile-logout{display:none}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 20px 17px}.metric-row article{position:relative;display:grid;gap:4px;overflow:hidden;padding:11px 10px;border:1px solid var(--line);border-radius:9px;background:#0d1422b3}.metric-row span{color:var(--faint);font-size:7px}.metric-row strong{font-size:18px}.metric-row i{position:absolute;right:8px;bottom:9px;width:5px;height:5px;border-radius:50%}.metric-wait{background:var(--amber);box-shadow:0 0 8px #ffc4668c}.metric-active{background:var(--blue-soft);box-shadow:0 0 8px #4aaaff8c}.metric-message{background:var(--green);box-shadow:0 0 8px #5ce5ad8c}.search-row{padding:0 20px}.search-box{display:flex;height:39px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#070d17}.search-box:focus-within{border-color:#4e9dff61}.search-box svg{width:15px;height:15px;color:var(--faint)}.search-box input{height:100%;padding:0;border:0;background:transparent;font-size:9px}.search-box input::placeholder{color:#4e5d72}.filter-scroll{overflow-x:auto;padding:13px 20px 0;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-tabs{display:flex;gap:6px;width:max-content}.filter-tabs button,.channel-row button{border:1px solid transparent;color:#6f7e94;background:transparent;cursor:pointer}.filter-tabs button{padding:6px 10px;border-radius:7px;font-size:8px}.filter-tabs button.active{border-color:#4d96ff33;color:#cfe9ff;background:#1c5bbc33}.channel-row{display:flex;gap:6px;padding:8px 20px 13px}.channel-row button{padding:4px 7px;border-radius:5px;font-size:7px}.channel-row button.active{color:#8fcfff;background:#236dde1f}.conversation-list{flex:1;overflow-y:auto;padding:0 11px 12px;scrollbar-color:rgba(92,132,195,.22) transparent;scrollbar-width:thin}.conversation-item{position:relative;display:flex;width:100%;gap:10px;padding:12px 10px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.conversation-item:hover{background:#101b2eb3}.conversation-item.selected{border-color:#4a97ff38;background:radial-gradient(circle at 100% 0%,rgba(42,125,255,.16),transparent 55%),#11233fb8}.conversation-item.selected:before{position:absolute;top:14px;bottom:14px;left:-1px;width:2px;border-radius:2px;content:"";background:#4ba8ff;box-shadow:0 0 12px #4ba8ffb3}.visitor-avatar{width:34px;height:34px;margin-top:1px;border:1px solid rgba(121,173,250,.19);color:#abdfff;background:#112d55;font-size:10px}.visitor-avatar.avatar-app{color:#aaf0cf;background:#103a35}.visitor-avatar.avatar-h5{color:#d8c9ff;background:#34294f}.conversation-copy{display:grid;min-width:0;flex:1;gap:5px}.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-top strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.conversation-top time{flex:none;color:var(--faint);font-size:7px}.conversation-preview{overflow:hidden;color:#6f7e94;font-size:8px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:5px}.channel-tag,.status-tag{padding:3px 5px;border-radius:4px;color:#6f91b8;background:#265b9e21;font-size:6px;font-style:normal}.status-tag.waiting{color:#ffd68c;background:#8f5f1433}.status-tag.active{color:#8ed4ff;background:#1c6ac930}.status-tag.bot{color:#9cdec4;background:#19674e2b}.status-tag.closed{color:#6f7e95;background:#57657c24}.conversation-meta em{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--amber);box-shadow:0 0 8px #ffc46699}.list-loading{display:flex;justify-content:center;gap:5px;padding:40px}.list-loading span{width:5px;height:5px;border-radius:50%;background:var(--blue-soft);animation:boot-pulse 1.1s infinite}.list-loading span:nth-child(2){animation-delay:.12s}.list-loading span:nth-child(3){animation-delay:.24s}.empty-list{display:grid;justify-items:center;gap:7px;padding:60px 25px;color:var(--faint);text-align:center}.empty-list>span{color:#3978ba;font-size:28px}.empty-list strong{color:#8494aa;font-size:10px}.empty-list p{max-width:220px;margin:0;font-size:8px;line-height:1.7}.chat-pane{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;background:linear-gradient(#040810e8,#040810e8),repeating-linear-gradient(0deg,transparent,transparent 25px,rgba(94,133,200,.05) 26px)}.chat-header{display:flex;min-height:76px;flex:none;align-items:center;gap:11px;padding:0 24px;border-bottom:1px solid var(--line);background:#060b14d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.back-button{display:none}.visitor-avatar.large{width:40px;height:40px}.chat-identity{display:grid;min-width:0;gap:4px}.chat-identity strong{font-size:12px}.chat-identity span{display:flex;align-items:center;gap:7px;overflow:hidden;color:var(--faint);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.chat-identity i{width:3px;height:3px;border-radius:50%;background:#46566c}.chat-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.claim-button{padding:8px 13px;border:1px solid rgba(91,172,255,.3);border-radius:999px;color:#ccecff;background:#1e69d733;font-size:8px;font-weight:700;cursor:pointer}.icon-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:9px;color:#718198;background:#0b121ec2;cursor:pointer}.icon-button:hover{color:#d7eaff;border-color:var(--line-strong)}.icon-button svg{width:16px;height:16px}.chat-status-line{display:flex;min-height:34px;flex:none;align-items:center;gap:10px;padding:0 25px;border-bottom:1px solid rgba(115,152,215,.08);color:#5d6c82;background:#050a12a6;font-size:7px}.message-viewport{flex:1;overflow-y:auto;padding:20px clamp(20px,5vw,70px) 12px;scrollbar-color:rgba(87,127,192,.2) transparent;scrollbar-width:thin}.date-divider{display:flex;align-items:center;gap:12px;margin:3px 0 22px;color:#536178;font-size:7px}.date-divider:before,.date-divider:after{height:1px;flex:1;content:"";background:#698bc717}.message-loading{padding:15px;color:var(--faint);font-size:9px;text-align:center}.system-message{width:fit-content;max-width:70%;margin:7px auto 15px;padding:5px 9px;border-radius:999px;color:#63738a;background:#101a2bb3;font-size:7px;text-align:center}.message-row{display:flex;max-width:78%;align-items:flex-end;gap:8px;margin-bottom:17px}.message-row.mine{margin-left:auto;flex-direction:row;justify-content:flex-end}.message-avatar{width:27px;height:27px;color:#9bdfff;background:#143154;font-size:8px}.message-avatar.agent{color:#d8f8ff;background:linear-gradient(145deg,#175bc8,#103c83)}.message-stack{display:grid;gap:5px}.message-row.mine .message-stack{justify-items:end}.message-bubble{display:grid;gap:8px;width:fit-content;max-width:100%;padding:10px 13px;border:1px solid rgba(107,146,211,.13);border-radius:5px 13px 13px;color:#b9c5d6;background:#0b111d;font-size:10px;line-height:1.75}.message-row.mine .message-bubble{border-color:#7ebeff3d;border-radius:13px 5px 13px 13px;color:#f2f9ff;background:linear-gradient(125deg,#1659cb,#126fdf);box-shadow:0 8px 22px #115cd029}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-image{display:block;max-width:280px;overflow:hidden;border-radius:8px}.message-image img{display:block;width:100%;max-height:260px;object-fit:cover}.message-time{color:#516077;font-size:6px}.composer-zone{flex:none;padding:8px clamp(20px,4vw,55px) 11px;border-top:1px solid rgba(109,147,211,.1);background:#050a12e0}.composer{display:flex;align-items:flex-end;gap:7px;padding:7px;border:1px solid rgba(120,157,221,.17);border-radius:13px;background:#080e19}.composer:focus-within{border-color:#4b9eff73;box-shadow:0 0 0 3px #2170f014}.composer textarea{min-height:36px;max-height:110px;flex:1;resize:none;padding:8px 3px 4px;border:0;outline:0;color:var(--text);background:transparent;font-size:10px;line-height:1.5}.composer textarea::placeholder{color:#526077}.attach-button{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid var(--line);border-radius:9px;color:#7495b8;background:#152b4a59;cursor:pointer}.attach-button svg{width:18px;height:18px}.send-button{display:flex;height:34px;flex:none;align-items:center;gap:5px;padding:0 13px;border:1px solid rgba(127,196,255,.38);border-radius:9px;color:#fff;background:linear-gradient(110deg,#1458d2,#1378e7);font-size:9px;font-weight:700;cursor:pointer}.send-button svg{width:14px;height:14px}.hidden-file{display:none}.file-preview{display:flex;align-items:center;gap:8px;width:fit-content;margin-bottom:7px;padding:6px 8px;border:1px solid rgba(80,157,255,.2);border-radius:8px;background:#14396f38}.file-preview>span{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;color:#83d9ff;background:#206dd833;font-size:7px;font-weight:800}.file-preview div{display:grid;gap:2px}.file-preview strong{max-width:240px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.file-preview small{color:var(--faint);font-size:6px}.file-preview button{border:0;color:var(--faint);background:transparent;cursor:pointer}.send-error{margin-bottom:7px}.composer-help{margin:6px 0 0;color:#455267;font-size:6px;text-align:center}.chat-empty{display:grid;height:100%;place-content:center;justify-items:center;padding:40px;text-align:center}.empty-orbit{position:relative;width:110px;height:110px;margin-bottom:28px;border:1px dashed rgba(80,145,240,.18);border-radius:50%}.empty-orbit:before,.empty-orbit:after{position:absolute;border:1px solid rgba(80,145,240,.14);border-radius:50%;content:""}.empty-orbit:before{top:18px;right:18px;bottom:18px;left:18px}.empty-orbit:after{top:39px;right:39px;bottom:39px;left:39px;background:#1f65d81f}.empty-orbit span{position:absolute;z-index:1;width:6px;height:6px;border-radius:50%;background:#4eacff;box-shadow:0 0 12px #4eacffb3}.empty-orbit span:nth-child(1){top:7px;left:52px}.empty-orbit span:nth-child(2){right:5px;bottom:33px}.empty-orbit span:nth-child(3){bottom:8px;left:30px}.chat-empty h2{margin:0;font-size:21px;letter-spacing:-.03em}.chat-empty p{max-width:320px;margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.8}.inspector{width:240px;border-left:1px solid var(--line);background:#070c15}.inspector header{display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.inspector header strong{font-size:11px}.inspector header button{border:0;color:var(--faint);background:transparent;font-size:18px;cursor:pointer}.inspector dl{display:grid;gap:0;margin:0;padding:12px 17px}.inspector dl div{display:grid;gap:5px;padding:13px 0;border-bottom:1px solid rgba(110,144,204,.08)}.inspector dt{color:var(--faint);font-size:7px}.inspector dd{margin:0;overflow-wrap:anywhere;color:#a7b5c9;font-size:9px;line-height:1.6}.mono{font-family:Consolas,monospace;font-size:8px!important}@media(max-width:1180px){.workspace{grid-template-columns:205px 320px minmax(0,1fr)}.inspector{position:absolute;z-index:10;top:0;right:0;bottom:0;box-shadow:-20px 0 60px #0008197a}}@media(max-width:860px){body{overflow:hidden}.login-page{display:flex;align-items:center;justify-content:center;padding:25px}.login-intro{position:absolute;top:25px;right:25px;bottom:25px;left:25px;padding:10px;justify-content:flex-start}.login-copy,.channel-strip{display:none}.login-panel{width:min(420px,100%);padding:28px 23px}.workspace{display:block}.rail{display:none}.inbox-pane{width:100%;height:100dvh;border:0}.inbox-head{padding-top:calc(18px + env(safe-area-inset-top))}.mobile-logout{display:block;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--faint);background:transparent;font-size:8px}.conversation-item{padding:14px 11px}.chat-pane{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:none;height:100dvh}.mobile-chat-open .chat-pane{display:flex}.back-button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:8px;color:#89a1bf;background:transparent}.back-button svg{width:16px;height:16px}.chat-header{min-height:69px;padding:0 12px}.chat-status-line{padding:0 14px}.message-viewport{padding:18px 14px 8px}.message-row{max-width:90%}.composer-zone{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.composer-help{display:none}.inspector{position:fixed;z-index:31;top:0;right:0;bottom:0;width:min(290px,85vw)}}@media(max-width:480px){.metric-row article{padding:9px 8px}.metric-row strong{font-size:16px}.chat-actions .claim-button{padding:7px 9px}.chat-actions .icon-button:first-of-type{display:none}.chat-identity span{max-width:155px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}