*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#1e293b;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh}.sidebar{width:300px;background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a}.sidebar-header{padding:20px;border-bottom:1px solid #e2e8f0}.sidebar-header h2{margin-bottom:15px;font-size:18px;color:#1e293b;font-weight:600}#new-chat-btn{width:100%;padding:10px 15px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s ease}#new-chat-btn:hover{background-color:#2563eb}.chat-list{flex:1;overflow-y:auto;padding:10px}.chat-item{padding:12px 16px;margin-bottom:6px;background-color:#f1f5f9;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative;display:flex;flex-direction:column}.chat-item:hover{background-color:#e2e8f0;border-color:#cbd5e1;transform:translate(2px)}.chat-item.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;font-weight:500}.chat-time{font-size:12px;color:#64748b;opacity:.8}.delete-chat-btn{position:absolute;top:8px;right:8px;background:none;border:none;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s ease;padding:4px;border-radius:4px}.chat-item:hover .delete-chat-btn{opacity:1}.delete-chat-btn:hover{background-color:#ef44441a;color:#ef4444}.sidebar-footer{padding:20px;border-top:1px solid #e2e8f0;background-color:#f8fafc}.api-config input{width:100%;padding:10px 12px;margin-bottom:10px;background-color:#fff;color:#1e293b;border:1px solid #d1d5db;border-radius:10px;font-size:14px;transition:all .2s ease}.api-config input:last-child{margin-bottom:0}.api-config input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.api-config input::placeholder{color:#9ca3af}.clear-settings-btn{width:100%;padding:10px 12px;background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px}.clear-settings-btn:hover{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc26261a}.clear-settings-btn:focus{outline:none;box-shadow:0 0 0 3px #dc26261a}.clear-settings-btn:active{transform:translateY(0);box-shadow:0 1px 2px #dc26261a}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fff;transition:margin-left .3s ease}.app-container.main-content{margin-left:0;width:100%;flex:1;transition:all .3s ease}.chat-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.chat-header h3{color:#1e293b;font-weight:600;font-size:18px}.chat-input-container{padding:20px 24px;border-top:1px solid #e2e8f0;background-color:#fff;transition:all .3s ease}.chat-messages{flex:1;overflow-y:auto;padding:24px;background:linear-gradient(to bottom,#fff,#f8fafc)}.message{display:flex;margin-bottom:20px;align-items:flex-start;gap:12px}.user-message{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.user-message .message-avatar{background-color:#3b82f6;color:#fff}.assistant-message .message-avatar{background-color:#10b981;color:#fff}.message-content{position:relative;max-width:70%;padding:12px 16px;border-radius:16px;line-height:1.5;word-wrap:break-word}.user-message .message-content{background-color:#3b82f6;color:#fff;border-bottom-right-radius:4px}.assistant-message .message-content{background-color:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}.loading-dots{display:flex;align-items:center;gap:4px}.loading-dots:after{content:"";width:4px;height:4px;border-radius:50%;background-color:#64748b;animation:loading 1.4s infinite ease-in-out}.message-attachments{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.attachment-item img{max-width:150px;max-height:150px;border-radius:8px;cursor:pointer;border:1px solid #e2e8f0}.attachment-item .file-info{display:flex;align-items:center;gap:8px;padding:8px;background-color:#f1f5f9;border-radius:8px;font-size:13px}.user-message .attachment-item .file-info{background-color:#fff3}.attachment-item .file-info i{font-size:20px;color:#64748b}@keyframes loading{0%,80%,to{opacity:0}40%{opacity:1}}#chat-title{font-weight:500;color:#1e293b;margin-bottom:4px;font-size:14px;padding-left:20px}.delete-chat-btn:hover{background-color:#ef4444;color:#fff}.input-area{display:flex;gap:12px;align-items:flex-end}.file-input-area{display:flex;align-items:center;justify-content:center;height:56px}.file-input-label{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f1f5f9;color:#64748b;transition:all .2s ease}.file-input-label:hover{background-color:#e2e8f0;color:#3b82f6}.file-previews{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:0 10px}.file-pill{display:flex;align-items:center;background-color:#e0e7ff;color:#4338ca;border-radius:16px;padding:4px 8px;font-size:13px;gap:6px}.file-pill img{width:20px;height:20px;border-radius:4px;object-fit:cover}.file-pill-remove{background:none;border:none;cursor:pointer;color:#6b7280;font-size:14px;padding:2px;line-height:1}.file-pill-remove:hover{color:#ef4444}#message-input{flex:1;padding:16px 20px;background-color:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;border-radius:16px;resize:none;font-family:inherit;font-size:15px;line-height:1.5;transition:all .2s ease;min-height:56px}#message-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}#message-input::placeholder{color:#9ca3af}.send-btn{padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:16px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633;min-height:56px}.send-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.send-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.sidebar{width:280px}.message-content{max-width:85%}.chat-input-container,.chat-messages{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{animation:fadeIn .3s ease-out}.new-chat-btn:focus,.send-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.chat-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 20px;background-color:#fff;border-top:1px solid #e2e8f0}.chat-toggles-wrapper{display:flex;align-items:center;gap:20px;padding-left:24px}.chat-action-buttons{display:flex;align-items:center;gap:12px;padding-right:24px}.control-btn{padding:10px 16px;font-size:14px;border-radius:10px;border:1px solid #cbd5e1;cursor:pointer;background-color:#f1f5f9;transition:all .2s ease}.control-btn:hover{background-color:#e2e8f0;border-color:#94a3b8}.chat-title-text{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.delete-chat-btn i{font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#64748b}.empty-state i{font-size:48px;margin-bottom:16px;color:#cbd5e1}.empty-state p{max-width:300px}.delete-chat-btn:hover{background-color:#fee2e2!important;color:#dc2626!important}.chat-item:hover .delete-chat-btn{opacity:1!important}.sidebar-toggle{position:fixed;top:50%;left:300px;transform:translateY(-50%);width:16px;height:60px;background-color:#3b82f6;border-top-right-radius:8px;border-bottom-right-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .3s ease;color:#fff;box-shadow:2px 0 5px #0000001a}.sidebar-toggle:hover{background-color:#2563eb;width:20px}.sidebar-hidden .sidebar{transform:translate(-100%);width:0!important;padding:0!important;border:none!important;overflow:hidden}.sidebar-hidden .sidebar-toggle{left:0}.sidebar-hidden .sidebar-toggle i{transform:rotate(180deg)}.sidebar-hidden .main-content{margin-left:0;width:100%}.sidebar{transition:transform .3s ease}.copy-btn{position:absolute;bottom:8px;right:8px;background:none;border:none;color:#64748b;opacity:0;cursor:pointer;transition:opacity .2s ease,color .2s ease;padding:4px;border-radius:4px;font-size:12px}.message:hover .copy-btn{opacity:1}.copy-btn:hover{color:#3b82f6;background-color:#3b82f61a}.user-message .copy-btn{color:#ffffffb3}.user-message .copy-btn:hover{color:#fff;background-color:#fff3}.message-text{padding-right:30px;word-break:break-word}.model-select{margin-bottom:15px}.model-select select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;background-color:#fff;font-size:14px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.deploy-btn{width:100%;padding:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.deploy-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 8px #7b5cf64d}.local-tag{background-color:#a78bfa;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;margin-left:5px}.message-text h1,.message-text h2,.message-text h3{margin:1em 0 .5em;font-weight:600}.message-text h1{font-size:1.5em;border-bottom:1px solid #e2e8f0;padding-bottom:.3em}.message-text h2{font-size:1.3em}.message-text h3{font-size:1.1em}.message-text p{margin:.8em 0;line-height:1.6}.message-text ul,.message-text ol{padding-left:1.5em;margin:.8em 0}.message-text li{margin:.4em 0}.message-text pre{background-color:#f8f8f8;border-radius:6px;padding:12px;overflow:auto;margin:1em 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.5}.message-text code{background-color:#afb8c133!important;padding:.2em .4em!important;border-radius:6px!important}.message-text pre code{background:none;padding:0}.message-text blockquote{border-left:4px solid #ddd;padding:0 1em;color:#6a737d;margin:1em 0}.message-text table{border-collapse:collapse;margin:1em 0;width:100%}.message-text th,.message-text td{border:1px solid #dfe2e5;padding:6px 13px}.message-text th{background-color:#f6f8fa;font-weight:600}.toggle-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#475569;gap:8px}.toggle-checkbox{display:none}.toggle-switch{position:relative;width:40px;height:22px;background-color:#cbd5e1;border-radius:11px;transition:background-color .2s ease}.toggle-switch:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-checkbox:checked+.toggle-switch{background-color:#3b82f6}.toggle-checkbox:checked+.toggle-switch:before{transform:translate(18px)}.toggle-label i{color:#64748b}.message-indicators{position:absolute;top:6px;left:8px;display:flex;gap:6px}.web-search-indicator,.deep-think-indicator{font-size:12px;color:#fff;background-color:#00000040;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:4px}.user-message .message-content.has-indicators{padding-top:32px}#api-key::placeholder{content:"通义千问/Kimi API Key"}.message-text a{color:#0366d6;text-decoration:none}.message-text a:hover{text-decoration:underline}.header-actions{display:flex;align-items:center;gap:12px}.header-btn{background:none;border:none;font-size:16px;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header-btn:hover{background-color:#f1f5f9;color:#3b82f6}.main-content.input-collapsed .chat-input-container{height:0;padding:0;border:none;overflow:hidden}.main-content.input-collapsed .toggle-input-btn i{transform:rotate(180deg)}.chat-input-container{transition:all .3s ease-in-out}.voice-input-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f1f5f9;color:#64748b;transition:all .2s ease;border:none;margin-left:8px}.voice-input-btn:hover{background-color:#e2e8f0;color:#3b82f6}.voice-input-btn.recording{background-color:#ef4444;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.send-btn{padding:0;width:56px;min-width:56px;height:56px;display:flex;align-items:center;justify-content:center}.send-btn i{font-size:20px}.typing-cursor{display:inline-block;width:8px;height:1.2em;background-color:#3b82f6;animation:blink 1s step-end infinite;vertical-align:bottom}@keyframes blink{0%,to{background-color:transparent}50%{background-color:#3b82f6}}body.dark-mode{background-color:#111827;color:#d1d5db}body.dark-mode .sidebar{background-color:#1f2937;border-right-color:#374151}body.dark-mode .sidebar-header,body.dark-mode .sidebar-footer{border-color:#374151;background-color:#1f2937}body.dark-mode .sidebar-header h2,body.dark-mode #chat-title,body.dark-mode .chat-header h3{color:#f9fafb}body.dark-mode .chat-item{background-color:#374151;color:#d1d5db}body.dark-mode .chat-item:hover{background-color:#4b5563;border-color:#6b7280}body.dark-mode .chat-item.active{background:linear-gradient(135deg,#3730a3,#4338ca);border-color:#818cf8;color:#e0e7ff}body.dark-mode .chat-time{color:#9ca3af}body.dark-mode .api-config input,body.dark-mode .model-select select{background-color:#374151;color:#d1d5db;border-color:#4b5563}body.dark-mode .api-config input:focus,body.dark-mode .model-select select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark-mode .clear-settings-btn{background-color:#3f3030;color:#fca5a5;border-color:#7f1d1d}body.dark-mode .clear-settings-btn:hover{background-color:#5b2828;border-color:#ef4444}body.dark-mode .main-content,body.dark-mode .chat-header,body.dark-mode .chat-input-container{background-color:#111827;border-color:#374151}body.dark-mode .chat-messages{background:linear-gradient(to bottom,#111827,#1f2937)}body.dark-mode .assistant-message .message-content{background-color:#374151;color:#e5e7eb}body.dark-mode .message-avatar{opacity:.9}body.dark-mode #message-input{background-color:#1f2937;color:#d1d5db;border-color:#374151}body.dark-mode #message-input:focus{background-color:#111827;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark-mode ::-webkit-scrollbar-track{background:#1f2937}body.dark-mode ::-webkit-scrollbar-thumb{background:#4b5563}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#6b7280}body.dark-mode .header-btn{color:#9ca3af}body.dark-mode .header-btn:hover{background-color:#374151;color:#a5b4fc}body.dark-mode .control-btn{background-color:#374151;border-color:#4b5563;color:#d1d5db}body.dark-mode .control-btn:hover{background-color:#4b5563;border-color:#6b7280}body.dark-mode .typing-cursor{background-color:#a5b4fc}body.dark-mode .file-input-label,body.dark-mode .voice-input-btn{background-color:#374151;color:#9ca3af}body.dark-mode .file-input-label:hover,body.dark-mode .voice-input-btn:hover{background-color:#4b5563;color:#a5b4fc}body.dark-mode .voice-input-btn.recording{background-color:#ef4444;color:#fff}body.dark-mode .message-text pre{background-color:#1e2937}body.dark-mode .message-text code{background-color:#6b72804d!important}body.dark-mode .message-text blockquote{border-left-color:#6b7280;color:#9ca3af}.message-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.message:hover .message-actions{opacity:1}.message-action-btn{background:#0000000d;border:none;color:#64748b;cursor:pointer;border-radius:4px;font-size:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.message-action-btn:hover{background-color:#0000001a;color:#3b82f6}.user-message .message-action-btn{background:#ffffff1a;color:#ffffffb3}.user-message .message-action-btn:hover{background:#fff3;color:#fff}.copy-btn{position:static;opacity:1}.message-text{padding-right:60px}.edit-container{padding-top:8px}.edit-textarea{width:100%;padding:8px 12px;background-color:#f8fafc;color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;resize:none;font-family:inherit;font-size:15px;line-height:1.5;margin-bottom:8px;box-shadow:inset 0 1px 2px #0000000d}.edit-textarea:focus{outline:none;border-color:#3b82f6;background-color:#fff}.save-edit-btn,.cancel-edit-btn{padding:4px 12px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.save-edit-btn{background-color:#2563eb;color:#fff;margin-right:8px}.save-edit-btn:hover{background-color:#1d4ed8}.cancel-edit-btn{background-color:#e2e8f0;color:#475569}.cancel-edit-btn:hover{background-color:#cbd5e1}body.dark-mode .message-action-btn{background:#ffffff1a;color:#9ca3af}body.dark-mode .message-action-btn:hover{background-color:#ffffff26;color:#a5b4fc}body.dark-mode .edit-textarea{background-color:#374151;color:#d1d5db;border-color:#4b5563}body.dark-mode .edit-textarea:focus{background-color:#1f2937;border-color:#818cf8}body.dark-mode .save-edit-btn{background-color:#4f46e5}body.dark-mode .save-edit-btn:hover{background-color:#4338ca}body.dark-mode .cancel-edit-btn{background-color:#4b5563;color:#d1d5db}body.dark-mode .cancel-edit-btn:hover{background-color:#6b7280}