:root{--bg: #11151a;--bg-2: #1a2028;--bg-3: #232c36;--bg-chat: #151b22;--line: #2c3642;--text: #eef3f7;--muted: #8b99a8;--green: #07c160;--green-dim: #163d2a;--amber: #f0b429;--red: #fa5151;--blue: #5aa7ff;--accent: #07c160;--radius: 12px;font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}#app{height:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:#7ecb9a}button{cursor:pointer}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.top-wrap{border-bottom:1px solid var(--line);background:#161d24}.top{display:flex;align-items:center;gap:16px;padding:10px 20px;background:linear-gradient(180deg,#1c242d,#161d24)}.hint.bar{padding:6px 20px 10px;margin:0}.hint.bar.warn-bar{color:var(--amber)}.brand{font-weight:700;letter-spacing:.04em;font-size:16px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.08em}.pills{display:flex;gap:8px;flex-wrap:wrap;flex:1}.pill{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);color:var(--muted)}.pill.on{color:#b6f0cc;border-color:#2f7a4d;background:var(--green-dim)}.pill.warn{color:var(--amber)}.top-actions{display:flex;gap:8px;align-items:center}.token{width:200px;background:#11171d;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12px}.main{display:grid;grid-template-columns:340px minmax(420px,1fr) 320px;min-height:0}.col{min-height:0;overflow:auto;border-right:1px solid var(--line);padding:14px;background:var(--bg)}.col.list-col{padding:0;background:var(--bg-2);display:flex;flex-direction:column}.col.chat-col{background:var(--bg-chat);display:flex;flex-direction:column;padding:0}.col:last-child{border-right:none}.list-head{padding:12px 14px 8px;border-bottom:1px solid var(--line)}.search{width:100%;background:#11171d;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px}.tabs{display:flex;gap:6px;margin-top:10px}.tab{flex:1;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px}.tab.active{background:var(--green-dim);border-color:#2f7a4d;color:#b6f0cc}.people{overflow:auto;min-height:0;flex:1}.person{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 14px;cursor:pointer;border-bottom:1px solid #1e262f}.person:hover{background:#202831}.person.active{background:#1d3a2c}.person .body{min-width:0}.person .name{font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person .meta{font-size:12px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person .side{text-align:right}.person .time{font-size:11px;color:var(--muted)}.unread{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center;margin-top:4px}.avatar{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.avatar.sm{width:28px;height:28px;font-size:12px;border-radius:8px}.chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:#1a2129}.chat-head h1{margin:0;font-size:16px;font-weight:650}.chat-head .sub{font-size:12px;color:var(--muted)}.chat-msgs{flex:1;overflow:auto;padding:16px}.msg{max-width:78%;margin:0 0 12px;padding:9px 12px;border-radius:12px;background:var(--bg-3);font-size:14px;line-height:1.45}.msg .who{color:var(--muted);font-size:11px;margin-bottom:3px}.msg.self{margin-left:auto;background:#2b6b45}.chat-compose{border-top:1px solid var(--line);padding:12px 16px 16px;background:#1a2129}.compose-tabs{display:flex;gap:6px;margin-bottom:8px}.chat-compose textarea{min-height:72px;width:100%;background:#11171d;border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical}h2{margin:0 0 10px;font-size:12px;color:var(--muted);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center}.row+.row,.stack>*+*{margin-top:8px}.grow{flex:1;min-width:0}label.field{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}input[type=text],input[type=file],select,textarea{width:100%;background:#11171d;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.btn{border:0;background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--bg-3);border:1px solid var(--line);color:var(--text)}.btn.sm{padding:4px 8px;font-size:12px}.hint{font-size:12px;color:var(--muted);line-height:1.5}.err{color:var(--red);font-size:12px}.empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:13px}.log-item{border-bottom:1px solid var(--line);padding:8px 0}.log-item header{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}pre{margin:6px 0 0;background:#0b0f14;border-radius:8px;padding:8px;font-size:11px;overflow:auto;max-height:140px;white-space:pre-wrap;word-break:break-all}.ws-dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block;margin-right:6px}.ws-dot.on{background:var(--green)}.banner{background:#3a2e14;border:1px solid #6d5420;color:#f0d78c;border-radius:8px;padding:8px 10px;font-size:12px}.desktop-frame{width:100%;height:220px;border:1px solid var(--line);border-radius:8px;background:#000}.fold>summary{cursor:pointer;color:var(--muted);font-size:12px;letter-spacing:.06em;font-weight:650;list-style:none}.fold>summary::-webkit-details-marker{display:none}@media (max-width: 1100px){.main{grid-template-columns:1fr}.col{border-right:0;border-bottom:1px solid var(--line)}.col.list-col,.col.chat-col{min-height:50vh}}