.friend-item[data-v-4b109700]{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background .15s;gap:10px}.friend-item[data-v-4b109700]:hover{background:#f5f7fa}.friend-item.active[data-v-4b109700]{background:#ecf5ff}.friend-item.active .friend-name[data-v-4b109700]{color:#409eff}.friend-avatar[data-v-4b109700]{flex-shrink:0;position:relative}.friend-avatar .new-badge[data-v-4b109700]{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#f56c6c;color:#fff;font-size:11px;text-align:center;padding:0 4px;white-space:nowrap;box-shadow:0 0 0 2px #fff}.friend-info[data-v-4b109700]{flex:1;min-width:0;overflow:hidden}.friend-name[data-v-4b109700]{font-size:14px;color:#303133;white-space:nowrap;overflow:hidden;display:flex;align-items:center;gap:4px}.friend-name .name-text[data-v-4b109700]{min-width:0;overflow:hidden;text-overflow:ellipsis}.friend-name .new-video-text[data-v-4b109700]{color:#f56c6c;font-size:12px;flex-shrink:0}.friend-signature[data-v-4b109700]{font-size:12px;color:#999;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-page[data-v-1c7089f4]{display:flex;height:100%;width:100%;background:#f5f5f5}.friend-sidebar[data-v-1c7089f4]{width:280px;min-width:280px;height:100%;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;overflow:hidden}.friend-sidebar.collapsed[data-v-1c7089f4]{width:68px;min-width:68px}.sidebar-header[data-v-1c7089f4]{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;gap:6px}.sidebar-header .header-title[data-v-1c7089f4]{font-size:15px;font-weight:600;color:#303133}.sidebar-header .friend-count[data-v-1c7089f4]{font-size:13px;color:#999}.sidebar-header .collapse-btn[data-v-1c7089f4]{margin-left:auto;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:background .2s;flex-shrink:0}.sidebar-header .collapse-btn[data-v-1c7089f4]:hover{background:#f0f0f0;color:#333}.sidebar-header .collapse-btn i[data-v-1c7089f4]{font-size:14px}.search-box[data-v-1c7089f4]{padding:10px 12px;border-bottom:1px solid #f0f0f0}.search-box[data-v-1c7089f4] .el-input__inner{border-radius:18px}.friend-list[data-v-1c7089f4]{flex:1;overflow-y:auto;padding:6px 0}.friend-list .empty-list[data-v-1c7089f4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.friend-list .empty-list i[data-v-1c7089f4]{font-size:36px;margin-bottom:10px;color:#ddd}.friend-list .empty-list p[data-v-1c7089f4]{font-size:13px;margin:0}.friend-video[data-v-1c7089f4]{flex:1;height:100%;position:relative;background:#000}.friend-video .no-selection-hint[data-v-1c7089f4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:hsla(0,0%,100%,.5);font-size:15px;display:flex;align-items:center;gap:8px;z-index:1}.friend-video .no-selection-hint i[data-v-1c7089f4]{font-size:20px}