.chat-group-edit-modal-mask[data-v-74144362]{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-body[data-v-74144362]{padding:0 32px 14px}.content-wrapper[data-v-74144362]{align-items:center;display:flex;gap:8px;height:448px}.left-panel[data-v-74144362]{background:#f7f7f7;border-radius:8px}.left-panel[data-v-74144362],.right-panel[data-v-74144362]{align-self:stretch;display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:12px 16px}.right-panel[data-v-74144362]{border:1px solid #ebebeb;border-radius:8px}.panel-title[data-v-74144362]{align-items:center;display:flex;gap:10px;margin-bottom:4px}.panel-title .title-text[data-v-74144362]{color:#333;font-family:PingFang SC,sans-serif;font-size:12px;font-weight:600;line-height:18px}.panel-title .title-tip[data-v-74144362]{color:#999;font-family:PingFang SC,sans-serif;font-size:11px;font-weight:400;line-height:16px}.group-list[data-v-74144362]{display:flex;flex-direction:column}.group-item[data-v-74144362]{align-items:center;cursor:pointer;display:flex;gap:8px;height:38px;padding:8px 0;position:relative}.group-item .remove-icon[data-v-74144362]{cursor:pointer;flex-shrink:0;height:16px;width:16px}.group-item .group-content[data-v-74144362]{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.group-item .group-content .group-icon[data-v-74144362]{flex-shrink:0;height:16px;width:16px}.group-item .group-content .group-name[data-v-74144362]{color:#666;font-family:PingFang SC,sans-serif;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.group-item .group-content .editing-wrapper[data-v-74144362]{align-items:center;display:flex;flex:1;min-width:0;position:relative}.group-item .group-content .editing-wrapper .group-input[data-v-74144362]{background:transparent;border:none;color:#666;font-family:PingFang SC,sans-serif;font-size:12px;font-weight:400;line-height:18px;margin:0;outline:none;padding:0;width:100%}.group-item .group-content .editing-wrapper .group-input[data-v-74144362]::placeholder{color:#ccc}.group-item .clear-icon[data-v-74144362]{cursor:pointer;flex-shrink:0;height:16px;opacity:.8;width:16px}.group-item .clear-icon[data-v-74144362]:hover{opacity:1}.group-item .hover-actions[data-v-74144362]{align-items:center;display:flex;gap:8px}.group-item .hover-actions .action-icon[data-v-74144362]{cursor:pointer;height:16px;opacity:.8;width:16px}.group-item .hover-actions .action-icon[data-v-74144362]:hover{opacity:1}.group-item .drag-icon[data-v-74144362]{cursor:move;flex-shrink:0;height:16px;width:16px}.group-item .add-icon-btn[data-v-74144362]{cursor:pointer;flex-shrink:0;height:16px;transition:opacity .2s;width:16px}.group-item .add-icon-btn[data-v-74144362]:hover{opacity:.8}.create-group-btn[data-v-74144362]{align-items:center;background:#fff;border:1px solid #ebebeb;border-radius:4px;cursor:pointer;display:flex;gap:4px;justify-content:center;padding:8px 16px;transition:all .2s}.create-group-btn .add-icon[data-v-74144362]{height:16px;width:16px}.create-group-btn span[data-v-74144362]{color:#333;font-family:PingFang SC,sans-serif;font-size:12px;font-weight:600;line-height:18px}.create-group-btn[data-v-74144362]:hover:not(.disabled){background:#fafafa}.create-group-btn.disabled[data-v-74144362]{background:#e0e0e0;border-color:#e0e0e0;cursor:not-allowed}.create-group-btn.disabled span[data-v-74144362]{color:#fff}.divider[data-v-74144362]{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:16px}.divider img[data-v-74144362]{height:16px;width:16px}.modal-footer .modal-footer-btn[data-v-74144362],.modal-footer[data-v-74144362]{align-items:center;display:flex;justify-content:center}.modal-footer .modal-footer-btn[data-v-74144362]{border-radius:8px;box-sizing:border-box;flex-shrink:0;gap:10px;height:40px;padding:6px 45px;width:120px}.chat-group-edit-modal-mask .chat-group-edit-item--sort-ghost{opacity:0!important}.chat-group-edit-modal-mask .chat-group-edit-item--dragging{background:#f7f7f7;box-shadow:0 2px 30px 0 rgba(0,0,0,.08)}.chat-group-panel[data-v-a9bc4710]{border-radius:0 0 0 12px}.chat-group-panel[data-v-a9bc4710] .im_modal_title{padding:20px 32px}.chat-groups[data-v-a9bc4710]{background:#ebebeb;border-radius:0 0 0 12px;height:100%;padding:8px 4px}.chat-groups .chat-groups-header[data-v-a9bc4710]{align-items:center;display:flex;gap:8px;height:32px;padding:0 4px 0 8px}.chat-groups .chat-groups-header .chat-groups-header-title[data-v-a9bc4710]{color:#333;font-size:12px;font-weight:600;width:55px}.chat-groups .chat-groups-header img[data-v-a9bc4710]{cursor:pointer;height:20px;width:20px}.chat-groups .chat-groups-header img[data-v-a9bc4710]:hover{opacity:.7}.chat-groups .chat-groups-list[data-v-a9bc4710]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.chat-groups .chat-groups-list.foldup[data-v-a9bc4710]{overflow:visible}.chat-groups .chat-groups-list.foldup .group-item[data-v-a9bc4710]{height:40px;justify-content:center;position:relative;width:40px}.chat-groups .chat-groups-list.foldup .group-item .group-content .group-icon[data-v-a9bc4710]{height:20px;width:20px}.chat-groups .chat-groups-list.foldup .group-item[data-v-a9bc4710]:hover:before{border-bottom:4px solid transparent;border-right:4px solid rgba(0,0,0,.7);border-top:4px solid transparent;content:"";height:0;left:calc(100% + 4px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:0;z-index:19}.chat-groups .chat-groups-list.foldup .group-item[data-v-a9bc4710]:hover:after{align-items:center;background:rgba(0,0,0,.7);border-radius:8px;bottom:auto;box-sizing:border-box;color:#fff;content:attr(data-group-name);display:flex;font-family:PingFang SC,sans-serif;font-size:14px;font-style:normal;font-weight:500;height:32px;justify-content:center;left:calc(100% + 8px);line-height:1;padding:7px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:20}.chat-groups .chat-groups-list.foldup .badge[data-v-a9bc4710]{position:absolute;right:5px;top:1px}.chat-groups .chat-groups-list[data-v-a9bc4710]::-webkit-scrollbar{height:4px}.chat-groups .chat-groups-list[data-v-a9bc4710]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.chat-groups .chat-groups-list .group-item[data-v-a9bc4710]{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;gap:4px;height:34px;padding:8px 4px 8px 8px;transition:all .2s;width:123px}.chat-groups .chat-groups-list .group-item.active[data-v-a9bc4710]{background:hsla(0,0%,100%,.6)}.chat-groups .chat-groups-list .group-item.active .group-name[data-v-a9bc4710]{color:#333;font-weight:600}.chat-groups .chat-groups-list .group-item.group-content-no-name[data-v-a9bc4710]{padding:0}.chat-groups .chat-groups-list .group-item.group-content-no-name .group-content[data-v-a9bc4710]{justify-content:center}.chat-groups .chat-groups-list .group-item[data-v-a9bc4710]:not(.active):hover{background:hsla(0,0%,100%,.6)}.chat-groups .chat-groups-list .group-item .group-content[data-v-a9bc4710]{align-items:center;display:flex;flex:1;flex-direction:row;gap:4px}.chat-groups .chat-groups-list .group-item .group-content .group-icon[data-v-a9bc4710]{flex-shrink:0;height:16px;width:16px}.chat-groups .chat-groups-list .group-item .group-content .group-name[data-v-a9bc4710]{color:#666;font-size:12px;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-groups .chat-groups-list .group-item .badge[data-v-a9bc4710]{align-items:center;background:#ff4754;border:.8px solid #fff;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;line-height:1.4em;min-width:16px;padding:1px 4px;text-align:center}.chat-groups-collapsed[data-v-a9bc4710]{align-items:center;cursor:pointer;display:flex;justify-content:center;width:40px}.chat-groups-collapsed[data-v-a9bc4710]:hover{opacity:.7}.chat-groups-collapsed img[data-v-a9bc4710]{height:16px;width:40px}