.friend-grouping[data-v-0be1ac3b]{height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.header[data-v-0be1ac3b]{height:60px;background-color:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;padding:0 20px;position:relative}.back-btn[data-v-0be1ac3b]{display:flex;align-items:center;cursor:pointer;color:#409eff;font-size:16px}.back-btn i[data-v-0be1ac3b]{margin-right:5px}.title[data-v-0be1ac3b]{position:absolute;left:50%;transform:translateX(-50%);font-size:18px;font-weight:500}.save-btn[data-v-0be1ac3b]{margin-left:auto;padding:8px 16px;background-color:#409eff;color:#fff;border-radius:4px;cursor:pointer;font-size:14px}.save-btn.disabled[data-v-0be1ac3b]{background-color:#c0c4cc;cursor:not-allowed}.content[data-v-0be1ac3b]{flex:1;padding:20px;overflow-y:auto}.friend-info[data-v-0be1ac3b]{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;display:flex;align-items:center}.friend-avatar[data-v-0be1ac3b]{width:60px;height:60px;margin-right:15px}.friend-avatar img[data-v-0be1ac3b]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.friend-name[data-v-0be1ac3b]{font-size:18px;font-weight:500}.grouping-section[data-v-0be1ac3b]{background-color:#fff;border-radius:8px;padding:20px}.section-title[data-v-0be1ac3b]{font-size:16px;font-weight:500;margin-bottom:15px;color:#333}.add-new-group[data-v-0be1ac3b]{display:flex;align-items:center;padding:15px;border:2px dashed #409eff;border-radius:8px;margin-bottom:20px;cursor:pointer;color:#409eff;transition:all .3s}.add-new-group[data-v-0be1ac3b]:hover{background-color:#f0f9ff}.add-new-group i[data-v-0be1ac3b]{margin-right:8px;font-size:16px}.group-list[data-v-0be1ac3b]{max-height:300px;overflow-y:auto}.group-item[data-v-0be1ac3b]{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .3s}.group-item[data-v-0be1ac3b]:hover{background-color:#f5f5f5}.group-item.active[data-v-0be1ac3b]{background-color:#e6f7ff;border-color:#409eff}.group-name[data-v-0be1ac3b]{font-size:16px;color:#333}.group-check[data-v-0be1ac3b]{color:#409eff;font-size:18px}.dialog-footer[data-v-0be1ac3b]{text-align:right}.dialog-footer .el-button[data-v-0be1ac3b]{margin-left:10px}