.conversation-item[data-v-157ea428]{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px;transition:background-color .2s}.conversation-item.is-active[data-v-157ea428],.conversation-item[data-v-157ea428]:hover{background-color:#333}.conversation-item .avatar[data-v-157ea428]{min-width:43px}.conversation-item .conversation-info[data-v-157ea428]{display:flex;flex:1;flex-direction:column;height:43px;justify-content:space-between;min-width:0;overflow:hidden}.conversation-item .conversation-info .title-line[data-v-157ea428]{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-item .conversation-info .title-line .nickname-wrapper[data-v-157ea428]{align-items:center;display:flex;flex:1;gap:4px;min-width:0;overflow:hidden}.conversation-item .conversation-info .title-line .nickname-wrapper .nickname[data-v-157ea428]{color:#f0f0f0;font-size:16px;font-weight:500;line-height:16px;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.conversation-item .conversation-info .title-line .unread-badge[data-v-157ea428]{background-color:#f15a5a;border-radius:10px;box-sizing:border-box;color:#e8ecef;font-size:12px;height:16px;line-height:16px;min-width:16px;padding:0 4px;text-align:center}.conversation-item .conversation-info .last-message[data-v-157ea428]{color:#a1a1a1;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}