.talRecordBox{display:flex;flex-direction:row;border-top-right-radius:12px;background-color:#fff}.talRecordBox .tal-left{width:320px;min-width:320px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.talRecordBox .tal-left .hw-banner{display:flex;align-items:center;height:40px;gap:10px;padding:0 14px;flex-shrink:0;transition:all .3s}.talRecordBox .tal-left .hw-banner.disconnected{background:#fef2f2;border-bottom:1px solid #fecaca}.talRecordBox .tal-left .hw-banner.disconnected .hw-dot{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.4);-webkit-animation:hw-pulse 1.5s ease-in-out infinite;animation:hw-pulse 1.5s ease-in-out infinite}.talRecordBox .tal-left .hw-banner.disconnected .hw-text{color:#dc2626}.talRecordBox .tal-left .hw-banner.connecting{background:#fffbeb;border-bottom:1px solid #fde68a}.talRecordBox .tal-left .hw-banner.connecting .hw-dot{background:#f59e0b;-webkit-animation:hw-spin 1s linear infinite;animation:hw-spin 1s linear infinite}.talRecordBox .tal-left .hw-banner.connecting .hw-text{color:#b45309}.talRecordBox .tal-left .hw-banner.connected{background:#f0fdf4;border-bottom:1px solid #bbf7d0}.talRecordBox .tal-left .hw-banner.connected .hw-dot{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5)}.talRecordBox .tal-left .hw-banner.connected .hw-text{color:#16a34a}.talRecordBox .tal-left .hw-banner .hw-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.talRecordBox .tal-left .hw-banner .hw-text{font-size:12px;font-weight:500;flex:1}.talRecordBox .tal-left .hw-banner .hw-reconnect{height:28px;padding:0 10px;border:1.5px solid #dc2626;border-radius:6px;background:#fff;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:4px}.talRecordBox .tal-left .hw-banner .hw-reconnect .iconfont{font-size:13px;color:#dc2626;transform:rotate(94deg);font-weight:lighter}.talRecordBox .tal-left .tal-filter-nav{display:flex;padding:0 14px;gap:0;border-bottom:1px solid #eef0f4}.talRecordBox .tal-left .tal-filter-nav .tal-nav-item{padding:0 20px;text-align:center;height:34px;line-height:34px;font-size:13px;color:#6f7684;cursor:pointer;border-bottom:2px solid transparent}.talRecordBox .tal-left .tal-filter-nav .tal-nav-item.selected{color:#4e7bef;border-color:#1565d8;font-weight:600}.talRecordBox .tal-left .tal-filter-nav .tal-nav-item:hover:not(.selected){color:#1565d8}.talRecordBox .tal-left .search-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5;padding:12px 14px}.talRecordBox .tal-left .search-row .tal-search-box{flex:1;overflow:hidden;position:relative}.talRecordBox .tal-left .search-row .tal-search-box .tal-search-input{width:100%;height:34px;line-height:32px;padding:0 12px 0 34px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#333;outline:none;box-sizing:border-box}.talRecordBox .tal-left .search-row .tal-search-box .tal-search-input::-moz-placeholder{color:#a2a4ac}.talRecordBox .tal-left .search-row .tal-search-box .tal-search-input:-ms-input-placeholder{color:#a2a4ac}.talRecordBox .tal-left .search-row .tal-search-box .tal-search-input::placeholder{color:#a2a4ac}.talRecordBox .tal-left .search-row .tal-search-box .tal-search-input:focus{border-color:#1565d8}.talRecordBox .tal-left .search-row .tal-search-box .iconfont{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#a2a4ac;pointer-events:none}.talRecordBox .tal-left .search-row .btn-read-all{height:34px;padding:0 8px;border:1.5px solid #4e7bef;border-radius:8px;background:#fff;color:#4e7bef;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:5px}.talRecordBox .tal-left .search-row .btn-read-all:active{transform:scale(.97)}.talRecordBox .tal-left .search-row .btn-read-all:hover{background-color:#eef2ff}.talRecordBox .tal-left .search-row .btn-read-all svg{width:14px;height:14px}.talRecordBox .tal-left .tal-left-list{flex:1;overflow-y:auto}.talRecordBox .tal-left .tal-left-list .tal-list-item{position:relative;padding-left:22px;padding:14px 18px;background:#fafbfc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.talRecordBox .tal-left .tal-left-list .tal-list-item:hover{background:#f0f5fe;border-color:#bcccea}.talRecordBox .tal-left .tal-left-list .tal-list-item.selected{background:#ebf3fe;border-color:#1565d8}.talRecordBox .tal-left .tal-left-list .tal-list-item.unread:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#ef4444}.talRecordBox .tal-left .tal-left-list .tal-list-item .icon{width:40px;height:40px;line-height:40px;border-radius:12px;background-color:#dbeafe;text-align:center}.talRecordBox .tal-left .tal-left-list .tal-list-item .icon .iconfont{color:#2563eb;font-size:24px}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header{flex:1;overflow:hidden}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header .tal-li-phone-row{display:flex;align-items:center;gap:8px}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header .tal-li-phone-row .tal-li-phone{font-size:15px;font-weight:600;color:#1a1a2e}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header .tal-li-phone-row .call-status-tag{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header .tal-li-phone-row .call-status-tag.converted-tag{background:#ecfdf5;color:#16a34a}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header .tal-li-phone-row .call-status-tag.unread-tag{background:#fef2f2;color:#dc2626}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header .tal-li-phone-row .call-status-tag.read-tag{background:#f0f2f5;color:#999}.talRecordBox .tal-left .tal-left-list .tal-list-item .tal-li-header .tal-li-time{font-size:12px;color:#a2a4ac}.talRecordBox .tal-left .tal-left-list .tal-empty{text-align:center;font-size:14px;color:#a2a4ac;padding:40px 0}.talRecordBox .tal-right{min-width:0}.talRecordBox .tal-right,.talRecordBox .tal-right .tal-detail{flex:1;display:flex;flex-direction:column;overflow:hidden}.talRecordBox .tal-right .tal-detail .detail-header{height:35px;padding:0 10px;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;justify-content:space-between}.talRecordBox .tal-right .tal-detail .detail-header .title{font-size:16px;font-weight:600;color:#1a1a2e}.talRecordBox .tal-right .tal-detail .detail-header .detail-status{font-size:12px;padding:3px 10px;border-radius:6px;font-weight:600}.talRecordBox .tal-right .tal-detail .detail-header .detail-status.converted-tag{background:#ecfdf5;color:#16a34a}.talRecordBox .tal-right .tal-detail .detail-header .detail-status.unread-tag{background:#fef2f2;color:#dc2626}.talRecordBox .tal-right .tal-detail .detail-header .detail-status.read-tag{background:#f0f2f5;color:#999}.talRecordBox .tal-right .tal-detail .tal-detail-body{flex:1;overflow-y:auto;padding:10px}.talRecordBox .tal-right .tal-detail .tal-detail-body .info-card{background:#f8f9fb;border-radius:14px;padding:15px;margin-bottom:20px}.talRecordBox .tal-right .tal-detail .tal-detail-body .info-card .info-card-title{font-size:13px;font-weight:600;color:#555;margin-bottom:14px;padding-left:10px;border-left:3px solid #4e7bef}.talRecordBox .tal-right .tal-detail .tal-detail-body .info-card .info-row{display:flex;align-items:center;padding:8px 0;border-top:1px solid #eef0f4}.talRecordBox .tal-right .tal-detail .tal-detail-body .info-card .info-row:first-child{border-top:none}.talRecordBox .tal-right .tal-detail .tal-detail-body .info-card .info-row .info-label{font-size:13px;color:#999;width:80px;flex-shrink:0}.talRecordBox .tal-right .tal-detail .tal-detail-body .info-card .info-row .info-value{font-size:14px;color:#1a1a2e;font-weight:500}.talRecordBox .tal-right .tal-detail .tal-detail-body .converted-card{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0;border-radius:14px;padding:15px;margin-bottom:20px}.talRecordBox .tal-right .tal-detail .tal-detail-body .converted-card .converted-card-title{font-size:13px;font-weight:600;color:#16a34a;margin-bottom:8px;display:flex;align-items:center;gap:6px}.talRecordBox .tal-right .tal-detail .tal-detail-body .converted-card .converted-card-title .iconfont{font-size:16px;color:#16a34a;font-weight:400}.talRecordBox .tal-right .tal-detail .tal-detail-body .converted-card .converted-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#4e7bef;font-weight:600;text-decoration:none;transition:color .15s}.talRecordBox .tal-right .tal-detail .tal-detail-body .converted-card .converted-link .iconfont{font-size:14px;color:#4e7bef}.talRecordBox .tal-right .tal-detail .tal-detail-body .converted-card .converted-meta{font-size:12px;color:#888;margin-top:4px}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:14px;padding:15px;margin-bottom:20px;font-size:13px}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .match-card-title{font-weight:600;color:#2563eb;margin-bottom:10px;display:flex;align-items:center;gap:6px}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .match-card-title .iconfont{font-size:16px;color:#2563eb}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .match-row{color:#555}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .match-row b{color:#1a1a2e;font-weight:600}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .match-row .tag_vip{background:#fef3c7;color:#92400e;font-size:11px;padding:1px 6px;border-radius:4px;font-weight:600;margin-left:4px}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .consume-bar{display:flex;margin-top:12px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #bfdbfe}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .consume-bar .consume-item{flex:1;text-align:center;padding:10px 6px;border-right:1px solid #dbeafe}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .consume-bar .consume-item .c-val{font-size:16px;font-weight:700;color:#ea580c}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .consume-bar .consume-item .c-unit{font-size:11px;font-weight:400;color:#c2410c;margin-left:1px}.talRecordBox .tal-right .tal-detail .tal-detail-body .match-card .consume-bar .consume-item .c-label{font-size:11px;color:#64748b;margin-top:2px}.talRecordBox .tal-right .tal-detail .tal-detail-body .history-section{margin-bottom:20px}.talRecordBox .tal-right .tal-detail .tal-detail-body .history-section .history-title{font-size:13px;font-weight:600;color:#555;margin-bottom:12px;padding-left:10px;border-left:3px solid #f59e0b;display:flex;align-items:center;justify-content:space-between}.talRecordBox .tal-right .tal-detail .tal-detail-body .history-section .history-title .history-count{font-size:12px;color:#999;font-weight:400}.talRecordBox .tal-right .tal-detail .tal-detail-body .history-section .history-list{display:flex;flex-direction:column;gap:8px}.talRecordBox .tal-right .tal-detail .tal-detail-body .history-section .history-list .history-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f8f9fb;border-radius:10px}.talRecordBox .tal-right .tal-detail .tal-detail-body .history-section .history-list .history-item .h-time{font-size:13px;color:#555;font-variant-numeric:tabular-nums;font-weight:500}.talRecordBox .tal-right .tal-detail .tal-detail-body .history-section .history-list .history-item .h-store{font-size:12px;color:#888;background:#f0f2f5;padding:2px 8px;border-radius:4px;margin-left:12px;white-space:nowrap}.talRecordBox .tal-right .tal-detail .tal-detail-actions{display:flex;padding:15px;border-top:1px solid #e5e7eb;flex-direction:row-reverse}.talRecordBox .tal-right .tal-detail .tal-detail-actions .tal-btn{height:44px;padding:0 12px;border:none;border-radius:10px;background:#1565d8;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 3px 12px rgba(78,123,239,.3);display:flex;align-items:center;gap:6px}.talRecordBox .tal-right .tal-detail .tal-detail-actions .tal-btn:active{transform:scale(.97)}.talRecordBox .tal-right .tal-detail .tal-detail-actions .tal-btn:hover{box-shadow:0 4px 16px rgba(78,123,239,.4);transform:translateY(-1px)}.talRecordBox .tal-right .tal-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c2c6d6}.talRecordBox .tal-right .tal-detail-empty .iconfont{font-size:48px;margin-bottom:16px}.talRecordBox .tal-right .tal-detail-empty .text{font-size:14px;color:#a2a4ac}