.chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026;background-color:#f5f5f5}.chat-header{display:flex;align-items:center;padding:12px 20px;background-color:#fff;border-bottom:1px solid #e8e8e8}.chat-header-info{display:flex;align-items:center;flex:1}.chat-header-name{margin-left:12px}.chat-header-name div:first-child{font-weight:600;font-size:16px;color:#333}.online-status{font-size:12px;color:#52c41a;display:flex;align-items:center}.online-status:before{content:"";width:8px;height:8px;border-radius:50%;background-color:#52c41a;margin-right:4px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{display:flex;align-items:flex-end;gap:12px;max-width:70%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-start}.bot-message{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;flex-shrink:0}.user-avatar{background-color:#1890ff;color:#fff}.message-content{position:relative}.message-text{padding:10px 14px;border-radius:18px;line-height:1.4;word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.user-message .message-text{background-color:#1890ff;color:#fff;border-bottom-left-radius:4px}.bot-message .message-text{background-color:#fff;color:#333;border-bottom-right-radius:4px}.message-meta{display:flex;gap:8px;margin-top:4px;font-size:12px;color:#999}.user-message .message-meta{justify-content:flex-start}.bot-message .message-meta{justify-content:flex-end}.message-status{font-weight:500}.message-status.read{color:#1890ff}.message-image{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.message-audio{width:200px;margin:4px 0}.typing-indicator{display:flex;align-items:center;gap:4px;background-color:#fff;padding:8px 12px;border-radius:16px 16px 16px 4px}.typing-indicator span{width:8px;height:8px;background-color:#999;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.emoji-picker{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;margin:12px 20px;box-shadow:0 2px 8px #0000001a}.emoji-item{font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.emoji-item:hover{background-color:#f0f0f0}.chat-input-area{padding:12px 16px;background-color:#fff;border-top:1px solid #e8e8e8}.tiktok-input-container{display:flex;align-items:flex-end;gap:8px;width:100%}.input-icons{display:flex;align-items:flex-end;gap:8px}.input-icon-btn{border:none!important;box-shadow:none!important;padding:4px!important;font-size:18px!important}.input-main{flex:1;min-width:0}.tiktok-textarea{border-radius:20px!important;border:1px solid #e8e8e8!important;background-color:#f5f5f5!important;resize:none!important;min-height:40px!important;max-height:120px!important}.tiktok-textarea:hover,.tiktok-textarea:focus{border-color:#1890ff!important;box-shadow:none!important}.send-btn{border-radius:20px!important;height:40px!important;padding:0 16px!important;font-size:14px!important;font-weight:500!important}.image-preview-modal .ant-modal-content{background:transparent!important;border:none!important;box-shadow:none!important}.image-preview-modal .ant-modal-body{padding:0!important;display:flex;justify-content:center;align-items:center}.preview-image{max-width:90vw;max-height:90vh;object-fit:contain}.message-image{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;cursor:pointer;transition:transform .2s}.message-image:hover{transform:scale(1.05)}@media (max-width: 768px){.chat-container{height:100vh;border-radius:0;border:none;max-width:100%}.message{max-width:85%}.message-image{max-width:150px;max-height:150px}.message-audio{width:150px}.chat-input-area{padding:10px 12px}.tiktok-input-container{gap:6px}.input-icon-btn{font-size:16px!important}.send-btn{padding:0 12px!important;font-size:12px!important}.emoji-picker{margin:8px 12px;gap:8px}.emoji-item{font-size:20px}}.message-content{max-width:100%;word-break:break-word}.chat-messages{overflow-x:hidden}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-upload{margin:0!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}body{background:linear-gradient(135deg,#f093fb,#f5576c)}}