body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}.chat-container{max-width:800px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background-color:#fff}.chat-header{padding:16px;background-color:#f0f2f5;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.chat-header h1{margin:0;font-size:20px}.clear-button{padding:4px 12px;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer}.messages{flex:1;overflow-y:auto;padding:16px}.message{margin-bottom:16px;display:flex;flex-direction:column}.message.user{align-items:flex-end}.message-content{max-width:80%;padding:12px 16px;border-radius:8px;background-color:#f0f2f5}.message.user .message-content{background-color:#1890ff;color:#fff}.message.assistant .message-content{background-color:#f0f2f5}.input-form{padding:16px;border-top:1px solid #e8e8e8;display:flex;gap:8px;align-items:flex-end}.input-form textarea{flex:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;resize:none;min-height:20px;max-height:150px;line-height:1.5;overflow-y:auto;font-family:inherit}.input-form textarea:focus{outline:none;border-color:#1890ff}.input-form button{padding:8px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.input-form button:disabled{background-color:#d9d9d9;cursor:not-allowed}.markdown-body pre{background-color:#1e1e1e!important;padding:16px!important;margin:8px 0!important;border-radius:6px}.markdown-body code{background-color:#0000000d;padding:2px 4px;border-radius:3px}.message.user .markdown-body code{background-color:#fff3}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;gap:8px}.theme-button,.action-button{padding:4px 8px;background:transparent;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px}.sessions-list{padding:8px;border-bottom:1px solid #e8e8e8;display:flex;gap:8px;overflow-x:auto}.session-item{padding:4px 12px;border:1px solid #d9d9d9;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:120px}.session-item.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.new-session-button{padding:4px 12px;background:transparent;border:1px dashed #d9d9d9;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.copy-button{padding:2px 4px;background:transparent;border:none;cursor:pointer;opacity:.6;display:flex;align-items:center}.copy-button:hover{opacity:1}.code-block{position:relative}.code-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background-color:#2d2d2d;border-top-left-radius:6px;border-top-right-radius:6px;font-family:monospace}[data-theme=dark] .theme-button,[data-theme=dark] .action-button,[data-theme=dark] .session-item,[data-theme=dark] .new-session-button{border-color:#4d4d4d;color:#fff}[data-theme=dark] .copy-button{color:#fff}.voice-button{padding:8px;background:transparent;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .3s}.voice-button.recording{color:#f5222d;border-color:#f5222d;animation:pulse 1.5s infinite}.voice-button:hover{color:#1890ff;border-color:#1890ff}.error-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#ff4d4f;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.voice-input-container{position:relative;display:inline-block}.voice-button.recording{color:#f5222d;border-color:#f5222d}.voice-button.processing{color:#1890ff;border-color:#1890ff}.recording-indicator{position:absolute;top:-4px;right:-4px;width:8px;height:8px;border-radius:50%;background-color:#f5222d;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.session-name{flex:1;padding:2px 4px;border-radius:2px;cursor:text}.session-name:hover{background-color:#0000000d}.session-name-input{flex:1;background:transparent;border:1px solid #1890ff;border-radius:2px;padding:2px 4px;font-size:inherit;color:inherit;width:100px;outline:none}[data-theme=dark] .session-name:hover{background-color:#ffffff1a}[data-theme=dark] .session-name-input{color:#fff;border-color:#177ddc}[data-theme=dark] .input-form textarea{background-color:#1e1e1e;color:#fff;border-color:#434343}[data-theme=dark] .input-form textarea:focus{border-color:#177ddc}.preset-prompts{padding:16px;margin-bottom:24px}.preset-prompts h3{margin:0 0 16px;font-size:16px;color:#666}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.prompt-item{padding:16px;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .3s}.prompt-item:hover{border-color:#1890ff;box-shadow:0 2px 8px #0000001a}.prompt-item h4{margin:0 0 8px;font-size:14px;color:#1890ff}.prompt-item p{margin:0;font-size:12px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .preset-prompts h3{color:#999}[data-theme=dark] .prompt-item{border-color:#434343}[data-theme=dark] .prompt-item:hover{border-color:#177ddc;box-shadow:0 2px 8px #0003}[data-theme=dark] .prompt-item h4{color:#177ddc}[data-theme=dark] .prompt-item p{color:#999}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5}.login-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:400px}.login-form h2{margin-bottom:1.5rem;text-align:center;color:#1890ff}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:8px}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1890ff}.error-message{color:#ff4d4f;margin-bottom:1rem;font-size:14px}.user-info{margin-left:12px;color:#666;font-size:14px}[data-theme=dark] .login-form{background:#2d2d2d}[data-theme=dark] .login-form h2{color:#177ddc}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background-color:#1e1e1e;border-color:#434343;color:#fff}[data-theme=dark] .user-info{color:#999}.model-select{margin-left:12px;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;background-color:#fff;font-size:14px}[data-theme=dark] .model-select{background-color:#1e1e1e;border-color:#434343;color:#fff}