.group-item[data-v-124df197]{height:56px;box-sizing:border-box;display:flex;align-items:center;position:relative;border-radius:8px;margin:0 8px;padding:0 10px;cursor:pointer;transition:background-color .12s ease}.group-item[data-v-124df197]:hover{background-color:var(--im-hover)}.group-item.active[data-v-124df197]{background-color:var(--im-selected)}.group-item .group-name[data-v-124df197]{flex:1;min-width:0;padding-left:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--im-text-color)}.add-group-member[data-v-642fcadb]{display:flex}.add-group-member .left-box[data-v-642fcadb]{flex:1;overflow:hidden;border:var(--im-border)}.add-group-member .left-box .search[data-v-642fcadb]{height:40px;display:flex;align-items:center}.add-group-member .left-box .search .el-input__inner[data-v-642fcadb]{border:unset;border-bottom:var(--im-border)}.add-group-member .left-box .checkbox[data-v-642fcadb]{margin-right:20px}.add-group-member .arrow[data-v-642fcadb]{display:flex;align-items:center;font-size:18px;padding:10px;font-weight:600;color:var(--im-color-primary)}.add-group-member .right-box[data-v-642fcadb]{flex:1;border:var(--im-border)}.add-group-member .right-box .tip[data-v-642fcadb]{text-align:left;height:40px;line-height:40px;text-indent:10px;color:var(--im-text-color-light)}.group-page[data-v-0ba3583d]{background:var(--im-surface)}.group-page .header[data-v-0ba3583d]{height:56px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 12px;box-sizing:border-box}.group-page .header .add-btn[data-v-0ba3583d]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0!important;border:0;border-radius:6px;background:var(--im-input-bg);color:var(--im-text-color-secondary)}.group-page .header .add-btn[data-v-0ba3583d]:focus,.group-page .header .add-btn[data-v-0ba3583d]:hover{background:var(--im-pressed);color:var(--im-text-color)}.group-page .group-items[data-v-0ba3583d]{flex:1}.group-page .group-items .letter[data-v-0ba3583d]{text-align:left;font-size:12px;font-weight:500;padding:10px 20px 4px;color:var(--im-text-color-light)}.group-page .container[data-v-0ba3583d]{display:flex;flex-direction:column;background:var(--im-bg-chat)}.group-page .container .header[data-v-0ba3583d]{justify-content:flex-start;gap:8px;padding:0 20px;font-size:16px;font-weight:600;color:var(--im-text-color);background:var(--im-surface);border-bottom:1px solid var(--im-divider)}.group-page .container .header .header-count[data-v-0ba3583d]{font-size:12px;font-weight:400;color:var(--im-text-color-light)}.group-page .container .group-empty[data-v-0ba3583d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--im-text-color-lighter)}.group-page .container .group-empty p[data-v-0ba3583d]{margin:0;font-size:13px;color:var(--im-text-color-light)}.group-page .container .el-divider--horizontal[data-v-0ba3583d]{margin:8px 0 16px;background-color:var(--im-divider)}.group-page .container .container-box[data-v-0ba3583d]{overflow:auto;margin:20px;padding:24px;flex:1;border-radius:12px;background:var(--im-surface);box-shadow:0 1px 3px rgba(31,35,41,.06)}.group-page .container .container-box .group-info[data-v-0ba3583d]{display:flex;padding:0 8px}.group-page .container .container-box .group-info .form[data-v-0ba3583d]{flex:1;padding-left:32px;max-width:680px}.group-page .container .container-box .group-info .form .el-button[data-v-0ba3583d]{margin-bottom:8px}.group-page .container .container-box .group-info .avatar-uploader[data-v-0ba3583d]{--width:140px;text-align:left}.group-page .container .container-box .group-info .avatar-uploader .el-upload[data-v-0ba3583d]{border:1px dashed var(--im-divider)!important;border-radius:10px;cursor:pointer;position:relative;overflow:hidden}.group-page .container .container-box .group-info .avatar-uploader .el-upload[data-v-0ba3583d]:hover{border-color:var(--im-brand)!important}.group-page .container .container-box .group-info .avatar-uploader .avatar-uploader-icon[data-v-0ba3583d]{font-size:28px;color:var(--im-text-color-light);width:var(--width);height:var(--width);line-height:var(--width);text-align:center}.group-page .container .container-box .group-info .avatar-uploader .avatar[data-v-0ba3583d]{width:var(--width);height:var(--width);display:block}.group-page .container .container-box .group-info .send-btn[data-v-0ba3583d]{width:140px;margin-top:12px}.group-page .container .container-box .member-items[data-v-0ba3583d]{padding:0 8px;display:flex;align-items:flex-start;flex-wrap:wrap;text-align:center}.group-page .container .container-box .member-items .member-item[data-v-0ba3583d]{margin-right:4px}.group-page .container .container-box .member-items .member-tools[data-v-0ba3583d]{display:flex;flex-direction:column;align-items:center;width:60px}.group-page .container .container-box .member-items .member-tools .tool-btn[data-v-0ba3583d]{width:40px;height:40px;line-height:40px;border-radius:50%;border:1px dashed var(--im-divider);font-size:14px;color:var(--im-text-color-secondary);cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,color .15s ease}.group-page .container .container-box .member-items .member-tools .tool-btn[data-v-0ba3583d]:hover{border-color:var(--im-brand);color:var(--im-brand)}.group-page .container .container-box .member-items .member-tools .tool-text[data-v-0ba3583d]{font-size:12px;color:var(--im-text-color-secondary);text-align:center;width:100%;height:28px;line-height:28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}