.session-record[data-v-24513cc0]{height:100%;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-header[data-v-24513cc0]{margin-bottom:15px}.page-header h3[data-v-24513cc0]{font-size:18px;font-weight:600}.search-area[data-v-24513cc0]{margin-bottom:15px;padding:15px;background:#f8f8f9;border-radius:4px}.chat-detail-layout[data-v-24513cc0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;max-height:600px}.chat-detail-left[data-v-24513cc0]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.chat-detail-left[data-v-24513cc0] .ivu-card-body{height:calc(100% - 50px)}.chat-detail-right[data-v-24513cc0]{width:300px;-ms-flex-negative:0;flex-shrink:0;border-left:1px solid #e8e8e8}.chat-detail-right[data-v-24513cc0] .ivu-card-body{height:calc(100% - 50px);overflow-y:auto}.customer-info-panel[data-v-24513cc0]{font-size:13px}.ci-header[data-v-24513cc0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 8px;background:#fafafa;border-radius:6px;margin-bottom:12px}.ci-avatar[data-v-24513cc0]{width:48px;height:48px;border-radius:50%;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.ci-avatar img[data-v-24513cc0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ci-name-area[data-v-24513cc0]{margin-left:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.ci-nickname[data-v-24513cc0]{font-size:15px;font-weight:600;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-phone[data-v-24513cc0]{font-size:12px;color:#999}.ci-section[data-v-24513cc0]{padding:8px 0;border-bottom:1px solid #f0f0f0}.ci-section[data-v-24513cc0]:last-child{border-bottom:none}.ci-section-title[data-v-24513cc0]{font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.ci-row[data-v-24513cc0]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 0;line-height:1.6}.ci-label[data-v-24513cc0]{width:70px;-ms-flex-negative:0;flex-shrink:0;color:#999}.ci-value[data-v-24513cc0]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#333;word-break:break-all}.ci-star .active[data-v-24513cc0]{color:#f90}.ci-star span[data-v-24513cc0]{color:#ddd;font-size:16px}.ci-tags[data-v-24513cc0]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.chat-messages[data-v-24513cc0]{max-height:450px;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:4px}.msg-item[data-v-24513cc0]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px}.msg-item.msg-right[data-v-24513cc0]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.msg-avatar[data-v-24513cc0]{width:40px;height:40px;-ms-flex-negative:0;flex-shrink:0}.msg-avatar img[data-v-24513cc0]{width:100%;height:100%;border-radius:50%}.msg-body[data-v-24513cc0]{max-width:60%;margin:0 10px}.msg-info[data-v-24513cc0]{margin-bottom:4px}.msg-name[data-v-24513cc0]{font-size:12px;color:#666;margin-right:10px}.msg-time[data-v-24513cc0]{font-size:11px;color:#999}.msg-content[data-v-24513cc0]{background:#fff;padding:8px 12px;border-radius:8px;font-size:14px;word-break:break-all}.msg-right .msg-content[data-v-24513cc0]{background:#cde0ff}.msg-voice[data-v-24513cc0]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;color:#2d8cf0;padding:4px 8px;border-radius:4px;background:#f0f5ff}.msg-voice[data-v-24513cc0]:hover{background:#dce6f9}.msg-read-status[data-v-24513cc0]{font-size:11px;margin-top:3px;text-align:right}.msg-read-status .read[data-v-24513cc0]{color:#2d8cf0}.msg-read-status .unread[data-v-24513cc0]{color:#999}