:root{color-scheme:dark;--canvas:#202328;--sidebar:#252a30;--surface:#262b32;--line:#343b44;--text:#e4e8ed;--muted:#919ca8;--accent:#477697;--link:#aacfe8;--bubble:#333b45;--own-bubble:#385b74}.avatar i.away{background:#d5ad68}.chat-header p.away{color:#d5ad68}.input-row .tool-button{width:36px;height:42px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;color:#a7b2bd}.input-row svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.input-row .tool-button.active{color:#c3dfef;background:#354653}.input-row .composer-action{width:36px;height:42px;flex:0 0 36px;padding:0;border-radius:10px;display:grid;place-items:center}.input-row .send-button{background:var(--accent);color:#f1f7fb}.input-row .send-button svg{stroke-width:2}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.55}a{color:var(--link)}button:focus-visible,a:focus-visible{outline:2px solid var(--link);outline-offset:3px}input,textarea{color:var(--text);border:1px solid var(--line);background:var(--canvas);outline:none}input:focus,textarea:focus{border-color:var(--accent)}button:hover:not(:disabled){filter:brightness(1.15)}h1,h2,h3,p{margin:0}small{font-size:12px;color:var(--muted)}.loading-screen{display:grid;place-items:center;height:100dvh;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#395e78;color:#e2eef5;border-radius:13px;font-size:23px;font-weight:500}.login-page{min-height:var(--app-height,100dvh);display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto}.login-story{padding:70px 12%;background:#252c33;display:flex;flex-direction:column;align-items:flex-start;min-height:100dvh}.brand-name{font-size:20px;margin:16px 0 80px;letter-spacing:3px}.login-story h1{font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.55;letter-spacing:4px}.login-story p{margin-top:28px;line-height:2.2;color:#a6b4be;font-size:16px}.story-bottom{margin-top:auto;padding-top:60px;color:#7f909c;font-size:12px}.login-form-wrap{display:grid;place-items:center;padding:36px}.login-form{width:100%;max-width:340px}.login-form h2{font-size:28px;font-weight:500;margin-bottom:12px}.login-form>p{color:var(--muted);margin-bottom:40px}.login-form label{display:block;margin-top:24px;color:#bac0c7;font-size:13px}.login-form input{display:block;width:100%;padding:14px 15px;border-radius:8px;margin-top:10px}.primary-button{display:block;background:var(--accent);border-radius:8px;padding:14px 24px;color:#fff}.login-form .primary-button{width:100%;margin-top:30px}.login-form>small{display:block;text-align:center;margin-top:22px}.form-error{color:#eda5a1;font-size:13px;margin-top:18px;line-height:1.6}.mobile-brand{display:none}.chat-shell{display:flex;height:var(--app-height,100dvh);max-width:1600px;margin:auto;overflow:hidden}.sidebar{width:300px;flex-shrink:0;background:var(--sidebar);display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar-header{display:flex;align-items:center;gap:13px;padding:29px 24px 28px}.sidebar-header h1{font-weight:500;font-size:21px;letter-spacing:2px}.sidebar-header p{font-size:11px;color:var(--muted);margin-top:6px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#c18d66;margin-left:auto}.connection-dot.online{background:#81b79e}.section-label{padding:15px 24px;color:var(--muted);display:flex;justify-content:space-between;font-size:12px}.section-label span{color:#717983}.conversation-list{flex:1;overflow:auto;padding:0 10px}.conversation{display:flex;align-items:center;gap:12px;width:100%;padding:16px 13px;border-radius:9px;text-align:left;margin-bottom:4px}.conversation.selected{background:#343c45}.conversation:hover{background:#2e343c}.avatar,.message-avatar{width:44px;height:44px;display:grid;place-items:center;background:#414e5b;color:#dce4eb;border-radius:12px;position:relative;flex-shrink:0;font-size:18px}.avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--sidebar);border-radius:50%;background:#68717c}.avatar i.online{background:#83b89d}.conversation-copy{min-width:0;flex:1}.conversation-top,.conversation-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.conversation-top strong{font-weight:500;font-size:14px}.conversation-top time{color:var(--muted);font-size:10px}.conversation-bottom{margin-top:8px;color:var(--muted);font-size:12px}.conversation-bottom>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-bottom b{border-radius:12px;background:var(--accent);color:#fff;min-width:18px;padding:2px 5px;text-align:center;font-size:10px}.profile{display:flex;align-items:center;gap:10px;padding:18px 22px;border-top:1px solid var(--line)}.avatar.small{width:34px;height:34px;font-size:15px;border-radius:9px}.profile strong{font-size:12px;font-weight:500}.profile small{display:block;font-size:10px;margin-top:3px}.profile button{margin-left:auto;color:var(--muted);font-size:12px}.empty-sidebar{color:var(--muted);padding:30px 10px;text-align:center;line-height:2}.chat-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:var(--canvas)}.chat-header{min-height:84px;display:flex;align-items:center;gap:12px;padding:18px 30px;border-bottom:1px solid var(--line);background:var(--surface)}.header-avatar{width:38px;height:38px;border-radius:10px;font-size:16px}.chat-header h2{font-size:16px;font-weight:500}.chat-header p{font-size:11px;color:var(--muted);margin-top:5px}.chat-header p.online{color:#92bba6}.header-detail{margin-left:auto;font-size:11px;color:#717b86}.network-banner{padding:9px 20px;text-align:center;background:#443a2c;color:#e2c79f;font-size:12px}.network-banner small{margin-left:14px;color:#c4ad8b}.messages-viewport{flex:1;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;padding:0 30px;scrollbar-width:thin;scrollbar-color:#48515c transparent}.message-list{max-width:1000px;margin:auto;padding-bottom:24px}.history-state,.history-button{display:block;text-align:center;padding:24px 10px;color:#737d89;font-size:11px;margin:auto}.history-button{color:#99b9d2}.date-divider{margin:20px auto 25px;text-align:center;font-size:11px;color:#87909d}.unread-divider{display:flex;align-items:center;gap:15px;color:#a8bac9;font-size:11px;margin:25px 0;scroll-margin-top:20px}.unread-divider:before,.unread-divider:after{content:"";height:1px;background:#3c4752;flex:1}.message{display:flex;gap:10px;margin-bottom:20px;align-items:flex-start;scroll-margin:20px;transition:background .3s;border-radius:8px}.message.own{flex-direction:row-reverse}.message-avatar{width:34px;height:34px;border-radius:9px;font-size:14px;background:#434b55}.own .message-avatar{background:#405d70}.message-content{max-width:min(76%,600px);min-width:0}.bubble{background:var(--bubble);padding:11px 14px;border-radius:3px 12px 12px;overflow:hidden}.own .bubble{background:var(--own-bubble);border-radius:12px 3px 12px 12px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px}.emoji-bubble,.own .emoji-bubble{background:transparent;padding:0 5px}.emoji-bubble .message-text{font-size:44px;line-height:1.4}.message-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#808995;margin-top:6px;min-height:16px}.own .message-meta{justify-content:flex-end}.message-meta button{padding:0;font-size:10px;opacity:1}.message-meta .read-state{color:#9bc2df}.message-meta .failed-state{color:#ef9b94}.message-meta .message-menu{font-size:16px;padding:0 5px;color:#9da6b1}.reference{display:flex;flex-direction:column;gap:5px;border-left:2px solid #94b7cd;background:#0002;padding:8px 10px;margin-bottom:8px;text-align:left;max-width:100%;font-size:11px}.reference span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b5c2cd;max-width:300px}.reference span:first-child{color:#bfd0de}.bubble img{display:block;max-width:100%;max-height:360px;width:auto;min-width:80px;cursor:zoom-in;border-radius:6px}.media-bubble{padding:5px;max-width:380px}.bubble video{display:block;max-width:100%;max-height:340px;border-radius:6px}.bubble audio{display:block;width:260px;max-width:100%;height:40px}.bubble>small{display:block;margin-top:5px}.media-label{display:block;font-size:11px;color:#bcc7d0;padding:10px}.file-card{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;min-width:180px}.file-symbol{font-size:24px;background:#ffffff0b;width:40px;height:46px;display:grid;place-items:center;border-radius:5px}.file-card strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;line-height:1.6}.file-card small{display:block;margin-top:5px;font-size:10px}.media-failure{font-size:12px;padding:12px;line-height:1.8}.revoked{justify-content:center}.revoked-note{font-size:11px;color:var(--muted);padding:8px}.highlight{background:#88b9e12a}.new-messages{position:absolute;right:30px;bottom:110px;border:1px solid #4b5a68;border-radius:20px;background:#343f49;box-shadow:0 4px 20px #0003;font-size:12px;padding:10px 16px;z-index:2}.composer{border-top:1px solid var(--line);background:var(--surface);padding:14px 25px max(18px,env(safe-area-inset-bottom));flex-shrink:0}.input-row{display:flex;align-items:flex-end;gap:10px}.tool-button{width:32px;height:38px;display:grid;place-items:center;flex-shrink:0;font-size:27px;color:#a7b2bd;line-height:1}.tool-button.active{color:#b4d8ef}.input-row textarea{resize:none;flex:1;min-width:0;height:42px;max-height:150px;field-sizing:content;border-radius:8px;padding:10px 13px;line-height:1.5;background:#292f36;border:1px solid #3a424b}.input-row textarea::placeholder{color:#7e8995}.send-button{padding:11px 17px;border-radius:7px;background:var(--accent);white-space:nowrap;height:42px}.compose-context{display:flex;justify-content:space-between;gap:15px;padding:0 8px 13px}.compose-context>div{display:flex;flex-direction:column;gap:5px;min-width:0}.compose-context strong{font-weight:500;font-size:11px;color:#b0cada}.compose-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);max-width:65vw}.compose-context>button{font-size:24px;color:var(--muted)}.emoji-panel{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;padding:20px 0 0;max-height:220px;overflow:auto}.emoji-panel button{font-size:27px;padding:8px 0}.more-panel{display:flex;flex-direction:column;align-items:flex-start;padding:24px 8px;gap:16px}.more-panel button{display:flex;align-items:center;gap:12px}.more-panel button span{display:grid;place-items:center;background:#37414b;width:45px;height:45px;border-radius:10px;font-size:25px}.voice-panel{text-align:center;padding:20px 0 10px}.voice-panel p{font-size:12px;color:var(--muted);margin-bottom:15px}.record-button{width:min(100%,350px);padding:18px;border:1px solid #546777;border-radius:10px;touch-action:none;user-select:none;-webkit-user-select:none}.record-button.recording{background:#476d88}.record-button.cancelling{background:#804945}.upload-tasks{display:flex;flex-direction:column;gap:10px;max-height:150px;overflow:auto;padding-bottom:15px}.upload-task{display:flex;align-items:center;gap:10px;font-size:11px}.upload-task>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upload-task small{font-size:10px}.upload-task progress{width:70px;height:4px;accent-color:var(--accent)}.upload-task button{color:#a6c6dc;font-size:11px}.welcome,.empty-chat{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center;padding:40px 20px}.welcome-mark{font-size:58px;border:1px solid #475661;border-radius:24px;width:105px;height:105px;display:grid;place-items:center;color:#8ba5b8;margin-bottom:28px;transform:rotate(-5deg)}.welcome h2{font-weight:400;font-size:23px;color:#b6c0c9;margin-bottom:15px}.welcome p{font-size:13px}.welcome .primary-button{margin-top:25px}.empty-chat{min-height:55vh}.empty-chat>span{font-size:50px;color:#6c879c;margin-bottom:20px}.empty-chat h3{font-size:17px;font-weight:400;color:#b1bdc7;margin-bottom:12px}.empty-chat p{font-size:12px;line-height:1.8}.modal-backdrop{position:fixed;inset:0;background:#0009;z-index:20;display:grid;place-items:center;padding:20px}.action-sheet{width:min(100%,300px);background:#2c333b;border:1px solid #49515a;border-radius:14px;overflow:hidden;padding:10px}.action-sheet h3{font-size:12px;font-weight:400;color:var(--muted);padding:12px}.action-sheet button{display:block;width:100%;text-align:left;padding:13px 12px;border-radius:6px}.action-sheet button:hover{background:#3b444f}.danger{color:#efaaa4}.image-preview{position:fixed;inset:0;background:#101317f5;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:75px 20px 30px}.image-preview header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:20px 25px;font-size:13px}.image-preview header span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview header button:last-child{font-size:30px}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.toast{position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:13px 21px;border:1px solid #66717c;background:#35414df5;border-radius:9px;color:#eef2f6;z-index:50;max-width:90vw;line-height:1.6;box-shadow:0 6px 30px #0004;text-align:center}.mobile-menu,.drawer-backdrop{display:none}@media(min-width:1600px){.chat-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:1000px){.sidebar{width:270px}.messages-viewport{padding:0 20px}.chat-header{padding:17px 22px}.composer{padding-left:14px;padding-right:14px}.emoji-panel{grid-template-columns:repeat(8,1fr)}}@media(max-width:720px){.chat-shell{width:100%;height:var(--app-height,100dvh)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(85vw,320px);height:var(--app-height,100dvh);transform:translate(-100%);z-index:11;transition:transform .2s}.sidebar.open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#0008;z-index:10}.mobile-menu{display:block}.chat-header{min-height:70px;padding:13px 15px;gap:10px;padding-top:max(13px,env(safe-area-inset-top))}.chat-header h2{font-size:15px}.header-avatar{display:none}.header-detail{font-size:10px}.messages-viewport{padding:0 13px}.message-content{max-width:78%}.message-avatar{width:30px;height:30px;border-radius:8px;font-size:12px}.message{gap:8px;margin-bottom:18px}.bubble{padding:9px 12px}.media-bubble{padding:4px}.message-text{font-size:14px}.bubble audio{width:210px}.composer{padding:10px 10px max(12px,env(safe-area-inset-bottom))}.input-row{gap:6px}.tool-button{width:29px}.input-row textarea{font-size:16px;padding:9px 10px;min-height:42px}.send-button{padding:11px 13px}.network-banner{font-size:11px;padding:8px}.network-banner small{display:none}.new-messages{right:18px;bottom:95px}.emoji-panel{grid-template-columns:repeat(8,1fr);gap:3px;padding-top:12px}.emoji-panel button{font-size:26px}.login-page{display:block}.login-story{display:none}.login-form-wrap{min-height:var(--app-height,100dvh);padding:40px 30px}.mobile-brand{display:block;color:#9dbbd0;font-size:18px;letter-spacing:4px;margin-bottom:50px}.login-form h2{font-size:26px}.welcome h2{font-size:21px}.action-sheet{align-self:end;width:100%;max-width:400px}.image-preview{padding:75px 10px 25px}.image-preview header{padding:18px 15px}.upload-task progress{width:45px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.message-content{display:flex;flex-direction:column;align-items:flex-start;max-width:min(78%,520px)}.transcription{border-top:1px solid #ffffff20;margin-top:10px;padding-top:9px;max-width:100%;text-align:left}.transcription small{display:block;font-size:10px;opacity:.8;margin:0 0 6px}.transcription p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.transcription button{font-size:12px;color:#c8e3f4;padding:8px 0 0;text-decoration:underline;text-underline-offset:3px}.own .message-content{align-items:flex-end}.bubble{max-width:100%;padding:10px 13px;border-radius:5px 15px 15px}.own .bubble{border-radius:15px 5px 15px 15px;background:#36566c}.message-text{font-size:15px;line-height:1.6}.message-meta{gap:6px;margin-top:4px;min-height:18px;white-space:nowrap;color:#87929e}.emoji-bubble,.own .emoji-bubble{padding:2px 3px;background:transparent}.emoji-bubble .message-text{font-size:40px;line-height:1.25}.media-bubble{padding:4px}.emoji-picker{padding-top:12px}.emoji-categories{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px}.emoji-categories button{flex:1;padding:8px 2px;border-radius:7px;font-size:12px;color:var(--muted)}.emoji-categories button[aria-pressed=true]{background:#354653;color:#c3dfef}.emoji-picker .emoji-panel{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;padding:8px 0 0;max-height:240px;overscroll-behavior:contain;scrollbar-width:thin}.emoji-picker .emoji-panel button{display:grid;place-items:center;min-width:0;min-height:42px;padding:6px 0;font-size:26px;border-radius:8px}.emoji-picker .emoji-panel button:hover{background:#ffffff0a}@media(max-width:720px){.message{gap:8px;margin-bottom:16px}.message-avatar{width:32px;height:32px;border-radius:10px}.message-content{max-width:calc(100% - 72px)}.bubble{padding:9px 12px}.message-text{font-size:15px;line-height:1.6}.media-bubble{padding:4px}.emoji-bubble,.own .emoji-bubble{padding:2px 3px}.emoji-picker .emoji-panel{grid-template-columns:repeat(8,minmax(0,1fr));max-height:216px}}