.message-warp[data-v-3c4a8dab]{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-width:800px;width:100%}.message-warp.right[data-v-3c4a8dab]{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;flex-direction:row-reverse}.message-warp.right .card-content[data-v-3c4a8dab]{margin-bottom:10px;margin-right:10px}.message-warp.right p.name[data-v-3c4a8dab]{text-align:right}.message-warp .head-portrait[data-v-3c4a8dab]{height:30px;width:30px}.message-warp .card-content[data-v-3c4a8dab]{margin-left:10px;max-width:60%}.message-warp .card-content p.name[data-v-3c4a8dab]{color:#b5b5b5;font-size:12px;letter-spacing:0;line-height:12px}.message-warp .card-content p.name .green[data-v-3c4a8dab]{color:#04be02;margin-left:2px}.message-warp .card-content p.name .yellow[data-v-3c4a8dab]{color:#e6a23c;margin-left:2px}.message-warp .card-content .message-info[data-v-3c4a8dab]{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content}.message-warp .card-content .message-info.right[data-v-3c4a8dab]{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;flex-direction:row-reverse;float:right}.message-warp .card-content .message-info .return[data-v-3c4a8dab]{-ms-flex-item-align:center;align-self:center;color:#737680;font-size:12px;min-width:36px}.warp[data-v-3c4a8dab]{color:#b9b9ba;font-size:12px;height:34px;line-height:34px;text-align:center}.mainBox[data-v-3cb736c2]{border:1px solid #e0e0e0;height:calc(100vh - 350px)}.mainBox .left[data-v-3cb736c2]{background:#3d445d;color:#fff;font-size:13px;width:90px}.mainBox .left .ti[data-v-3cb736c2]{border-bottom:1px solid #1d2541}.mainBox .left .ct[data-v-3cb736c2]{height:calc(100% - 40px);overflow:auto}.mainBox .left .list[data-v-3cb736c2]{border-bottom:1px solid #1d2541;cursor:pointer;padding:19px 10px 10px;position:relative}.mainBox .left .list .head[data-v-3cb736c2]{border-radius:4px;height:40px;width:40px}.mainBox .left .list .name[data-v-3cb736c2]{padding-left:4px}.mainBox .left .list .state[data-v-3cb736c2]{left:55px;position:absolute;top:24px}.mainBox .left .active[data-v-3cb736c2]{background:#6e7386}.mainBox .middle[data-v-3cb736c2]{border-right:1px solid #dcdfe6;font-size:13px;width:280px}.mainBox .middle .ti[data-v-3cb736c2]{border-bottom:1px solid #d1d1d1;color:#7d85a2;height:50px;line-height:50px;padding-left:15px}.mainBox .middle .ct[data-v-3cb736c2]{height:calc(100% - 50px);overflow:auto}.mainBox .middle .list[data-v-3cb736c2]{border-bottom:1px solid #dcdfe6;cursor:pointer;padding:15px 10px}.mainBox .middle .list img[data-v-3cb736c2]{border-radius:4px;float:left;height:30px;margin-right:10px;width:30px}.mainBox .middle .active[data-v-3cb736c2]{background:#f4f7fa}.mainBox .right .ti[data-v-3cb736c2]{background:#f4f7fa;border-bottom:1px solid #d1d1d1;color:#7d85a2;height:50px;line-height:50px;padding-left:10px}.mainBox .right .ct[data-v-3cb736c2]{-ms-flex-direction:column-reverse;-webkit-box-direction:reverse;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column-reverse;height:calc(100% - 51px);overflow:auto}.mainBox2[data-v-3cb736c2]{border:1px solid #e0e0e0;height:calc(100vh - 291px)}.mainBox2 .left[data-v-3cb736c2]{border-right:1px solid #dcdfe6;width:368px}.mainBox2 .left .ct[data-v-3cb736c2]{height:calc(100% - 39px);overflow:auto}.mainBox2 .left .ti[data-v-3cb736c2]{border-bottom:1px solid #dcdfe6;color:#7d85a2;height:38px;line-height:38px;padding:0 15px}.mainBox2 .left .list[data-v-3cb736c2]{border-bottom:1px solid #dcdfe6;cursor:pointer;padding:15px 10px}.mainBox2 .left .list img[data-v-3cb736c2]{border-radius:4px;float:left;height:30px;margin-right:10px;width:30px}.mainBox2 .left .active[data-v-3cb736c2]{background:#f4f7fa}.mainBox2 .right .ti[data-v-3cb736c2]{background:#f4f7fa;border-bottom:1px solid #d1d1d1;color:#7d85a2;height:38px;line-height:38px;padding:0 15px}.mainBox2 .right .ct[data-v-3cb736c2]{-ms-flex-direction:column-reverse;-webkit-box-direction:reverse;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column-reverse;height:calc(100% - 39px);overflow:auto}.chat-container[data-v-320e3f8f]{background-color:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;height:100vh}.friends-sidebar[data-v-320e3f8f]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:#fff;border-right:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;width:30%}.friends-sidebar .member-selector[data-v-320e3f8f]{border-bottom:1px solid #e6e6e6;padding:15px}.friends-sidebar .member-selector .selector-row[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.friends-sidebar .member-selector .selector-row .el-select[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1}.friends-sidebar .member-selector .selector-row .el-button[data-v-320e3f8f]{-ms-flex-negative:0;flex-shrink:0;min-width:80px}.friends-sidebar .member-selector .selector-row .el-button i[data-v-320e3f8f]{margin-right:5px}.friends-sidebar .friends-list[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1;overflow-y:auto}.friends-sidebar .friends-list .friend-item[data-v-320e3f8f]{-webkit-transition:background-color .2s;border-bottom:1px solid #f0f0f0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 15px;transition:background-color .2s}.friends-sidebar .friends-list .friend-item[data-v-320e3f8f]:hover{background-color:#f8f8f8}.friends-sidebar .friends-list .friend-item.active[data-v-320e3f8f]{background-color:#e6f7ff;border-left:3px solid #1890ff}.friends-sidebar .friends-list .friend-item .friend-avatar[data-v-320e3f8f]{margin-right:12px}.friends-sidebar .friends-list .friend-item .friend-avatar img[data-v-320e3f8f]{border-radius:50%;height:40px;width:40px}.friends-sidebar .friends-list .friend-item .friend-info[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1;min-width:0}.friends-sidebar .friends-list .friend-item .friend-info .friend-name[data-v-320e3f8f]{color:#333;font-weight:500;margin-bottom:2px}.friends-sidebar .friends-list .friend-item .friend-info .friend-wx-info[data-v-320e3f8f]{color:#666;font-size:11px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-sidebar .friends-list .friend-item .friend-info .friend-time[data-v-320e3f8f]{color:#999;float:right;font-size:12px;margin-bottom:4px}.friends-sidebar .friends-list .friend-item .friend-info .friend-message[data-v-320e3f8f]{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-sidebar .friends-list .friend-item .load-more[data-v-320e3f8f],.friends-sidebar .friends-list .friend-item .no-more[data-v-320e3f8f]{background-color:#fff;border-top:1px solid #f0f0f0;padding:15px;text-align:center}.friends-sidebar .friends-list .friend-item .no-more[data-v-320e3f8f]{color:#999;font-size:12px}.friends-sidebar .friends-list .friend-item .empty-state[data-v-320e3f8f]{background-color:#fff;padding:40px 20px;text-align:center}.chat-main[data-v-320e3f8f]{-ms-flex:1;-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-flex:1;-webkit-box-orient:vertical;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column}.chat-main .chat-header[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;background-color:#fafafa;border-bottom:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:15px 20px}.chat-main .chat-header .chat-info .chat-name[data-v-320e3f8f]{color:#333;font-size:16px;font-weight:500;margin-bottom:2px}.chat-main .chat-header .chat-info .chat-wx-info[data-v-320e3f8f]{color:#666;font-size:12px;margin-bottom:2px}.chat-main .chat-header .chat-info .chat-status[data-v-320e3f8f]{color:#666;font-size:12px}.chat-main .chat-header .chat-actions[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-main .messages-container[data-v-320e3f8f]{-ms-flex:1;-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-flex:1;-webkit-box-orient:vertical;background-color:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column}.chat-main .messages-container .message-header[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;background-color:#fff;border-bottom:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-main .messages-container .message-content-wrapper[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1;overflow-y:auto;padding:20px}.chat-main .messages-container .message-date-divider[data-v-320e3f8f]{color:#999;font-size:12px;margin:15px 0;position:relative;text-align:center}.chat-main .messages-container .message-date-divider[data-v-320e3f8f]:before{background-color:#e6e6e6;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.chat-main .messages-container .message-date-divider span[data-v-320e3f8f]{background-color:#f5f5f5;padding:0 10px;position:relative;z-index:2}.chat-main .messages-container .message-loading[data-v-320e3f8f]{background-color:#fff;border-top:1px solid #e6e6e6;padding:10px 20px}.chat-main .messages-container .message-item[data-v-320e3f8f]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px}.chat-main .messages-container .message-item.my-message[data-v-320e3f8f]{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.chat-main .messages-container .message-item.my-message .message-content[data-v-320e3f8f]{background-color:#1890ff;color:#fff}.chat-main .messages-container .message-item.my-message .message-content .message-file[data-v-320e3f8f]{background-color:hsla(0,0%,100%,.15)}.chat-main .messages-container .message-item.my-message .message-content .message-file[data-v-320e3f8f]:hover{background-color:hsla(0,0%,100%,.25)}.chat-main .messages-container .message-item.my-message .message-content .message-file .file-info .file-name[data-v-320e3f8f]{color:#fff}.chat-main .messages-container .message-item.my-message .message-content .message-file .file-info .file-size[data-v-320e3f8f]{color:hsla(0,0%,100%,.8)}.chat-main .messages-container .message-item.my-message .message-content .message-image .image-placeholder[data-v-320e3f8f]{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.chat-main .messages-container .message-item.friend-message[data-v-320e3f8f]{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.chat-main .messages-container .message-item.friend-message .message-content[data-v-320e3f8f]{background-color:#fff;color:#333}.chat-main .messages-container .message-item .message-avatar[data-v-320e3f8f]{margin:0 8px}.chat-main .messages-container .message-item .message-avatar img[data-v-320e3f8f]{border-radius:50%;height:36px;width:36px}.chat-main .messages-container .message-item .my-avatar-label[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background-color:#1890ff;border-radius:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;font-weight:500;height:36px;justify-content:center;margin:0 8px;width:36px}.chat-main .messages-container .message-item .message-content[data-v-320e3f8f]{border-radius:18px;max-width:60%;padding:10px 15px;word-wrap:break-word}.chat-main .messages-container .message-item .message-content .message-text[data-v-320e3f8f]{line-height:1.4}.chat-main .messages-container .message-item .message-content .message-image[data-v-320e3f8f]{-webkit-transition:all .2s ease;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.chat-main .messages-container .message-item .message-content .message-image[data-v-320e3f8f]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.02)}.chat-main .messages-container .message-item .message-content .message-image img[data-v-320e3f8f]{-webkit-transition:opacity .2s ease;border-radius:8px;display:block;max-height:200px;max-width:200px;transition:opacity .2s ease}.chat-main .messages-container .message-item .message-content .message-image img[data-v-320e3f8f]:hover{opacity:.9}.chat-main .messages-container .message-item .message-content .message-image .image-placeholder[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background-color:rgba(0,0,0,.1);border-radius:8px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;justify-content:center;min-height:80px;min-width:100px}.chat-main .messages-container .message-item .message-content .message-file[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;-webkit-transition:all .2s ease;align-items:center;background-color:rgba(0,0,0,.05);border-radius:8px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;max-width:280px;padding:8px 12px;transition:all .2s ease}.chat-main .messages-container .message-item .message-content .message-file[data-v-320e3f8f]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);background-color:rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.chat-main .messages-container .message-item .message-content .message-file .file-icon[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-pdf[data-v-320e3f8f]{background-color:#ff4d4f;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-word[data-v-320e3f8f]{background-color:#1890ff;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-excel[data-v-320e3f8f]{background-color:#52c41a;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-ppt[data-v-320e3f8f]{background-color:#fa8c16;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-archive[data-v-320e3f8f]{background-color:#722ed1;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-text[data-v-320e3f8f]{background-color:#666;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-video[data-v-320e3f8f]{background-color:#eb2f96;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-audio[data-v-320e3f8f]{background-color:#13c2c2;color:#fff}.chat-main .messages-container .message-item .message-content .message-file .file-icon.file-default[data-v-320e3f8f]{background-color:#d9d9d9;color:#666}.chat-main .messages-container .message-item .message-content .message-file .file-info[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1;min-width:0}.chat-main .messages-container .message-item .message-content .message-file .file-info .file-name[data-v-320e3f8f]{color:#333;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main .messages-container .message-item .message-content .message-file .file-info .file-size[data-v-320e3f8f]{color:#666;font-size:12px}.chat-main .messages-container .message-item .message-content .message-time[data-v-320e3f8f]{font-size:11px;margin-top:4px;opacity:.7}.chat-main .chat-input-area[data-v-320e3f8f]{background-color:#fff;border-top:1px solid #e6e6e6}.chat-main .chat-input-area .input-tools[data-v-320e3f8f]{-ms-flex-wrap:wrap;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:20px;padding:10px 20px}.chat-main .chat-input-area .input-tools .upload-item[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.chat-main .chat-input-area .input-tools .upload-item .el-upload[data-v-320e3f8f]{-ms-flex-negative:0;flex-shrink:0}.chat-main .chat-input-area .input-tools .upload-item .size-tip[data-v-320e3f8f]{color:#999;font-size:12px;white-space:nowrap}.chat-main .chat-input-area .input-area[data-v-320e3f8f]{padding:15px 20px}.chat-main .chat-input-area .input-area ::v-deep .el-textarea__inner[data-v-320e3f8f]{border:none;padding:0;resize:none}.chat-main .chat-input-area .input-actions[data-v-320e3f8f]{padding:0 20px 15px;text-align:right}.chat-main .chat-input-area .file-preview[data-v-320e3f8f]{background-color:#fafafa;border-top:1px solid #f0f0f0;padding:10px 20px}.chat-main .chat-input-area .file-preview .file-info[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;padding:8px 12px}.chat-main .chat-input-area .file-preview .file-info .file-icon[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-negative:0;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-pdf[data-v-320e3f8f]{background-color:#ff4d4f;color:#fff}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-word[data-v-320e3f8f]{background-color:#1890ff;color:#fff}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-excel[data-v-320e3f8f]{background-color:#52c41a;color:#fff}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-ppt[data-v-320e3f8f]{background-color:#fa8c16;color:#fff}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-archive[data-v-320e3f8f]{background-color:#722ed1;color:#fff}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-text[data-v-320e3f8f]{background-color:#666;color:#fff}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-image[data-v-320e3f8f]{background-color:#13c2c2;color:#fff}.chat-main .chat-input-area .file-preview .file-info .file-icon.file-default[data-v-320e3f8f]{background-color:#d9d9d9;color:#666}.chat-main .chat-input-area .file-preview .file-info .file-details[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1;min-width:0}.chat-main .chat-input-area .file-preview .file-info .file-details .file-name[data-v-320e3f8f]{color:#333;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main .chat-input-area .file-preview .file-info .file-details .file-size[data-v-320e3f8f]{color:#666;font-size:12px}.chat-main .chat-input-area .file-preview .file-info .file-actions[data-v-320e3f8f]{-ms-flex-negative:0;flex-shrink:0}.chat-main .chat-input-area .file-preview .file-progress[data-v-320e3f8f]{margin-top:8px}.friend-details[data-v-320e3f8f]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:#fff;border-left:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;overflow-y:auto;width:30%}.friend-details .details-tabs[data-v-320e3f8f]{border-bottom:1px solid #e6e6e6}.friend-details .details-tabs ::v-deep .el-tabs[data-v-320e3f8f]{height:100%}.friend-details .details-tabs ::v-deep .el-tabs .el-tabs__header[data-v-320e3f8f]{background-color:#fafafa;margin:0}.friend-details .details-tabs ::v-deep .el-tabs .el-tabs__header .el-tabs__nav-wrap[data-v-320e3f8f]{padding:0 20px}.friend-details .details-tabs ::v-deep .el-tabs .el-tabs__header .el-tabs__item[data-v-320e3f8f]{color:#666;font-size:14px;height:50px;line-height:50px;padding:0 20px}.friend-details .details-tabs ::v-deep .el-tabs .el-tabs__header .el-tabs__item.is-active[data-v-320e3f8f]{color:#1890ff;font-weight:500}.friend-details .details-tabs ::v-deep .el-tabs .el-tabs__content[data-v-320e3f8f]{height:calc(100% - 50px);padding:0}.friend-details .details-tabs ::v-deep .el-tabs .el-tabs__content .el-tab-pane[data-v-320e3f8f]{height:100%}.friend-details .customer-info[data-v-320e3f8f]{border-bottom:1px solid #e6e6e6;padding:20px}.friend-details .customer-info .customer-header[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px}.friend-details .customer-info .customer-header .customer-avatar[data-v-320e3f8f]{margin-right:15px}.friend-details .customer-info .customer-header .customer-avatar img[data-v-320e3f8f]{border-radius:50%;height:50px;width:50px}.friend-details .customer-info .customer-header .customer-basic .customer-name[data-v-320e3f8f]{color:#333;font-size:16px;font-weight:500;margin-bottom:8px}.friend-details .customer-info .customer-header .customer-basic .customer-stats[data-v-320e3f8f]{display:-webkit-box;display:-ms-flexbox;display:flex}.friend-details .customer-info .customer-header .customer-basic .customer-stats .stat-item[data-v-320e3f8f]{font-size:12px;margin-right:15px}.friend-details .customer-info .customer-header .customer-basic .customer-stats .stat-item span[data-v-320e3f8f]{color:#666;margin-right:4px}.friend-details .customer-info .customer-header .customer-basic .customer-stats .stat-item strong[data-v-320e3f8f]{color:#1890ff}.friend-details .customer-info .customer-actions[data-v-320e3f8f]{-ms-flex-pack:center;-webkit-box-pack:center;border-top:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding-top:10px}.friend-details .content-section[data-v-320e3f8f],.friend-details .journey-section[data-v-320e3f8f],.friend-details .orders-section[data-v-320e3f8f],.friend-details .tags-section[data-v-320e3f8f]{border-bottom:1px solid #e6e6e6}.friend-details .content-section .section-header[data-v-320e3f8f],.friend-details .journey-section .section-header[data-v-320e3f8f],.friend-details .orders-section .section-header[data-v-320e3f8f],.friend-details .tags-section .section-header[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;color:#333;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;justify-content:space-between;padding:15px 20px}.friend-details .content-section .section-header[data-v-320e3f8f]:hover,.friend-details .journey-section .section-header[data-v-320e3f8f]:hover,.friend-details .orders-section .section-header[data-v-320e3f8f]:hover,.friend-details .tags-section .section-header[data-v-320e3f8f]:hover{background-color:#f8f8f8}.friend-details .content-section .section-header i[data-v-320e3f8f],.friend-details .journey-section .section-header i[data-v-320e3f8f],.friend-details .orders-section .section-header i[data-v-320e3f8f],.friend-details .tags-section .section-header i[data-v-320e3f8f]{color:#999}.friend-details .content-section .content-items[data-v-320e3f8f],.friend-details .content-section .journey-items[data-v-320e3f8f],.friend-details .content-section .orders-list[data-v-320e3f8f],.friend-details .content-section .tags-container[data-v-320e3f8f],.friend-details .journey-section .content-items[data-v-320e3f8f],.friend-details .journey-section .journey-items[data-v-320e3f8f],.friend-details .journey-section .orders-list[data-v-320e3f8f],.friend-details .journey-section .tags-container[data-v-320e3f8f],.friend-details .orders-section .content-items[data-v-320e3f8f],.friend-details .orders-section .journey-items[data-v-320e3f8f],.friend-details .orders-section .orders-list[data-v-320e3f8f],.friend-details .orders-section .tags-container[data-v-320e3f8f],.friend-details .tags-section .content-items[data-v-320e3f8f],.friend-details .tags-section .journey-items[data-v-320e3f8f],.friend-details .tags-section .orders-list[data-v-320e3f8f],.friend-details .tags-section .tags-container[data-v-320e3f8f]{padding:0 20px 15px}.friend-details .content-item[data-v-320e3f8f]{border-bottom:1px solid #f0f0f0;color:#666;font-size:13px;padding:8px 0}.friend-details .content-item[data-v-320e3f8f]:last-child{border-bottom:none}.friend-details .content-item .seq-title[data-v-320e3f8f]{color:#333;margin-bottom:2px}.friend-details .content-item .seq-time[data-v-320e3f8f]{color:#999;font-size:12px}.friend-details .tags-container[data-v-320e3f8f]{-ms-flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:4px}.friend-details .journey-item[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.friend-details .journey-item[data-v-320e3f8f]:last-child{border-bottom:none}.friend-details .journey-item .journey-title[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;color:#333;flex:1}.friend-details .journey-item .journey-date[data-v-320e3f8f]{color:#999;font-size:12px;margin-left:10px}.friend-details .journey-item .journey-amount[data-v-320e3f8f]{color:#ff4d4f;font-size:12px;font-weight:500;margin-left:10px}.friend-details .order-item[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:10px 0}.friend-details .order-item[data-v-320e3f8f]:last-child{border-bottom:none}.friend-details .order-item .order-info .order-name[data-v-320e3f8f]{color:#333;font-size:13px;margin-bottom:2px}.friend-details .order-item .order-info .order-amount[data-v-320e3f8f]{color:#ff4d4f;font-size:12px;font-weight:500}.friend-details .empty-orders[data-v-320e3f8f]{color:#999;font-size:13px;padding:20px;text-align:center}.friend-details .quick-reply-content[data-v-320e3f8f]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;height:100%}.friend-details .quick-reply-content .quick-reply-header[data-v-320e3f8f]{background-color:#fff;border-bottom:1px solid #e6e6e6;padding:15px 20px}.friend-details .quick-reply-content .quick-reply-header .breadcrumb-nav[data-v-320e3f8f]{margin-bottom:10px}.friend-details .quick-reply-content .quick-reply-header .breadcrumb-nav ::v-deep .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner[data-v-320e3f8f]{color:#666;font-size:13px}.friend-details .quick-reply-content .quick-reply-header .breadcrumb-nav ::v-deep .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner[data-v-320e3f8f]:hover{color:#1890ff}.friend-details .quick-reply-content .quick-reply-header .breadcrumb-nav ::v-deep .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner[data-v-320e3f8f]{color:#1890ff;font-weight:500}.friend-details .quick-reply-content .quick-reply-header .search-bar[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.friend-details .quick-reply-content .quick-reply-header .search-bar ::v-deep .el-input[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1}.friend-details .quick-reply-content .quick-reply-header .search-bar ::v-deep .el-input .el-input__inner[data-v-320e3f8f]{border-radius:20px;height:36px;line-height:36px}.friend-details .quick-reply-content .quick-reply-header .search-bar ::v-deep .el-input .el-input__prefix[data-v-320e3f8f]{left:12px}.friend-details .quick-reply-content .quick-reply-header .search-bar ::v-deep .el-input .el-input__suffix[data-v-320e3f8f]{right:12px}.friend-details .quick-reply-content .quick-reply-list[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1;overflow-y:auto;padding:0 20px 20px}.friend-details .quick-reply-content .quick-reply-list .reply-item[data-v-320e3f8f]{-ms-flex-align:center;-webkit-box-align:center;-webkit-transition:all .2s ease;align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;padding:12px 15px;transition:all .2s ease}.friend-details .quick-reply-content .quick-reply-list .reply-item[data-v-320e3f8f]:hover{-webkit-box-shadow:0 2px 8px rgba(24,144,255,.1);-webkit-transform:translateY(-1px);background-color:#f8f9fa;border-color:#1890ff;box-shadow:0 2px 8px rgba(24,144,255,.1);transform:translateY(-1px)}.friend-details .quick-reply-content .quick-reply-list .reply-item:hover .reply-action[data-v-320e3f8f]{opacity:1}.friend-details .quick-reply-content .quick-reply-list .reply-item .reply-icon[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-negative:0;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background-color:#f0f8ff;border-radius:6px;color:#1890ff;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-right:12px;width:32px}.friend-details .quick-reply-content .quick-reply-list .reply-item .reply-info[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1;min-width:0}.friend-details .quick-reply-content .quick-reply-list .reply-item .reply-info .reply-name[data-v-320e3f8f]{color:#333;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-details .quick-reply-content .quick-reply-list .reply-item .reply-info .reply-type[data-v-320e3f8f]{background-color:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:12px;padding:2px 8px}.friend-details .quick-reply-content .quick-reply-list .reply-item .reply-action[data-v-320e3f8f]{-ms-flex-negative:0;-webkit-transition:opacity .2s ease;flex-shrink:0;opacity:0;transition:opacity .2s ease}.friend-details .quick-reply-content .quick-reply-list .reply-item .reply-action ::v-deep .el-button[data-v-320e3f8f]{border-radius:4px;font-size:12px;padding:6px 12px}.friend-details .quick-reply-content .quick-reply-list .reply-item .reply-action ::v-deep .el-button .el-icon-s-promotion[data-v-320e3f8f]{margin-right:4px}.friend-details .quick-reply-content .quick-reply-list .empty-reply[data-v-320e3f8f]{-ms-flex-align:center;-ms-flex-direction:column;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:center;align-items:center;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;height:200px;justify-content:center}.friend-details .quick-reply-content .quick-reply-list .empty-reply ::v-deep .el-empty .el-empty__description[data-v-320e3f8f]{color:#999;font-size:13px}@media (max-width:1200px){.friends-sidebar[data-v-320e3f8f]{width:35%}.friend-details[data-v-320e3f8f]{width:30%}}@media (max-width:768px){.chat-container[data-v-320e3f8f]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;flex-direction:column}.friends-sidebar[data-v-320e3f8f]{height:200px;width:100%}.chat-main[data-v-320e3f8f]{-ms-flex:1;-webkit-box-flex:1;flex:1}.friend-details[data-v-320e3f8f]{height:200px;width:100%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}