:root{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:#263b3b;background:#f4f8f7;font-synthesis:none;--teal:#0b7774;--teal-dark:#086866;--teal-deep:#064e4c;--teal-soft:#e4f4f2;--ink:#203333;--muted:#758888;--line:#dce7e5;--line-strong:#cad9d6;--surface:#fff;--canvas:#edf4f3;--danger:#bd4a56;--success:#278762}*{box-sizing:border-box}body{margin:0;min-width:1120px;min-height:100vh;overflow:hidden;background:#f4f8f7;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #138b8633;outline-offset:1px}.app-shell{width:100vw;height:100vh;display:grid;grid-template-columns:214px 342px minmax(560px,1fr);padding-top:42px;overflow:hidden;background:var(--canvas)}.topbar{position:fixed;inset:0 0 auto;height:42px;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 22px;color:#55706f;background:#fff;border-bottom:1px solid var(--line);font-size:12px}.topbar span{display:flex;align-items:center;gap:7px}.topbar i,.operator i,.workspace>i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#30a66f;box-shadow:0 0 0 3px #30a66f21}.topbar button{border:0;background:transparent;color:var(--teal);cursor:pointer}.topbar svg{width:18px;height:18px}.sidebar{min-width:0;display:flex;flex-direction:column;background:#f6faf9;border-right:1px solid var(--line);overflow:hidden}.brand{height:74px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line)}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--teal);box-shadow:0 6px 14px #0868662b}.brand-mark svg{width:23px;height:23px}.brand b,.brand span,.workspace b,.workspace span,.operator b,.operator span{display:block}.brand b{font-size:18px;letter-spacing:.08em;color:var(--teal-deep)}.brand span{margin-top:3px;font-size:11px;color:#829392}.workspace{margin:12px 12px 8px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff}.workspace b{font-size:12px}.workspace span{margin-top:2px;font-size:10px;color:var(--muted)}.workspace>svg{color:#91a19f}.sidebar nav{padding:0 10px 12px;flex:1;overflow-y:auto}.sidebar nav section{margin-top:12px}.sidebar nav section>p{margin:0 9px 5px;color:#9aaba9;font-size:10px;letter-spacing:.12em}.sidebar nav button{width:100%;height:35px;border:0;border-radius:6px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:0 9px;color:#566c6b;background:transparent;cursor:pointer;text-align:left;font-size:12px}.sidebar nav button:hover,.sidebar nav button.active{color:var(--teal-dark);background:#e5f3f1}.sidebar nav button.active{box-shadow:inset 3px 0 var(--teal);font-weight:650}.sidebar nav button svg{width:16px;height:16px}.sidebar nav em,.sidebar nav button>i{font-style:normal}.sidebar nav em{min-width:16px;height:16px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#cf3547;font-size:9px}.sidebar nav button>i{padding:4px 5px;border-radius:8px;color:#fff;background:#c84955;font-size:9px}.operator{min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 14px;border-top:1px solid var(--line);background:#fff}.operator-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#497b73;font-size:12px}.operator b{font-size:11px}.operator span{margin-top:3px;font-size:9px;color:var(--muted)}.operator span i{margin-right:5px}.operator>svg{color:#8da09f}.conversation-panel{min-width:0;display:flex;flex-direction:column;padding:21px 16px 0;background:#fff;border-right:1px solid var(--line);overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading>div>span,.placeholder>span{display:block;margin-bottom:5px;color:var(--teal);font-size:9px;font-weight:700;letter-spacing:.14em}.panel-heading h2{margin:0;color:var(--ink);font-size:18px}.panel-heading>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:7px;color:var(--teal);background:#fff;cursor:pointer}.panel-heading>button:hover{background:#f0f9f8}.search{height:39px;margin-top:17px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line-strong);border-radius:7px;background:#fbfdfd}.search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #138b8614}.search svg{color:#849695}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:12px}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;margin-top:10px;border-radius:7px;background:#eef4f3}.filters button{height:29px;border:0;border-radius:5px;color:#718382;background:transparent;cursor:pointer;font-size:10px}.filters button.active{color:var(--teal-dark);background:#fff;box-shadow:0 1px 4px #2a494614;font-weight:650}.summary{display:flex;justify-content:space-between;margin:16px 2px 8px;color:#80918f;font-size:10px}.summary b{color:#5c7270}.conversation-list{min-height:0;flex:1;overflow-y:auto;padding:0 2px 18px}.conversation{position:relative;width:100%;min-height:104px;margin-bottom:8px;display:grid;grid-template-columns:38px 1fr;gap:10px;padding:13px 11px;border:1px solid transparent;border-radius:8px;text-align:left;background:#f7faf9;cursor:pointer}.conversation:before{content:"";position:absolute;inset:9px auto 9px 0;width:3px;border-radius:0 3px 3px 0}.conversation:hover{border-color:#d5e5e2;background:#f2f8f7}.conversation.active{border-color:#c3ddda;background:#e6f3f1}.conversation.active:before{background:var(--teal)}.avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:50%;color:#fff;background:#3c9a6b}.avatar.closed{background:#98734a}.avatar svg{width:19px;height:19px}.conversation-copy{min-width:0}.conversation-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-copy>div+div{margin-top:7px}.conversation-copy b,.conversation-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy b{color:#315553;font-size:12px}.conversation-copy time{flex:none;color:#96a4a3;font-size:9px}.conversation-copy span{color:#738684;font-size:10px}.conversation-copy em{min-width:17px;height:17px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#d23b4d;font-size:9px;font-style:normal}.conversation-copy small{margin-top:10px}.success-pill,.danger-pill,.quota-pill{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:10px;font-size:9px;font-weight:600;white-space:nowrap}.success-pill{color:var(--success);background:#edf8f1}.danger-pill{color:var(--danger);background:#fff3f4}.quota-pill{color:#31765d;background:#eaf6ee}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:230px;color:#91a2a0;text-align:center}.empty svg{width:30px;height:30px;color:#a8b8b6}.empty b{color:#627977;font-size:12px}.empty span{font-size:10px}.chat-panel{min-width:0;display:grid;grid-template-rows:76px 35px minmax(0,1fr) auto;background:#f2f7f6;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid var(--line);background:#fff}.chat-identity{min-width:0;display:flex;align-items:center;gap:11px}.chat-name{display:flex;align-items:center;gap:7px}.chat-name h1{margin:0;color:var(--ink);font-size:16px}.chat-identity p{margin:5px 0 0;color:#879896;font-size:10px}.header-actions{display:flex;gap:7px}.header-actions button{height:32px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line-strong);border-radius:6px;color:#506967;background:#fff;cursor:pointer;font-size:10px}.header-actions button:hover{background:#f0f9f8}.header-actions .danger{color:var(--danger);border-color:#dfafb4}.header-actions .blocked{color:#fff;border-color:var(--danger);background:var(--danger)}.translation{display:flex;align-items:center;gap:7px;padding:0 20px;color:#708482;border-bottom:1px solid var(--line);background:#fbfdfd;font-size:9px}.translation svg,.translation button{color:var(--teal)}.translation button{padding:0;border:0;background:transparent;cursor:pointer;font-size:9px}.message-stream{min-height:0;padding:14px 22px 18px;overflow-y:auto;background:#eef5f4}.date{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#95a6a4;font-size:9px}.date:before,.date:after{content:"";height:1px;flex:1;background:#dce7e5}.message-row{display:flex;margin:8px 0}.message-row.out{justify-content:flex-end}.bubble-wrap{max-width:min(68%,560px)}.bubble,.file,.voice{border-radius:7px;box-shadow:0 1px 2px #2549450a}.bubble{min-width:136px;padding:12px 14px;color:#314746;background:#fff;font-size:12px;line-height:1.6;white-space:pre-wrap}.out .bubble,.out .file,.out .voice{background:#8bf45f}.bubble-wrap>small{display:block;margin-top:4px;color:#91a2a0;font-size:8px}.out .bubble-wrap>small{text-align:right}.voice{width:226px;height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #dce7e5;color:#385755;background:#fff;cursor:pointer}.voice>i{height:3px;flex:1;overflow:hidden;border-radius:2px;background:#1f44412e}.voice>i span{display:block;width:62%;height:100%;background:#2e615e}.voice b{font-size:10px}.file{min-width:250px;display:flex;align-items:center;gap:12px;padding:12px;background:#fff}.file>svg{width:27px;height:27px}.file b,.file span{display:block}.file b{max-width:240px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file span{margin-top:4px;color:#66817e;font-size:9px}.notice,.closed-notice{width:fit-content;max-width:80%;margin:12px auto;padding:7px 11px;border-radius:5px;color:#728684;background:#ffffffb8;font-size:9px}.notice{display:flex;align-items:center;gap:6px}.closed-notice{color:#9a5f64;background:#fff4f5}.chat-empty{height:100%}.composer{padding:10px 14px 12px;border-top:1px solid var(--line-strong);background:#fff}.composer>textarea{width:100%;height:62px;display:block;resize:none;padding:10px 11px;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:#fff;outline:0;font-size:11px;line-height:1.5}.composer>textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #138b8614}.composer>textarea:disabled{color:#9caaaa;background:#f4f6f6}.send-row{display:flex;align-items:center;gap:11px;margin-top:8px}.send-row span{color:#91a2a0;font-size:9px}.primary{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid var(--teal);border-radius:6px;color:#fff;background:var(--teal);cursor:pointer;font-size:11px;font-weight:650}.primary:hover{background:var(--teal-dark)}.primary:disabled{color:#a0adac;border-color:#e3e9e8;background:#eef2f1;cursor:not-allowed}.tools{display:flex;align-items:center;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:1px}.tool{height:30px;display:flex;flex:none;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line-strong);border-radius:6px;color:#506866;background:#fff;cursor:pointer;font-size:10px}.tool:hover,.tool.active{color:var(--teal-dark);border-color:#a9ccc8;background:#f0f9f8}.tool svg{width:14px;height:14px}.suggestions{display:flex;align-items:center;gap:6px;margin-top:8px;overflow-x:auto}.suggestions b{height:28px;display:flex;align-items:center;gap:5px;flex:none;color:var(--teal);font-size:9px}.suggestions button{height:28px;flex:none;padding:0 9px;border:1px solid #d5e2e0;border-radius:6px;color:#4d6664;background:#fff;cursor:pointer;font-size:9px}.suggestions button:hover{border-color:#a6cbc7}.profile{position:fixed;inset:42px 0 0 auto;z-index:15;width:330px;padding:22px;border-left:1px solid var(--line);background:#fff;box-shadow:-12px 0 30px #1f3e3b1f;overflow-y:auto}.profile-avatar{width:66px;height:66px;display:grid;place-items:center;margin:28px auto 8px;border-radius:50%;color:#fff;background:#3c9a6b}.profile-avatar svg{width:31px;height:31px}.profile-id{text-align:center;color:#8a9b99;font-size:10px}.profile dl{margin:25px 0 18px;border-top:1px solid var(--line)}.profile dl>div{min-height:50px;display:grid;grid-template-columns:78px 1fr;align-items:center;border-bottom:1px solid var(--line)}.profile dt{color:#839492;font-size:10px}.profile dd{margin:0;color:#405a58;font-size:11px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{padding:4px 7px;border-radius:10px;color:var(--teal);background:var(--teal-soft);font-size:9px}.profile label>span,.modal label>span{display:block;margin-bottom:7px;color:#667c7a;font-size:10px;font-weight:650}.profile textarea,.modal textarea,.modal input{width:100%;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:#fff;outline:0;font-size:11px}.profile textarea,.modal textarea{height:108px;resize:vertical;padding:10px;line-height:1.6}.modal input{height:39px;padding:0 10px}.wide{width:100%;margin-top:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#162f2d59}.modal{width:min(520px,100%);padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 24px 60px #1b3c3833}.modal>.panel-heading+label,.form-grid{margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid+label{display:block;margin-top:16px}.hint{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:#829391;font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-actions>button:not(.primary){min-height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:6px;color:#647a78;background:#fff;cursor:pointer;font-size:11px}.toast{position:fixed;z-index:60;top:58px;left:50%;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #aed9c4;border-radius:7px;color:#23694f;background:#effaf4;box-shadow:0 12px 26px #2a514221;transform:translate(-50%);font-size:11px}.toast svg{width:17px;height:17px}.placeholder{grid-column:2/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#718583;background:#f3f8f7;text-align:center}.placeholder>div{width:62px;height:62px;display:grid;place-items:center;margin-bottom:18px;border:1px solid #cfe1de;border-radius:16px;color:var(--teal);background:#fff}.placeholder>div svg{width:28px;height:28px}.placeholder h1{margin:0;color:var(--ink);font-size:26px}.placeholder p{margin:12px 0 22px;font-size:12px}.hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.connect-copy{margin:16px 0;color:#708482;font-size:11px;line-height:1.7}.connect-modal label{display:block;margin-top:14px}.form-error{margin:12px 0 0;padding:9px 10px;border-radius:6px;color:#a13e49;background:#fff3f4;font-size:10px}.topbar.connected i{background:#19a368}.topbar.connecting i{background:#d29a31}@media(max-width:1280px){.app-shell{grid-template-columns:194px 310px minmax(540px,1fr)}.sidebar nav button{font-size:11px}.tool{padding-inline:7px}.tool span{display:none}}