:root{--bg: #f9f9f8;--home-bg: #fbfbfa;--surface: #ffffff;--text: #1f1f1f;--text-secondary: #6b6b6b;--icon: #2a2a2a;--border: #edece8;--divider: #f0efeb;--selected: #efeeea;--placeholder: #a3a3a0;--success: #148a5a;--warning: #b4461d;--danger: #c73c40;--input: #ffffff;--mine-bubble: #1f1f1f;--mine-text: #ffffff;--assistant-bubble: #ffffff;--button: #1f1f1f;--button-text: #ffffff;--shadow-float: 0 6px 20px rgba(0, 0, 0, .07);--shadow-composer: 0 8px 24px rgba(0, 0, 0, .07);--shadow-popover: 0 12px 32px rgba(0, 0, 0, .12)}[data-theme=dark]{--bg: #111111;--home-bg: #111111;--surface: #1e1e1d;--text: #f9f9f7;--text-secondary: #c3c2b8;--icon: #f9f9f7;--border: #2a2a28;--divider: #2a2a28;--selected: #404040;--placeholder: #8a8984;--success: #30d158;--warning: #ff9f0a;--danger: #ff8c84;--input: #262625;--mine-bubble: #2a2a28;--mine-text: #f9f9f7;--assistant-bubble: #1e1e1d;--button: #f2f2f2;--button-text: #1f1f1e;--shadow-float: 0 0 0 0 rgba(0, 0, 0, 0);--shadow-composer: 0 0 0 0 rgba(0, 0, 0, 0);--shadow-popover: 0 0 0 1px #2a2a28}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit}::placeholder{color:var(--placeholder)}.app{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--home-bg);border-right:1px solid var(--border)}.chat{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.detail{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:var(--home-bg);border-left:1px solid var(--border)}.side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 10px}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.01em}.conn-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.conn-demo{background:var(--selected);color:var(--text-secondary)}.conn-online{background:#148a5a1f;color:var(--success)}.conn-busy{background:#b4461d1f;color:var(--warning)}.conn-offline{background:#c73c401f;color:var(--danger)}.side-search{padding:4px 16px 10px}.side-search input{width:100%;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--input);padding:0 12px;outline:none}.side-search input:focus{border-color:var(--text-secondary)}.group-list{flex:1;overflow-y:auto;padding:0 8px 8px}.group-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:12px}.group-row:hover,.group-row.active{background:var(--selected)}.group-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.group-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.group-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-time{font-size:11px;color:var(--text-secondary);flex-shrink:0}.group-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-note{padding:24px 12px;text-align:center;color:var(--text-secondary);font-size:13px}.side-foot{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--divider)}.foot-btn{height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:13px}.foot-btn:hover{background:var(--selected)}.foot-btn.primary{flex:1;background:var(--button);color:var(--button-text);border-color:transparent}.foot-btn.primary:hover{opacity:.9;background:var(--button)}.foot-btn:disabled{opacity:.45;cursor:default}.foot-btn.icon{padding:0 10px}.foot-btn.danger-outline{color:var(--danger);border-color:var(--danger);width:100%}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.head-btn{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--icon);flex-shrink:0}.head-btn:hover{background:var(--selected)}.back-btn{display:none;font-size:26px}.chat-title{flex:1;min-width:0;display:flex;flex-direction:column}.chat-name{font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sub{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-list{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.empty-chat{align-items:center;justify-content:center;text-align:center;gap:4px}.empty-title{font-size:18px;font-weight:700;margin:0}.empty-sub{color:var(--text-secondary);margin:0;max-width:320px}.msg-row{display:flex;gap:10px;align-items:flex-start}.msg-row.mine{justify-content:flex-end}.avatar-ph{width:36px;height:36px;flex-shrink:0}.msg-body{display:flex;flex-direction:column;gap:4px;max-width:72%;min-width:0}.msg-row.mine .msg-body{align-items:flex-end}.msg-head{display:flex;align-items:baseline;gap:8px;padding:0 2px}.msg-name{font-weight:600;font-size:13px}.msg-role{font-size:12px;color:var(--text-secondary)}.msg-time{font-size:11px;color:var(--text-secondary)}.mine-time{padding-right:2px}.bubble{background:var(--assistant-bubble);border:1px solid var(--border);border-radius:4px 16px 16px;padding:10px 14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow-float)}.bubble.mine{background:var(--mine-bubble);color:var(--mine-text);border-color:transparent;border-radius:16px 4px 16px 16px;box-shadow:none}.mention{font-weight:700;color:var(--success)}.bubble.mine .mention{color:#9be3c0}.attach-line{display:block;margin-top:6px;font-size:13px;opacity:.8}.sys-row{display:flex;justify-content:center}.sys-bubble{background:var(--selected);color:var(--text-secondary);font-size:13px;border-radius:999px;padding:6px 14px;max-width:88%;text-align:center}.bubble.typing{display:inline-flex;gap:5px;align-items:center;padding:14px 16px}.bubble.typing .dot{width:7px;height:7px;border-radius:50%;background:var(--text-secondary);animation:typing-bounce 1.2s infinite ease-in-out}.bubble.typing .dot:nth-child(2){animation-delay:.15s}.bubble.typing .dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.composer{position:relative;padding:12px 24px calc(14px + env(safe-area-inset-bottom))}.composer-row{display:flex;align-items:flex-end;gap:10px;background:var(--input);border:1px solid var(--border);border-radius:20px;padding:8px 8px 8px 16px;box-shadow:var(--shadow-composer)}.composer-row textarea{flex:1;border:0;outline:none;resize:none;background:transparent;min-height:24px;max-height:120px;padding:4px 0;line-height:1.5}.send-btn{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--button);color:var(--button-text);font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.send-btn:disabled{opacity:.35;cursor:default}.composer-hint{margin:6px 4px 0;font-size:11px;color:var(--text-secondary)}.mention-pop{position:absolute;left:24px;right:24px;bottom:calc(100% - 4px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-popover);padding:6px;display:flex;flex-direction:column}.mention-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-align:left}.mention-item:hover{background:var(--selected)}.mention-role{margin-left:auto;font-size:12px;color:var(--text-secondary)}.detail-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.detail-title{font-weight:700;font-size:15px}.detail-body{flex:1;overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:20px}.detail-sec h3{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 10px}.member-row{display:flex;gap:12px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:8px}.member-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.member-name{font-weight:600;display:flex;align-items:center;gap:8px}.member-tag{font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--selected);border-radius:999px;padding:1px 7px}.member-role{font-size:13px;color:var(--text-secondary)}.member-persona{font-size:13px;color:var(--text-secondary);margin-top:4px}.kv{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:4px 14px}.kv>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--divider)}.kv>div:last-child{border-bottom:0}.kv dt{color:var(--text-secondary);font-size:13px;flex-shrink:0}.kv dd{margin:0;font-size:13px;text-align:right;word-break:break-all}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141459;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-popover);padding:20px;display:flex;flex-direction:column;gap:14px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:17px}.modal-sub{margin:0;font-size:14px;color:var(--text-secondary)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.field input{height:40px;border:1px solid var(--border);border-radius:10px;background:var(--input);padding:0 12px;outline:none;font-weight:400}.field input:focus{border-color:var(--text-secondary)}.form-error{margin:0;color:var(--danger);font-size:13px}.modal-actions{display:flex;align-items:center;gap:8px}.spacer{flex:1}.modal-note{margin:0;font-size:12px;color:var(--text-secondary)}.check-list{display:flex;flex-direction:column;gap:4px}.check-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-weight:400;cursor:pointer}.check-row:hover{background:var(--selected)}@media(max-width:1100px){.detail{width:260px}}@media(max-width:900px){.sidebar,.chat,.detail{width:100%;border-right:0;border-left:0}.app.view-list .chat,.app.view-list .detail,.app.view-chat .sidebar,.app.view-chat .detail,.app.view-detail .sidebar,.app.view-detail .chat{display:none}.back-btn{display:inline-flex}.msg-list{padding:16px}.composer{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.msg-body{max-width:82%}}