.chat-container[data-v-6c903b5c]{height:100%;-ms-flex-direction:column;flex-direction:column;background-color:#f5f7fa;padding:16px}.chat-card[data-v-6c903b5c],.chat-container[data-v-6c903b5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.chat-card[data-v-6c903b5c]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.message-list[data-v-6c903b5c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px;background-color:#f0f2f5;min-height:400px;max-height:600px}.empty-message[data-v-6c903b5c]{text-align:center;color:#909399;margin-top:100px;font-size:14px}.message-item[data-v-6c903b5c]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.message-item.from-customer[data-v-6c903b5c]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-item.from-customer .bubble-wrapper[data-v-6c903b5c]{margin-right:12px;margin-left:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.message-item.from-customer .bubble[data-v-6c903b5c]{background-color:#95ec69;border:1px solid #7ed654}.message-item.from-customer .bubble[data-v-6c903b5c]:before{right:-8px;left:auto;border-left-color:#95ec69;border-right-color:transparent}.message-item.from-service .bubble[data-v-6c903b5c]{background-color:#fff;border:1px solid #e4e7ed}.message-item.from-service .bubble[data-v-6c903b5c]:before{left:-8px;border-right-color:#fff;border-left-color:transparent}.avatar-wrapper[data-v-6c903b5c]{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:center;-ms-flex-align:center;align-items:center;margin:0 12px;min-width:50px}.sender-name[data-v-6c903b5c]{font-size:12px;color:#909399;margin-top:4px}.bubble-wrapper[data-v-6c903b5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:60%;min-width:80px;margin-left:12px}.bubble[data-v-6c903b5c]{position:relative;padding:12px 16px;border-radius:8px;word-wrap:break-word;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.bubble[data-v-6c903b5c]:before{content:"";position:absolute;top:12px;width:0;height:0;border:8px solid transparent}.message-content[data-v-6c903b5c]{font-size:14px;line-height:1.5;color:#303133}.message-time[data-v-6c903b5c]{font-size:12px;color:#909399;margin-top:4px;text-align:right}.input-area[data-v-6c903b5c]{padding:16px;background-color:#fff;border-top:1px solid #e4e7ed;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.input-area .el-textarea[data-v-6c903b5c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.message-list[data-v-6c903b5c]::-webkit-scrollbar{width:6px}.message-list[data-v-6c903b5c]::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:3px}.message-list[data-v-6c903b5c]::-webkit-scrollbar-track{background-color:#f0f2f5}