.chat-container[data-v-59eeca1c]{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:70vh}.messages-scroll[data-v-59eeca1c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px;background-color:#f5f5f5}.message-item[data-v-59eeca1c]{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex}.message-item.self[data-v-59eeca1c]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-item.other[data-v-59eeca1c]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-wrapper[data-v-59eeca1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;max-width:80%}.message-item.other .message-wrapper[data-v-59eeca1c]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.user-name[data-v-59eeca1c]{font-size:12px;color:#999;margin-bottom:4px;text-align:right}.message-item.other .user-name[data-v-59eeca1c]{text-align:left}.message-content[data-v-59eeca1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:8px}.message-item.other .message-content[data-v-59eeca1c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.message-item.self .message-content[data-v-59eeca1c]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bubble[data-v-59eeca1c]{position:relative;padding:8px 12px 24px 12px;border-radius:8px;max-width:70%;min-width:200px;word-wrap:break-word;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:40px}.message-item.self .bubble[data-v-59eeca1c]{background-color:#409eff;color:#fff;border-bottom-right-radius:4px}.message-item.other .bubble[data-v-59eeca1c]{background-color:#fff;color:#333;border-bottom-left-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.text-content[data-v-59eeca1c]{line-height:1.4;white-space:pre-wrap;word-break:break-word;margin-bottom:4px}.image-content[data-v-59eeca1c]{max-width:100%;max-height:200px;width:auto;height:auto;border-radius:4px;-o-object-fit:contain;object-fit:contain;margin-bottom:4px}.time[data-v-59eeca1c]{position:absolute;bottom:2px;right:6px;font-size:11px;color:hsla(0,0%,100%,.8);white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.message-item.other .time[data-v-59eeca1c]{color:rgba(0,0,0,.6);right:6px}.unread[data-v-59eeca1c]{font-size:11px;color:#67c23a;background:#f0f9eb;padding:2px 6px;border-radius:4px;border:1px solid #c6e7b1;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.loading-more[data-v-59eeca1c],.loading[data-v-59eeca1c]{text-align:center;color:#999;padding:10px}.load-more[data-v-59eeca1c]{text-align:center;color:#409eff;cursor:pointer;padding:10px}.load-more[data-v-59eeca1c]:hover{text-decoration:underline}.input-area[data-v-59eeca1c]{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-top:1px solid #e4e7ed;background:#fff;gap:10px}.input-area[data-v-59eeca1c] .el-input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:0}.input-area[data-v-59eeca1c] .el-textarea__inner{resize:vertical;min-height:60px}.upload-demo[data-v-59eeca1c]{-ms-flex-negative:0;flex-shrink:0}