.group-list-container[data-v-140d8b60]{height:100%;background:#fff;display:flex;flex-direction:column}.group-list[data-v-140d8b60]{flex:1;overflow-y:auto}.group-list[data-v-140d8b60]::-webkit-scrollbar{width:4px}.group-list[data-v-140d8b60]::-webkit-scrollbar-track{background:transparent}.group-list[data-v-140d8b60]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.group-list[data-v-140d8b60]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.group-item[data-v-140d8b60]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;position:relative}.group-item[data-v-140d8b60]:hover{background-color:#f7f7f7}.group-item.active[data-v-140d8b60]{background-color:#e8e8e8}.group-item[data-v-140d8b60]:last-child{border-bottom:none}.group-avatar[data-v-140d8b60]{width:40px;height:40px;margin-right:12px;flex-shrink:0}.avatar-grid[data-v-140d8b60]{background:#f5f5f5}.avatar-grid[data-v-140d8b60],.single-avatar[data-v-140d8b60]{width:100%;height:100%;border-radius:4px;overflow:hidden}.single-avatar img[data-v-140d8b60]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.grid-wrapper[data-v-140d8b60]{width:100%;height:100%;display:grid;gap:1px;background:#fff}.grid-wrapper.grid-1[data-v-140d8b60]{grid-template-columns:1fr;grid-template-rows:1fr}.grid-wrapper.grid-2[data-v-140d8b60],.grid-wrapper.grid-3[data-v-140d8b60],.grid-wrapper.grid-4[data-v-140d8b60]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-wrapper.grid-5[data-v-140d8b60],.grid-wrapper.grid-6[data-v-140d8b60]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-wrapper.grid-7[data-v-140d8b60],.grid-wrapper.grid-8[data-v-140d8b60],.grid-wrapper.grid-9[data-v-140d8b60]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-item[data-v-140d8b60]{width:100%;height:100%;overflow:hidden;background:#f0f0f0}.grid-item img[data-v-140d8b60]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.default-group-avatar[data-v-140d8b60]{width:100%;height:100%;border-radius:4px;overflow:hidden}.default-group-avatar img[data-v-140d8b60]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.group-info[data-v-140d8b60]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.group-name[data-v-140d8b60]{font-size:14px;font-weight:400;color:#191919;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}.group-message[data-v-140d8b60]{font-size:12px;color:#b2b2b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:17px}.group-meta[data-v-140d8b60]{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;margin-left:8px}.group-count[data-v-140d8b60],.group-time[data-v-140d8b60]{font-size:11px;color:#b2b2b2;line-height:15px}.empty-groups[data-v-140d8b60],.group-count[data-v-140d8b60]{display:flex;align-items:center}.empty-groups[data-v-140d8b60]{flex-direction:column;justify-content:center;height:100%;color:#b2b2b2;padding:40px 20px}.empty-groups .empty-icon[data-v-140d8b60]{margin-bottom:16px;opacity:.6}.empty-groups .empty-text[data-v-140d8b60]{font-size:14px;color:#b2b2b2}