.chat-panel[data-v-b2b7e4fd]{background:#fff;border-right:1px solid rgba(0,0,0,.09);box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;width:400px}.chat-header[data-v-b2b7e4fd]{align-items:center;border-bottom:1px solid rgba(0,0,0,.09);display:flex;flex-shrink:0;gap:6px;height:60px;justify-content:center}.chat-title[data-v-b2b7e4fd]{color:#1c1c1e;font-size:18px;font-weight:600;line-height:1}.total-badge[data-v-b2b7e4fd]{background:#ff3449;border-radius:9px;box-sizing:border-box;color:#fff;font-size:11px;font-weight:600;height:18px;line-height:18px;min-width:18px;padding:0 4px;text-align:center}.chat-state[data-v-b2b7e4fd]{align-items:center;color:#8e8e93;display:flex;flex:1;font-size:14px;justify-content:center}.chat-list[data-v-b2b7e4fd]{flex:1 1 0%;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.chat-list[data-v-b2b7e4fd]::-webkit-scrollbar{display:none}.chat-item[data-v-b2b7e4fd]{align-items:center;border-bottom:1px solid rgba(0,0,0,.09);box-sizing:border-box;cursor:pointer;display:flex;height:60px;padding:0 30px;transition:background .15s}.chat-item[data-v-b2b7e4fd]:hover:not(.is-active){background:#00000008}.chat-item.is-active[data-v-b2b7e4fd]{background:#ff344914}.avatar-wrap[data-v-b2b7e4fd]{flex-shrink:0;margin-right:10px;position:relative}.avatar[data-v-b2b7e4fd]{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.avatar .read[data-v-b2b7e4fd]{background:#c7c7cc;border:1px solid #fff;border-radius:100px;bottom:0;height:10px;position:absolute;right:0;width:10px}.avatar-initial[data-v-b2b7e4fd]{color:#fff;font-size:12px;font-weight:600;line-height:1}.online-dot[data-v-b2b7e4fd]{background:#34c759;border:1px solid #fff;border-radius:50%;bottom:0;box-sizing:border-box;height:9px;position:absolute;right:0;width:9px}.chat-body[data-v-b2b7e4fd]{display:flex;flex:1;flex-direction:column;gap:2px;justify-content:center;overflow:hidden}.chat-name[data-v-b2b7e4fd]{color:#1c1c1e;font-size:15px;font-weight:500;line-height:19.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-name.is-active[data-v-b2b7e4fd]{color:#ff3449}.chat-preview[data-v-b2b7e4fd]{color:#8e8e93;font-size:13px;line-height:16.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta[data-v-b2b7e4fd]{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center;margin-left:8px}.chat-time[data-v-b2b7e4fd]{color:#8e8e93;font-size:12px;line-height:16.5px;white-space:nowrap}.unread-badge[data-v-b2b7e4fd]{background:#ff3449;border-radius:9px;box-sizing:border-box;color:#fff;font-size:10px;font-weight:600;height:17px;line-height:17px;min-width:17px;padding:0 3px;text-align:center}@media(min-width:768px)and (max-width:1023px){.chat-panel[data-v-b2b7e4fd]{width:320px}.chat-item[data-v-b2b7e4fd]{padding:0 16px}}@media(max-width:767px){.tab-bar[data-v-b2b7e4fd]{display:flex}.chat-panel[data-v-b2b7e4fd]{flex:1;height:100%;max-height:100%;min-height:0;width:100vw}.chat-header[data-v-b2b7e4fd]{height:52px;justify-content:flex-start;padding:0 16px}.chat-item[data-v-b2b7e4fd]{height:64px;padding:0 16px}.avatar[data-v-b2b7e4fd]{height:40px;position:relative;width:40px}}