html[data-v-4a3a9d44]{--el-color-primary: #0858f7 !important;--el-color-danger: #ff5651 !important}.emoji-list[data-v-4a3a9d44]{display:grid;gap:8px;grid-template-columns:repeat(10,1fr)}.emoji-list .emoji-item[data-v-4a3a9d44]{align-items:center;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s}.emoji-list .emoji-item[data-v-4a3a9d44]:hover{background:#f5f5f5;border-radius:4px;transform:scale(1.2)}.chat-dialog[data-v-4a3a9d44] .el-dialog__header{border-radius:8px 8px 0 0;margin:0;overflow:hidden;padding:0}.chat-dialog[data-v-4a3a9d44] .el-dialog__body{display:flex;overflow:hidden;padding:0!important}.chat-dialog[data-v-4a3a9d44] .el-dialog{border-radius:8px;box-shadow:0 12px 32px 4px #0000001a;overflow:hidden}.chat-dialog[data-v-4a3a9d44] .el-dialog__headerbtn{right:12px;top:24px;z-index:10}.chat-dialog[data-v-4a3a9d44] .el-dialog__headerbtn .el-dialog__close{font-size:16px;transition:all .3s}.chat-dialog[data-v-4a3a9d44] .el-dialog__headerbtn .el-dialog__close:hover{opacity:.8}.dialog-header[data-v-4a3a9d44]{align-items:center;display:flex;padding:0 16px}.dialog-header .title[data-v-4a3a9d44]{font-size:14px;font-weight:400}.chat-layout[data-v-4a3a9d44]{display:flex;flex:1}.user-list[data-v-4a3a9d44]{background-color:#34353a;border-right:1px solid #eee;display:flex;flex-direction:column;width:280px}.user-list .search-box[data-v-4a3a9d44]{padding:12px}.user-list .search-box[data-v-4a3a9d44] .el-input__wrapper{background-color:#4f5054!important;box-shadow:none!important}.user-list .search-box[data-v-4a3a9d44] .el-input__inner{border:none;border-radius:16px;color:#fff}.user-list .search-box[data-v-4a3a9d44] .el-input__inner:focus{box-shadow:none}.user-list .user-items[data-v-4a3a9d44]{flex:1;overflow-y:auto}.user-list .user-items .user-item[data-v-4a3a9d44]{align-items:flex-start;cursor:pointer;display:flex;padding:12px;transition:all .3s}.user-list .user-items .user-item.active[data-v-4a3a9d44]{background-color:#ffffff1f!important}.user-list .user-items .user-item .user-info[data-v-4a3a9d44]{flex:1;margin:0 12px;overflow:hidden}.user-list .user-items .user-item .user-info .user-name[data-v-4a3a9d44]{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.user-list .user-items .user-item .user-info .last-message[data-v-4a3a9d44]{color:#999;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list .user-items .user-item .message-status[data-v-4a3a9d44]{text-align:right}.user-list .user-items .user-item .message-status .time[data-v-4a3a9d44]{color:#999;font-size:12px;margin-bottom:4px}.user-list .user-items .user-item .message-status .unread-badge[data-v-4a3a9d44] .el-badge__content{background-color:#c561f9}.chat-container[data-v-4a3a9d44]{display:flex;flex:1;flex-direction:column}.chat-container .chat-header[data-v-4a3a9d44]{background:#fff;border-bottom:1px solid #eee;padding:16px 20px}.chat-container .chat-header .header-left[data-v-4a3a9d44]{align-items:center;display:flex;gap:12px}.chat-container .chat-header .header-left .title-info .title[data-v-4a3a9d44]{color:#333;font-size:16px;font-weight:500;margin-bottom:4px}.chat-container .chat-header .header-left .title-info .subtitle[data-v-4a3a9d44]{color:#999;font-size:12px}.message-list[data-v-4a3a9d44]{background-color:#f7f8fa;box-sizing:border-box;flex:1;min-height:300px;overflow-y:auto;padding:24px}.message-list .load-more[data-v-4a3a9d44]{color:#999;font-size:12px;padding:10px 0;text-align:center}.message-list .message-item[data-v-4a3a9d44]{display:flex;margin-bottom:24px}.message-list .message-item.message-sent[data-v-4a3a9d44]{flex-direction:row-reverse}.message-list .message-item.message-sent .message-content[data-v-4a3a9d44]{align-items:flex-end;margin-left:80px;margin-right:12px}.message-list .message-item.message-sent .message-content .message-bubble[data-v-4a3a9d44]{background:#1a65ff;border-radius:12px 2px 12px 12px;box-shadow:0 4px 12px #c561f933;color:#fff}.message-list .message-item.message-received .message-content[data-v-4a3a9d44]{margin-left:12px;margin-right:80px}.message-list .message-item.message-received .message-content .message-bubble[data-v-4a3a9d44]{background-color:#fff;border-radius:2px 12px 12px;box-shadow:0 4px 12px #0000000d}.message-list .message-content[data-v-4a3a9d44]{display:flex;flex-direction:column}.message-list .message-content .message-bubble[data-v-4a3a9d44]{font-size:14px;line-height:1.6;max-width:400px;padding:12px 16px;word-break:break-word}.message-list .message-content .message-time[data-v-4a3a9d44]{color:#999;font-size:12px;margin-top:6px}.input-area[data-v-4a3a9d44]{background-color:#fff;border-top:1px solid #eee;box-sizing:border-box;padding:16px 24px}.input-area .toolbar[data-v-4a3a9d44]{display:flex;justify-content:space-between;padding:0 0 12px}.input-area .toolbar .tool-left[data-v-4a3a9d44]{display:flex;gap:20px}.input-area .toolbar .tool-icon[data-v-4a3a9d44]{color:#666;cursor:pointer;font-size:20px;transition:all .3s}.input-area .toolbar .tool-icon[data-v-4a3a9d44]:hover{color:#c561f9;transform:scale(1.1)}.input-area .input-box[data-v-4a3a9d44]{margin-bottom:12px}.input-area .input-box[data-v-4a3a9d44] .el-textarea__inner{border:1px solid #fff!important;border-radius:8px;box-shadow:none!important;font-size:14px;outline:none!important;padding:12px;transition:all .3s}.input-area .input-box[data-v-4a3a9d44] .el-textarea__inner:focus{border-color:#c561f9;box-shadow:none!important}.input-area .input-box[data-v-4a3a9d44] .el-textarea__inner::-moz-placeholder{color:#999}.input-area .input-box[data-v-4a3a9d44] .el-textarea__inner::placeholder{color:#999}.input-area .send-btn[data-v-4a3a9d44]{display:flex;justify-content:flex-end}.input-area .send-btn .el-button[data-v-4a3a9d44]{align-items:center;background:#1a65ff;border:none;border-radius:8px;display:flex;font-size:14px;gap:6px;padding:10px 24px;transition:all .3s}.input-area .send-btn .el-button .send-icon[data-v-4a3a9d44]{font-size:16px}.input-area .send-btn .el-button[data-v-4a3a9d44]:hover{transform:translateY(-1px)}.input-area .send-btn .el-button[data-v-4a3a9d44]:active{transform:translateY(0)}.input-area .send-btn .el-button.is-disabled[data-v-4a3a9d44]{background:#e0e0e0;opacity:.6}.message-list[data-v-4a3a9d44]::-webkit-scrollbar{width:6px}.message-list[data-v-4a3a9d44]::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.message-list[data-v-4a3a9d44]::-webkit-scrollbar-thumb:hover{background-color:#0003}.message-list[data-v-4a3a9d44]::-webkit-scrollbar-track{background-color:transparent}