.procurement-chat[data-v-111355bd]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000}.procurement-chat .pc-mask[data-v-111355bd]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45)}.procurement-chat .pc-img-preview[data-v-111355bd]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;cursor:zoom-out}.procurement-chat .pc-img-preview img[data-v-111355bd]{max-width:90%;max-height:90%;border-radius:4px}.procurement-chat .pc-box[data-v-111355bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:720px;height:560px;background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2)}.procurement-chat .pc-header[data-v-111355bd]{height:52px;padding:0 16px;background:linear-gradient(135deg,#2d8cf0,#1b6fd0);color:#fff;display:flex;align-items:center;justify-content:space-between}.procurement-chat .pc-header .pc-title[data-v-111355bd]{display:flex;align-items:center;font-size:16px}.procurement-chat .pc-header .pc-title .dot[data-v-111355bd]{width:8px;height:8px;border-radius:50%;background:#52c41a;margin-right:8px}.procurement-chat .pc-header .pc-title .staff-name[data-v-111355bd]{font-size:13px;opacity:.9;margin-left:4px}.procurement-chat .pc-header .pc-title .order-no[data-v-111355bd]{font-size:12px;margin-left:12px;padding:2px 8px;background:hsla(0,0%,100%,.18);border-radius:10px;cursor:pointer;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s}.procurement-chat .pc-header .pc-title .order-no[data-v-111355bd]:hover{background:hsla(0,0%,100%,.32)}.procurement-chat .pc-header .pc-close[data-v-111355bd]{font-size:26px;cursor:pointer;line-height:1}.procurement-chat .pc-header .pc-close[data-v-111355bd]:hover{opacity:.7}.procurement-chat .pc-body[data-v-111355bd]{flex:1;overflow-y:auto;padding:16px;background:#f5f7fb}.procurement-chat .pc-body .load-more[data-v-111355bd]{text-align:center;color:#999;font-size:12px;padding:8px 0;cursor:pointer}.procurement-chat .pc-body .load-more[data-v-111355bd]:hover{color:#2d8cf0}.procurement-chat .pc-body .pc-empty[data-v-111355bd]{text-align:center;color:#aaa;padding-top:80px;font-size:14px}.procurement-chat .pc-body .msg-item[data-v-111355bd]{display:flex;margin-bottom:16px}.procurement-chat .pc-body .msg-item .avatar[data-v-111355bd]{width:40px;height:40px;border-radius:50%;flex-shrink:0}.procurement-chat .pc-body .msg-item .msg-main[data-v-111355bd]{margin:0 10px;max-width:70%;min-width:0;width:fit-content;display:flex;flex-direction:column;align-items:flex-start}.procurement-chat .pc-body .msg-item .msg-main .sender-name[data-v-111355bd]{font-size:12px;color:#999;margin-bottom:4px;width:fit-content}.procurement-chat .pc-body .msg-item .msg-main .bubble[data-v-111355bd]{background:#fff;border-radius:4px;padding:10px 12px;border:1px solid #e8eaef;display:inline-block;width:auto;max-width:100%}.procurement-chat .pc-body .msg-item .msg-main .bubble .quote-box[data-v-111355bd]{border-left:3px solid #2d8cf0;padding:4px 8px;background:#f2f5fb;margin-bottom:6px;border-radius:2px}.procurement-chat .pc-body .msg-item .msg-main .bubble .quote-box .quote-name[data-v-111355bd]{font-size:12px;color:#2d8cf0}.procurement-chat .pc-body .msg-item .msg-main .bubble .quote-box .quote-text[data-v-111355bd]{font-size:12px;color:#666;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procurement-chat .pc-body .msg-item .msg-main .bubble .recall-text[data-v-111355bd]{color:#999;font-size:13px}.procurement-chat .pc-body .msg-item .msg-main .bubble .msg-text[data-v-111355bd]{font-size:14px;color:#333;word-break:break-word;white-space:pre-wrap}.procurement-chat .pc-body .msg-item .msg-main .bubble .msg-img img[data-v-111355bd]{max-width:180px;max-height:180px;border-radius:4px;margin-right:4px;cursor:pointer}.procurement-chat .pc-body .msg-item .msg-main .bubble .msg-file a[data-v-111355bd]{display:flex;align-items:center;color:#2d8cf0;font-size:14px}.procurement-chat .pc-body .msg-item .msg-main .bubble .msg-file a .file-name[data-v-111355bd]{margin-left:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procurement-chat .pc-body .msg-item .msg-main .msg-meta[data-v-111355bd]{margin-top:4px;font-size:12px;color:#999;width:fit-content}.procurement-chat .pc-body .msg-item .msg-main .msg-meta .time[data-v-111355bd]{margin-right:8px}.procurement-chat .pc-body .msg-item .msg-main .msg-meta .quote-link[data-v-111355bd],.procurement-chat .pc-body .msg-item .msg-main .msg-meta .recall-link[data-v-111355bd]{margin-right:8px;cursor:pointer}.procurement-chat .pc-body .msg-item .msg-main .msg-meta .quote-link[data-v-111355bd]:hover,.procurement-chat .pc-body .msg-item .msg-main .msg-meta .recall-link[data-v-111355bd]:hover{color:#2d8cf0}.procurement-chat .pc-body .msg-item.self[data-v-111355bd]{flex-direction:row-reverse}.procurement-chat .pc-body .msg-item.self .msg-main[data-v-111355bd]{align-items:flex-end;text-align:right}.procurement-chat .pc-body .msg-item.self .msg-main .sender-name[data-v-111355bd]{text-align:right}.procurement-chat .pc-body .msg-item.self .msg-main .bubble[data-v-111355bd]{background:#2d8cf0;color:#fff;border:none}.procurement-chat .pc-body .msg-item.self .msg-main .bubble .quote-box[data-v-111355bd]{background:hsla(0,0%,100%,.2)}.procurement-chat .pc-body .msg-item.self .msg-main .bubble .quote-box .quote-name[data-v-111355bd]{color:#fff}.procurement-chat .pc-body .msg-item.self .msg-main .bubble .quote-box .quote-text[data-v-111355bd]{color:#eee}.procurement-chat .pc-body .msg-item.self .msg-main .bubble .msg-file a[data-v-111355bd],.procurement-chat .pc-body .msg-item.self .msg-main .bubble .msg-text[data-v-111355bd]{color:#fff}.procurement-chat .pc-body .msg-item.self .msg-main .msg-meta[data-v-111355bd]{text-align:right}.procurement-chat .pc-quote[data-v-111355bd]{padding:8px 16px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;background:#fafbfc}.procurement-chat .pc-quote .quote-content[data-v-111355bd]{display:flex;align-items:center;min-width:0}.procurement-chat .pc-quote .quote-content .quote-tag[data-v-111355bd]{background:#2d8cf0;color:#fff;font-size:12px;border-radius:2px;padding:1px 4px;margin-right:6px;flex-shrink:0}.procurement-chat .pc-quote .quote-content .quote-text[data-v-111355bd]{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procurement-chat .pc-quote .quote-cancel[data-v-111355bd]{cursor:pointer;color:#999;font-size:16px;flex-shrink:0;margin-left:8px}.procurement-chat .pc-quote .quote-cancel[data-v-111355bd]:hover{color:#333}.procurement-chat .pc-footer[data-v-111355bd]{border-top:1px solid #eee;padding:10px 16px 12px;background:#fff}.procurement-chat .pc-footer .toolbar[data-v-111355bd]{display:flex;margin-bottom:8px}.procurement-chat .pc-footer .toolbar .tool-btn[data-v-111355bd]{display:flex;align-items:center;cursor:pointer;color:#666;margin-right:16px;font-size:13px}.procurement-chat .pc-footer .toolbar .tool-btn input[data-v-111355bd]{display:none}.procurement-chat .pc-footer .toolbar .tool-btn[data-v-111355bd]:hover{color:#2d8cf0}.procurement-chat .pc-footer .input-row[data-v-111355bd]{display:flex;align-items:flex-end}.procurement-chat .pc-footer .input-row .pc-input[data-v-111355bd]{flex:1;height:70px;border:1px solid #e0e0e0;border-radius:4px;padding:8px 10px;resize:none;font-size:14px;outline:none}.procurement-chat .pc-footer .input-row .pc-input[data-v-111355bd]:focus{border-color:#2d8cf0}.procurement-chat .pc-footer .input-row .send-btn[data-v-111355bd]{margin-left:10px;width:70px;height:36px;background:#2d8cf0;color:#fff;border:none;border-radius:4px;cursor:pointer}.procurement-chat .pc-footer .input-row .send-btn[data-v-111355bd]:hover{opacity:.85}.procurement-chat .pc-footer .input-row .send-btn[data-v-111355bd]:disabled{opacity:.5;cursor:not-allowed}