.msg-group-preview[data-v-bb314da5]{background-color:#fff;border-radius:8px;margin-bottom:12px;padding:12px}.msg-group-preview__head[data-v-bb314da5]{color:#303133;justify-content:space-between;align-items:center;font-size:14px;display:flex}.msg-group-preview__link[data-v-bb314da5]{color:#909399;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;display:flex}.msg-group-preview__link[data-v-bb314da5]:hover{color:#0060ef}.msg-group-preview__grid[data-v-bb314da5]{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 8px;margin-top:12px;display:grid}.msg-group-preview__member[data-v-bb314da5]{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.msg-group-preview__avatar[data-v-bb314da5]{position:relative}.msg-group-preview__role[data-v-bb314da5]{color:#fff;white-space:nowrap;background-color:#0060ef;border-radius:4px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.msg-group-preview__name[data-v-bb314da5]{text-overflow:ellipsis;white-space:nowrap;color:#909399;text-align:center;width:100%;font-size:12px;overflow:hidden}.msg-group-preview__empty[data-v-bb314da5]{color:#909399;text-align:center;padding-top:12px;font-size:13px}