.group-info[data-v-4d7f0f2c]{position:fixed;width:320px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid hsla(0,0%,100%,.2);z-index:9999;overflow:hidden}.group-info .container[data-v-4d7f0f2c]{padding:20px;display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.group-info .container .avatar[data-v-4d7f0f2c]{position:relative;flex-shrink:0}.group-info .container .info-card[data-v-4d7f0f2c]{flex:1;min-width:0}.group-info .container .info-card .header[data-v-4d7f0f2c]{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.group-info .container .info-card .header .name[data-v-4d7f0f2c]{font-size:18px;font-weight:700;color:var(--im-text-color-primary);line-height:1.2}.group-info .container .info-card .info-item[data-v-4d7f0f2c]{font-size:14px;color:var(--im-text-color);margin-bottom:8px;word-break:break-word;line-height:1.5}.group-info .container .info-card .info-item[data-v-4d7f0f2c]:last-child{margin-bottom:0}.group-info .member-preview[data-v-4d7f0f2c]{padding:0 20px 20px 20px}.group-info .member-preview .preview-header[data-v-4d7f0f2c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.group-info .member-preview .preview-header .preview-title[data-v-4d7f0f2c]{font-size:14px;font-weight:600;color:var(--im-text-color-primary)}.group-info .member-preview .preview-header .preview-count[data-v-4d7f0f2c]{font-size:12px;color:var(--im-text-color-light);background:var(--im-background-active);padding:2px 8px;border-radius:10px}.group-info .member-preview .member-avatars[data-v-4d7f0f2c]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.group-info .member-preview .member-avatars .member-avatar[data-v-4d7f0f2c]{position:relative;cursor:pointer;transition:all .2s ease}.group-info .member-preview .member-avatars .member-avatar[data-v-4d7f0f2c]:hover{transform:scale(1.1);z-index:10}.group-info .member-preview .member-avatars .more-members[data-v-4d7f0f2c]{width:32px;height:32px;background:var(--im-background-active);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.8);cursor:pointer;transition:all .2s ease}.group-info .member-preview .member-avatars .more-members[data-v-4d7f0f2c]:hover{background:var(--im-color-primary-light-2);transform:scale(1.1)}.group-info .member-preview .member-avatars .more-members:hover .more-count[data-v-4d7f0f2c]{color:#fff}.group-info .member-preview .member-avatars .more-members .more-count[data-v-4d7f0f2c]{font-size:11px;font-weight:600;color:var(--im-text-color-light)}.group-info .btn-group[data-v-4d7f0f2c]{padding:0 20px 20px 20px;text-align:center}.group-info .btn-group .el-button[data-v-4d7f0f2c]{width:100%;padding:10px 16px;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.group-info .btn-group .el-button[data-v-4d7f0f2c]:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.15)}