.login-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{width:400px;padding:40px;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;font-weight:600;color:#333;margin-bottom:8px}.login-header p{font-size:14px;color:#999}.workbench{width:100%;height:100%;display:flex;background:#f5f5f5}.conversation-list{width:280px;height:100%;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column}.conversation-header{padding:16px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-detail{flex:1}.user-name{font-size:16px;font-weight:500;color:#333}.connection-status{font-size:12px;color:#999;display:flex;align-items:center;gap:4px}.conversation-search{padding:12px 16px;border-bottom:1px solid #e8e8e8}.conversation-items{flex:1;overflow-y:auto}.conversation-item{padding:12px 16px;display:flex;gap:12px;cursor:pointer;transition:background .2s}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#e6f7ff}.conversation-info{flex:1;min-width:0}.conversation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-size:14px;font-weight:500;color:#333}.conversation-time{font-size:12px;color:#999}.conversation-bottom{display:flex;align-items:center}.conversation-preview{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-area{flex:1;height:100%;display:flex;flex-direction:column;background:#fff}.chat-header{height:60px;padding:0 20px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between}.chat-user-info{display:flex;align-items:center;gap:12px}.chat-user-detail{display:flex;flex-direction:column}.chat-user-name{font-size:16px;font-weight:500;color:#333}.chat-user-subtitle{font-size:12px;color:#999}.chat-messages{flex:1;padding:20px;overflow-y:auto;background:#f5f5f5}.message-item{display:flex;gap:12px;margin-bottom:16px}.message-item.message-self{flex-direction:row-reverse}.message-content{max-width:60%}.message-text{padding:10px 14px;background:#fff;border-radius:8px;font-size:14px;line-height:1.6;word-wrap:break-word}.message-self .message-text{background:#1890ff;color:#fff}.message-image{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer}.chat-input-area{border-top:1px solid #e8e8e8;background:#fff}.chat-toolbar{padding:8px 16px;border-bottom:1px solid #e8e8e8;display:flex;gap:8px}.chat-input-wrapper{padding:12px 16px;display:flex;gap:12px;align-items:flex-end}.chat-input-wrapper textarea{flex:1}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center}.user-detail-panel{width:300px;height:100%;background:#fff;border-left:1px solid #e8e8e8;overflow-y:auto}.user-detail-header{padding:32px 24px;text-align:center;border-bottom:1px solid #e8e8e8}.user-detail-name{margin-top:16px;font-size:18px;font-weight:500;color:#333}.user-detail-number{margin-top:4px;font-size:14px;color:#999}.user-detail-info{padding:16px 24px}.user-detail-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.user-detail-item:last-child{border-bottom:none}.user-detail-item .label{font-size:14px;color:#666}.user-detail-item .value{font-size:14px;color:#333;font-weight:500}.user-detail-actions{padding:16px 24px;border-top:1px solid #e8e8e8}.loading-container{display:flex;align-items:center;justify-content:center;padding:40px}.bottom-nav{border-top:1px solid #e8e8e8;display:flex;background:#fff}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;cursor:pointer;font-size:11px;color:#999;transition:color .2s,background .2s;gap:4px;border:none;background:transparent}.bottom-nav-item:hover{color:#1890ff;background:#f0f8ff}.bottom-nav-item .anticon{font-size:18px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{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}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}::-webkit-scrollbar-track{background:transparent}