.chat-handle .chat-messages[data-v-315020da]{height:calc(100vh - 300px);overflow-y:auto;padding:20px;background:#f5f5f5;border-radius:4px;margin-bottom:20px}.chat-handle .chat-messages .message-item[data-v-315020da]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-handle .chat-messages .message-item.user[data-v-315020da]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chat-handle .chat-messages .message-item.user .message-content[data-v-315020da]{background:#fff}.chat-handle .chat-messages .message-item.service[data-v-315020da]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.chat-handle .chat-messages .message-item.service .message-content[data-v-315020da]{background:#e6f7ff}.chat-handle .chat-messages .message-item .message-content[data-v-315020da]{max-width:70%;padding:12px;border-radius:8px}.chat-handle .chat-messages .message-item .message-content .message-header[data-v-315020da]{margin-bottom:8px;font-size:12px}.chat-handle .chat-messages .message-item .message-content .message-header .sender[data-v-315020da]{font-weight:700;margin-right:10px}.chat-handle .chat-messages .message-item .message-content .message-header .time[data-v-315020da]{color:rgba(0,0,0,.45)}.chat-handle .chat-messages .message-item .message-content .message-text[data-v-315020da]{word-break:break-word}.chat-handle .input-area[data-v-315020da]{background:#fff;padding:20px;border-radius:4px}.chat-handle .input-area .image-preview-container[data-v-315020da]{position:relative;margin-bottom:12px;display:inline-block}.chat-handle .input-area .image-preview-container .preview-image[data-v-315020da]{max-width:200px;max-height:150px;border-radius:8px;border:1px solid #e8e8e8}.chat-handle .input-area .image-preview-container .remove-image[data-v-315020da]{position:absolute;top:-8px;right:-8px;font-size:20px;color:#ff4d4f;cursor:pointer;background:#fff;border-radius:50%}.chat-handle .input-area .image-preview-container .remove-image[data-v-315020da]:hover{color:#ff7875}.chat-handle .input-area .action-buttons[data-v-315020da]{margin-top:16px;text-align:right}.chat-handle .message-image img[data-v-315020da]{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.chat-handle .message-image img[data-v-315020da]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}