*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{display:flex;height:100vh;background-color:#f5f5f5;color:#333;overflow:hidden}.app-main{width:100%}.sidebar{width:260px;background-color:#202123;color:#fff;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.sidebar.active{left:0}.sidebar-header{padding:16px;border-bottom:1px solid #4d4d4f}.new-chat-btn{background-color:#343541;color:#fff;border:1px solid #565869;border-radius:6px;padding:12px;width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.new-chat-btn:hover{background-color:#40414f}.history-list{flex:1;overflow-y:auto;padding:8px}.history_date{display:inline-block;padding:10px 5px;font-size:13px;color:#aaa}.history-item{padding:12px;border-radius:6px;cursor:pointer;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background-color .2s}.history_item_delete{display:none}.history-item:hover .history_item_delete{display:block}.history-item.active,.history-item:hover{background-color:#343541}.sidebar-footer{padding:16px;border-top:1px solid #4d4d4f}.user-profile{gap:8px}.user-avatar,.user-profile{display:flex;align-items:center}.user-avatar{width:32px;height:32px;border-radius:4px;background-color:#10a37f;justify-content:center}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fff;position:relative}.chat-header{padding:16px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between}.chat-title{font-size:18px;font-weight:600}.chat-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.message{display:flex;gap:16px;max-width:100%}.message.user{flex-direction:row-reverse}.message-avatar{border-radius:4px}.user .message-avatar{background-color:#10a37f}.assistant .message-avatar{background-color:#9855d4}.message-content{max-width:90%;padding:12px 16px;border-radius:8px;line-height:1.5}.user .message-content{background-color:#f0f0f0;border-top-right-radius:0}.assistant .message-content{background-color:#f7f7f8;border-top-left-radius:0}.input-area{padding:16px;border-top:1px solid #e5e5e5}.input-container{max-width:768px;margin:0 auto;position:relative}.chat-input{width:100%;padding:12px 48px 12px 16px;border:1px solid #c5c5d2;border-radius:8px;resize:none;outline:none;font-size:16px;line-height:1.5;max-height:200px;min-height:56px}.send-button{position:absolute;right:12px;bottom:12px;background:none;border:none;color:#6b6c7b;cursor:pointer;font-size:16px}.send-button:hover{color:#10a37f}.input-actions{display:flex;gap:8px;margin-top:8px}.action-btn{background:none;border:none;color:#6b6c7b;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px}.action-btn:hover{background-color:#f0f0f0}.typing-indicator{display:flex;align-items:center;gap:16px;padding:12px 16px;background-color:#f7f7f8;border-radius:8px;border-top-left-radius:0;max-width:70%}.typing-dots{display:flex;gap:4px}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#c5c5d2;-webkit-animation:typing 1.4s ease-in-out infinite;animation:typing 1.4s ease-in-out infinite}.typing-dot:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.typing-dot:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}.stop-button{background-color:#ff4757;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px}.stop-button:hover{background-color:#ff3742}.stop-button:disabled{background-color:#ccc;cursor:not-allowed}.send-button:disabled{color:#ccc;cursor:not-allowed}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}@-webkit-keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.mobile-menu-btn{display:none;background:none;border:none;font-size:20px;color:#333;cursor:pointer;padding:8px}@media (max-width:768px){.sidebar{position:absolute;left:-260px;z-index:100;height:100%}.mobile-menu-btn{display:block}.message-content{max-width:85%}}.empty-tips{padding:40px 20px;text-align:center;color:#888}.empty-tips i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-tips p{margin:0;font-size:14px}.chat-actions{display:flex;gap:8px}.clear-button{background-color:#6c757d;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px}.clear-button:hover{background-color:#5a6268}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#10a37f;color:#fff}.user .message-avatar{background-color:#9855d4}.message-text{white-space:pre-wrap;font-family:inherit;margin:0;line-height:1.5}.message-time{font-size:12px;color:#888;margin-top:4px;text-align:right}.empty-chat{text-align:center;padding:60px 20px;color:#888}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.empty-chat h3{margin:0 0 8px 0;font-weight:500}.empty-chat p{margin:0;font-size:14px}.input-tips{text-align:center;margin-top:8px}.streaming-tip{color:#10a37f;font-size:14px}.default-tip{color:#888;font-size:14px}.send-button.disabled{color:#ccc;cursor:not-allowed}.history-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.chat-actions{flex-direction:column;gap:4px}.clear-button,.stop-button{padding:6px 12px;font-size:12px}.message-content{max-width:85%}.empty-chat{padding:40px 20px}.empty-icon{font-size:48px}}