.kefu-container[data-v-2d235b38]{border:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;height:650px;width:100%;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.left-panel[data-v-2d235b38]{width:340px;min-width:340px;background:#fff;border-right:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-panel .panel-header[data-v-2d235b38]{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;border-bottom:1px solid #f0f0f0}.left-panel .panel-header .header-title[data-v-2d235b38]{font-size:18px;font-weight:600;color:#222}.left-panel .panel-header .header-count[data-v-2d235b38]{background:#07c160;color:#fff;font-size:12px;padding:2px 10px;border-radius:12px}.left-panel .user-list[data-v-2d235b38]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.left-panel .user-list .user-item[data-v-2d235b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 20px;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}.left-panel .user-list .user-item.dis[data-v-2d235b38]{opacity:.5}.left-panel .user-list .user-item[data-v-2d235b38]:hover{background:#f5f7fa}.left-panel .user-list .user-item.active[data-v-2d235b38]{background:#e8f4fd}.left-panel .user-list .user-item+.user-item[data-v-2d235b38]{border-top:1px solid #f5f5f5}.left-panel .user-list .user-item .user-avatar-box[data-v-2d235b38]{position:relative;-ms-flex-negative:0;flex-shrink:0}.left-panel .user-list .user-item .user-avatar-box .user-avatar[data-v-2d235b38]{width:46px;height:46px;border-radius:46px;-o-object-fit:cover;object-fit:cover;background:#e0e0e0}.left-panel .user-list .user-item .user-avatar-box .online-dot[data-v-2d235b38]{position:absolute;bottom:0;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.left-panel .user-list .user-item .user-avatar-box .online-dot.online[data-v-2d235b38]{background:#07c160}.left-panel .user-list .user-item .user-avatar-box .online-dot.offline[data-v-2d235b38]{background:#ccc}.left-panel .user-list .user-item .user-info[data-v-2d235b38]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:14px;min-width:0}.left-panel .user-list .user-item .user-info .user-top[data-v-2d235b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.left-panel .user-list .user-item .user-info .user-top .user-name[data-v-2d235b38]{font-size:15px;font-weight:500;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}.left-panel .user-list .user-item .user-info .user-top .user-time[data-v-2d235b38]{font-size:12px;color:#999;-ms-flex-negative:0;flex-shrink:0}.left-panel .user-list .user-item .user-info .user-bottom[data-v-2d235b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:6px;min-width:0}.left-panel .user-list .user-item .user-info .user-bottom .user-last-msg[data-v-2d235b38]{font-size:13px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.left-panel .user-list .user-item .user-info .user-bottom .badge[data-v-2d235b38]{background:#fa5151;color:#fff;font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.right-panel[data-v-2d235b38]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0}.right-panel .chat-header[data-v-2d235b38]{height:64px;background:#fff;border-bottom:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px;-ms-flex-negative:0;flex-shrink:0}.right-panel .chat-header .chat-avatar[data-v-2d235b38]{width:40px;height:40px;border-radius:40px;-o-object-fit:cover;object-fit:cover}.right-panel .chat-header .chat-user-info[data-v-2d235b38]{margin-left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.right-panel .chat-header .chat-user-info .chat-nickname[data-v-2d235b38]{font-size:16px;font-weight:600;color:#222}.right-panel .chat-header .chat-user-info .chat-status[data-v-2d235b38]{font-size:12px;color:#999;margin-top:2px}.right-panel .chat-header .chat-user-info .chat-status.online[data-v-2d235b38]{color:#07c160}.right-panel .chat-header.chat-header-empty[data-v-2d235b38]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:15px}.right-panel .msg-list[data-v-2d235b38]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px 24px;background:#f5f6fa}.right-panel .msg-list .load-msg[data-v-2d235b38]{text-align:center;margin-bottom:20px;cursor:pointer}.right-panel .msg-list .load-msg span[data-v-2d235b38]{font-size:12px;color:#b0b0b0}.right-panel .msg-list .msg-row[data-v-2d235b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:22px}.right-panel .msg-list .msg-row.msg-other[data-v-2d235b38]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.right-panel .msg-list .msg-row.msg-other .msg-bubble[data-v-2d235b38]{margin-left:10px}.right-panel .msg-list .msg-row.msg-self[data-v-2d235b38]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.right-panel .msg-list .msg-row.msg-self .msg-bubble[data-v-2d235b38]{margin-right:10px}.right-panel .msg-list .msg-row .msg-avatar[data-v-2d235b38]{width:36px;height:36px;border-radius:36px;-ms-flex-negative:0;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.right-panel .msg-list .msg-row .msg-bubble[data-v-2d235b38]{max-width:55%;padding:12px 16px;border-radius:8px;word-break:break-word}.right-panel .msg-list .msg-row .msg-bubble.bubble-user[data-v-2d235b38]{background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06)}.right-panel .msg-list .msg-row .msg-bubble.bubble-user .msg-text[data-v-2d235b38]{color:#333}.right-panel .msg-list .msg-row .msg-bubble.bubble-admin[data-v-2d235b38]{background:#07c160}.right-panel .msg-list .msg-row .msg-bubble.bubble-admin .msg-text[data-v-2d235b38]{color:#fff}.right-panel .msg-list .msg-row .msg-bubble .msg-text[data-v-2d235b38]{font-size:14px;line-height:1.6;white-space:pre-wrap}.right-panel .msg-list .msg-row .msg-bubble .msg-img[data-v-2d235b38]{width:200px;height:200px;border-radius:6px;display:block;cursor:pointer;-o-object-fit:cover;object-fit:cover}.right-panel .msg-list.msg-list-empty[data-v-2d235b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff}.right-panel .msg-list.msg-list-empty .empty-chat[data-v-2d235b38]{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;color:#bbb;font-size:14px}.right-panel .msg-list.msg-list-empty .empty-chat .empty-icon[data-v-2d235b38]{font-size:48px;margin-bottom:12px}.right-panel .input-area[data-v-2d235b38]{background:#fff;border-top:1px solid #e8e8e8;padding:14px 20px;-ms-flex-negative:0;flex-shrink:0}.right-panel .input-area .input-row[data-v-2d235b38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.right-panel .input-area .input-row .msg-input[data-v-2d235b38]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:10px 14px;font-size:14px;resize:none;outline:none;line-height:1.5;font-family:inherit}.right-panel .input-area .input-row .msg-input[data-v-2d235b38]:focus{border-color:#07c160}.right-panel .input-area .input-row .image[data-v-2d235b38]{position:relative;width:36px;height:36px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#e0e0e0;border-radius:36px;cursor:pointer}.right-panel .input-area .input-row .image .file[data-v-2d235b38]{width:100%;height:100%;display:block;position:absolute;top:0;left:0;opacity:0;cursor:pointer}.right-panel .input-area .input-row .btn-send[data-v-2d235b38]{padding:0 20px;background:#07c160;color:#fff;border:none;border-radius:36px;font-size:14px;font-weight:500;line-height:36px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background .15s;transition:background .15s}.right-panel .input-area .input-row .btn-send[data-v-2d235b38]:hover{background:#06ad56}.right-panel .input-area .input-row .btn-send[data-v-2d235b38]:disabled{background:#b8dfca;cursor:not-allowed}.left-panel .user-list[data-v-2d235b38]::-webkit-scrollbar,.msg-list[data-v-2d235b38]::-webkit-scrollbar{width:5px}.left-panel .user-list[data-v-2d235b38]::-webkit-scrollbar-thumb,.msg-list[data-v-2d235b38]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}