.customer-service-container[data-v-a5ec32c2]{height:calc(100vh - 120px);background:#f0f2f5}.login-panel[data-v-a5ec32c2]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%}.login-panel .login-content[data-v-a5ec32c2]{text-align:center;background:#fff;padding:60px 80px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.login-panel .login-content .login-icon[data-v-a5ec32c2]{font-size:64px;color:#1890ff;margin-bottom:20px}.login-panel .login-content h2[data-v-a5ec32c2]{margin-bottom:20px;color:#333}.login-panel .login-content .error-msg[data-v-a5ec32c2]{color:#f5222d;margin-bottom:15px}.chat-container[data-v-a5ec32c2]{display:-ms-flexbox;display:flex;height:100%;background:#fff;border-radius:4px;overflow:hidden}.conversation-list[data-v-a5ec32c2]{width:280px;border-right:1px solid #e8e8e8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.conversation-list .conversation-header[data-v-a5ec32c2]{padding:16px;font-size:16px;font-weight:500;border-bottom:1px solid #e8e8e8;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.conversation-list .conversation-items[data-v-a5ec32c2]{-ms-flex:1;flex:1;overflow-y:auto}.conversation-list .conversation-item[data-v-a5ec32c2]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s}.conversation-list .conversation-item[data-v-a5ec32c2]:hover{background:#f5f5f5}.conversation-list .conversation-item.active[data-v-a5ec32c2]{background:#e6f7ff}.conversation-list .conversation-item .conv-info[data-v-a5ec32c2]{-ms-flex:1;flex:1;margin-left:12px;min-width:0}.conversation-list .conversation-item .conv-info .conv-name[data-v-a5ec32c2]{font-size:14px;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list .conversation-item .conv-info .conv-last-msg[data-v-a5ec32c2]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list .conversation-item .conv-meta[data-v-a5ec32c2]{text-align:right}.conversation-list .conversation-item .conv-meta .conv-time[data-v-a5ec32c2]{font-size:12px;color:#999;margin-bottom:4px}.chat-panel[data-v-a5ec32c2]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.chat-panel .chat-header[data-v-a5ec32c2]{padding:12px 16px;border-bottom:1px solid #e8e8e8;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.chat-panel .chat-header .chat-title[data-v-a5ec32c2]{margin-left:12px;font-size:16px;font-weight:500}.chat-panel .message-list[data-v-a5ec32c2]{-ms-flex:1;flex:1;padding:16px;overflow-y:auto;background:#f5f5f5}.chat-panel .message-item[data-v-a5ec32c2]{display:-ms-flexbox;display:flex;margin-bottom:16px}.chat-panel .message-item.message-self[data-v-a5ec32c2]{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat-panel .message-item.message-self .message-content[data-v-a5ec32c2]{margin-left:0;margin-right:12px;-ms-flex-align:end;align-items:flex-end}.chat-panel .message-item.message-self .message-content .message-text[data-v-a5ec32c2]{background:#1890ff;color:#fff}.chat-panel .message-item .message-content[data-v-a5ec32c2]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:12px;max-width:60%}.chat-panel .message-item .message-content .message-text[data-v-a5ec32c2]{background:#fff;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.5;word-break:break-word}.chat-panel .message-item .message-content .message-image img[data-v-a5ec32c2]{max-width:200px;max-height:200px;border-radius:8px}.chat-panel .message-item .message-content .message-time[data-v-a5ec32c2]{font-size:12px;color:#999;margin-top:4px}.chat-panel .input-area[data-v-a5ec32c2]{padding:12px 16px;border-top:1px solid #e8e8e8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.chat-panel .input-area .input-toolbar[data-v-a5ec32c2]{display:-ms-flexbox;display:flex;gap:8px}.chat-panel .input-area textarea[data-v-a5ec32c2]{resize:none}.chat-panel .input-area button[data-v-a5ec32c2]{-ms-flex-item-align:end;align-self:flex-end}.chat-panel .no-conversation[data-v-a5ec32c2]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}