:root{--bg: #0f1117;--panel: #171a23;--panel2: #1e2230;--line: #262b3a;--text: #e6e8ef;--muted: #8a91a5;--accent: #4f7cff;--accent2: #7aa2ff;--mine: #2b3a5f;--ok: #34d399;--warn: #f59e0b}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px}.app{height:100%}button,input{font-family:inherit}.boot-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid var(--panel2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrap{height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px}.auth-logo{text-align:center;margin-bottom:20px}.logo-mark{width:52px;height:52px;margin:0 auto 10px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center}.auth-card h1{margin:0;font-size:22px}.auth-sub{margin:6px 0 0;color:var(--muted);font-size:13px}.auth-tabs{display:flex;gap:8px;margin-bottom:18px}.auth-tabs button{flex:1;padding:9px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer}.auth-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}form label{display:block;margin-bottom:12px;font-size:13px;color:var(--muted)}form input{display:block;width:100%;margin-top:6px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);outline:none}form input:focus{border-color:var(--accent)}.auth-error{color:#f87171;font-size:13px;min-height:18px;margin:4px 0 8px}.auth-submit{width:100%;padding:11px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.auth-note{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0 0}.chat-shell{height:100%;display:flex}.sidebar{width:260px;min-width:220px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.side-head{padding:14px;border-bottom:1px solid var(--line)}.me{display:flex;align-items:center;justify-content:space-between;gap:8px}.me-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:4px}.link-btn:hover{color:var(--accent2)}.add-panel{padding:10px 12px;border-bottom:1px solid var(--line)}.add-row{display:flex;gap:6px}.add-row input{flex:1;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);outline:none}.add-row input:focus{border-color:var(--accent)}.btn{padding:8px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent2)}.btn.small{padding:4px 8px;font-size:12px}.search-results{margin-top:8px}.search-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 4px;font-size:13px}.search-row em{color:var(--muted);font-style:normal;font-size:12px}.friend-list{flex:1;overflow-y:auto;padding:6px}.friend{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer}.friend:hover{background:var(--panel2)}.friend.active{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--accent)}.dot{width:9px;height:9px;border-radius:50%;background:#4b5267;flex-shrink:0}.dot.on{background:var(--ok)}.fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.funa{color:var(--muted);font-size:12px;flex-shrink:0}.empty-tip{color:var(--muted);font-size:13px;padding:12px;text-align:center}.pane{flex:1;display:flex;flex-direction:column;min-width:0}.chat-head{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:baseline;gap:10px}.cname{font-weight:600}.cmeta{color:var(--muted);font-size:13px}.cmeta.warn{color:var(--warn)}.msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.msg{display:flex;flex-direction:column;max-width:72%}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.other{align-self:flex-start;align-items:flex-start}.bubble{padding:9px 13px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);line-height:1.5;word-break:break-word;white-space:pre-wrap}.msg.mine .bubble{background:var(--mine);border-color:transparent}.time{margin-top:4px;color:var(--muted);font-size:11px}.file-img{max-width:220px;max-height:260px;border-radius:8px;display:block}.file-link{color:var(--accent2);text-decoration:none}.file-link:hover{text-decoration:underline}.undec{color:var(--muted);font-style:italic}.empty-chat{margin:auto;color:var(--muted)}.placeholder-pane{align-items:center;justify-content:center;color:var(--muted)}.composer{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:var(--panel)}.icon-btn{font-size:16px;padding:8px 10px}.composer-input{flex:1;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);outline:none}.composer-input:focus{border-color:var(--accent)}.send-btn{background:var(--accent);border-color:var(--accent);color:#fff}.send-btn:hover{background:var(--accent2);border-color:var(--accent2);color:#fff}@media(max-width:640px){.sidebar{width:96px;min-width:96px}.funa,.me-name,.add-row input,.btn.small{display:none}.friend{justify-content:center}.fname{font-size:12px;text-align:center}.msg{max-width:85%}}