*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #343541;--bg-secondary: #202123;--bg-input: #40414f;--bg-hover: #2a2b32;--bg-user-msg: #343541;--bg-assistant-msg: #444654;--text-primary: #ececf1;--text-secondary: #c5c5d2;--text-muted: #8e8ea0;--border-color: #4d4d4f;--accent: #19c37d;--accent-hover: #1aad6e;--danger: #ef4444;--danger-hover: #dc2626;--sidebar-width: 260px;--header-height: 48px;--input-min-height: 52px}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-primary);overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border-color);flex-shrink:0}.sidebar-header{padding:12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-size:14px;font-weight:600}.sidebar-new-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:6px;cursor:pointer;font-size:13px;width:100%;text-align:left;margin:8px 12px;transition:background .15s;width:calc(100% - 24px)}.sidebar-new-btn:hover{background:var(--bg-hover)}.conversation-list{flex:1;overflow-y:auto;padding:4px 8px}.conversation-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--bg-input);color:var(--text-primary)}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.user-avatar{width:28px;height:28px;border-radius:4px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px}.logout-btn:hover{color:var(--danger);background:#ef44441a}.account-status{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:11px;color:var(--text-muted)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--accent)}.status-dot.warning{background:#f59e0b}.status-dot.error{background:var(--danger)}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{height:var(--header-height);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:500}.chat-messages{flex:1;overflow-y:auto;padding:0}.message{padding:24px 0}.message.user{background:var(--bg-user-msg)}.message.assistant{background:var(--bg-assistant-msg)}.message-inner{max-width:768px;margin:0 auto;padding:0 24px;display:flex;gap:16px}.message-avatar{width:30px;height:30px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.message.user .message-avatar{background:#5436da;color:#fff}.message.assistant .message-avatar{background:var(--accent);color:#fff}.message-content{flex:1;min-width:0;line-height:1.7;font-size:15px}.message-content p{margin-bottom:12px}.message-content p:last-child{margin-bottom:0}.message-content pre{background:#1e1e1e;border-radius:6px;padding:12px 16px;overflow-x:auto;margin:12px 0;font-size:13px}.message-content code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:13px}.message-content pre code{background:none;padding:0}.message-content img{max-width:100%;border-radius:8px;margin:8px 0}.message-content ul,.message-content ol{margin:8px 0;padding-left:24px}.message-content table{border-collapse:collapse;width:100%;margin:12px 0}.message-content th,.message-content td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.message-content th{background:#ffffff0d}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.message-images img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color)}.chat-input-area{padding:0 24px 24px}.input-container{max-width:768px;margin:0 auto;background:var(--bg-input);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 0 10px #0000001a}.input-images{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}.input-image-preview{position:relative;width:64px;height:64px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.input-image-preview img{width:100%;height:100%;object-fit:cover}.input-image-remove{position:absolute;top:0;right:0;width:20px;height:20px;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:0 0 0 6px}.input-row{display:flex;align-items:flex-end;gap:8px;padding:8px 12px}.chat-textarea{flex:1;background:none;border:none;color:var(--text-primary);font-size:15px;font-family:inherit;resize:none;outline:none;min-height:24px;max-height:200px;line-height:1.5;padding:4px 0}.chat-textarea::placeholder{color:var(--text-muted)}.input-actions{display:flex;align-items:center;gap:4px;padding:4px 12px 8px}.input-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;transition:color .15s,background .15s}.input-btn:hover{color:var(--text-primary);background:#ffffff0d}.send-btn{background:var(--accent);color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s;flex-shrink:0}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.typing-cursor{display:inline-block;width:4px;height:16px;background:var(--text-primary);animation:blink .8s infinite;vertical-align:middle;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.login-page{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-primary)}.login-card{background:var(--bg-secondary);border-radius:12px;padding:40px;text-align:center;max-width:400px;width:100%;border:1px solid var(--border-color)}.login-card h1{font-size:24px;margin-bottom:8px}.login-card p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.qr-container{display:flex;justify-content:center;margin-bottom:16px}.qr-container canvas{border-radius:8px;border:1px solid var(--border-color)}.login-tip{font-size:13px;color:var(--text-muted)}.login-error{background:#ef44441a;color:var(--danger);padding:8px 12px;border-radius:6px;font-size:13px;margin-top:16px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state h2{font-size:28px;margin-bottom:12px;color:var(--text-primary)}.empty-state p{font-size:14px;max-width:400px;text-align:center;line-height:1.6}@media(max-width:768px){.sidebar{display:none}.message-inner{padding:0 16px}.chat-input-area{padding:0 16px 16px}}