.right-menu-mask{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:9999}.right-menu{position:fixed;border-radius:8px;overflow:hidden;box-shadow:var(--im-box-shadow-light)}.right-menu .el-menu{border-radius:4px;overflow:hidden}.right-menu .el-menu .el-menu-item{height:36px;line-height:36px;min-width:100px;text-align:center}.right-menu .el-menu .el-menu-item:hover{background-color:var(--im-background-active)}.friend-item{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e5e5e5}.friend-item:hover{background-color:var(--im-background-active)}.friend-item.active{background-color:var(--im-background-active-dark)}.friend-item .friend-avatar{display:flex;justify-content:center;align-items:center}.friend-item .friend-info{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left}.friend-item .friend-info .friend-name{font-size:var(--im-font-size);white-space:nowrap;overflow:hidden}.friend-item .friend-info .friend-online .online{font-weight:700;padding-right:2px;font-size:16px;position:relative}.friend-item .friend-info .friend-online .online-icon{position:absolute;right:0;bottom:0;width:6px;height:6px;background:#32cd32;border-radius:50%;border:1px solid #fff}.online-text{color:#999;font-size:12px}.add-group-member-dialog[data-v-0792d243] .el-dialog,.add-group-member-dialog[data-v-0792d243] .el-dialog__wrapper{z-index:3000!important}.add-group-member-dialog[data-v-0792d243] .v-modal{z-index:2999!important}.agm-container[data-v-0792d243]{display:flex;flex-direction:column}.agm-container .agm-main-box[data-v-0792d243]{width:100%;overflow:hidden;border:var(--im-border);border-radius:6px}.agm-container .agm-main-box .search[data-v-0792d243]{height:45px;display:flex;align-items:center;padding:0 12px;background-color:#fff;border-bottom:var(--im-border)}.agm-container .agm-main-box .search .el-input__inner[data-v-0792d243]{border:1px solid #dcdfe6;border-radius:4px}.agm-container .agm-main-box .search .el-input__inner[data-v-0792d243]:focus{border-color:var(--im-color-primary)}.agm-container .agm-main-box .header-bar[data-v-0792d243]{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:var(--im-border);background-color:#f8f9fa}.agm-container .agm-main-box .header-bar .select-all-checkbox[data-v-0792d243]{font-weight:500;color:var(--im-color-primary)}.agm-container .agm-main-box .header-bar .selected-count[data-v-0792d243]{font-size:13px;color:var(--im-color-primary);font-weight:500}.agm-container .agm-main-box .friend-list-scroll[data-v-0792d243]{height:360px}.agm-container .agm-main-box .friend-list-scroll .friend-grid[data-v-0792d243]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:16px 12px;padding:16px}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card[data-v-0792d243]{display:flex;flex-direction:column;align-items:center;padding:0;cursor:pointer;transition:transform .2s ease;position:relative}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card[data-v-0792d243]:hover:not(.disabled){transform:scale(1.08)}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card.disabled[data-v-0792d243]{cursor:not-allowed}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card.disabled .friend-avatar[data-v-0792d243]{opacity:.5}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card.disabled .friend-name[data-v-0792d243]{color:#c0c4cc}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-checkbox[data-v-0792d243]{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:2;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-avatar[data-v-0792d243]{margin-top:10px;margin-bottom:6px;transition:all .2s ease}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-name[data-v-0792d243]{font-size:12px;color:#303133;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;padding:0 2px}.agm-container .agm-main-box .friend-list-scroll .no-friends[data-v-0792d243]{display:flex;justify-content:center;align-items:center;height:200px;color:#909399;font-size:14px}.agm-container .agm-main-box .friend-list-scroll .no-friends p[data-v-0792d243]{margin:0}.dialog-footer[data-v-0792d243]{display:flex;justify-content:flex-end;gap:10px}@media screen and (max-width:900px){.add-group-member-dialog[data-v-0792d243] .el-dialog{width:90%!important;max-width:600px}.agm-container .agm-main-box .friend-list-scroll .friend-grid[data-v-0792d243]{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:12px 10px;padding:12px}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-avatar[data-v-0792d243]{margin-top:8px;margin-bottom:5px}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-avatar[data-v-0792d243] .head-image{width:45px!important;height:45px!important}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-name[data-v-0792d243]{font-size:11px}}@media screen and (max-width:600px){.add-group-member-dialog[data-v-0792d243] .el-dialog{width:95%!important;max-width:450px}.agm-container .agm-main-box .search[data-v-0792d243]{height:42px;padding:0 10px}.agm-container .agm-main-box .header-bar[data-v-0792d243]{flex-direction:column;align-items:flex-start;gap:5px;height:auto;padding:8px 10px}.agm-container .agm-main-box .header-bar .selected-count[data-v-0792d243]{font-size:12px}.agm-container .agm-main-box .friend-list-scroll[data-v-0792d243]{height:300px}.agm-container .agm-main-box .friend-list-scroll .friend-grid[data-v-0792d243]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px 8px;padding:12px 8px}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-checkbox[data-v-0792d243] .el-checkbox__inner{width:16px;height:16px}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-avatar[data-v-0792d243]{margin-top:8px;margin-bottom:4px}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-avatar[data-v-0792d243] .head-image{width:40px!important;height:40px!important;font-size:14px!important}.agm-container .agm-main-box .friend-list-scroll .friend-grid .friend-card .friend-name[data-v-0792d243]{font-size:11px}}.member-info .member-profile[data-v-20713aea]{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.member-info .member-profile .member-avatar[data-v-20713aea]{width:80px;height:80px;border-radius:8px;margin-right:16px}.member-info .member-profile .member-details[data-v-20713aea]{flex:1}.member-info .member-profile .member-details .member-name[data-v-20713aea]{font-size:18px;font-weight:500;color:#333;margin-bottom:8px}.member-info .member-profile .member-details .member-id[data-v-20713aea]{font-size:14px;color:#666}.member-info .role-management[data-v-20713aea]{margin-bottom:20px}.member-info .role-management .section-title[data-v-20713aea]{font-size:16px;font-weight:500;color:#333;margin-bottom:16px}.member-info .role-management .radio-container[data-v-20713aea]{display:flex;flex-direction:column;gap:12px}.member-info .role-management .radio-container .custom-radio[data-v-20713aea]{display:flex;align-items:center;cursor:pointer;padding:8px 0}.member-info .role-management .radio-container .custom-radio.is-disabled[data-v-20713aea]{cursor:not-allowed;opacity:.5}.member-info .role-management .radio-container .custom-radio .radio-input[data-v-20713aea]{position:relative;display:inline-block;margin-right:10px}.member-info .role-management .radio-container .custom-radio .radio-input .radio-inner[data-v-20713aea]{width:14px;height:14px;border:1px solid #dcdfe6;border-radius:50%;background:#fff;display:block;position:relative}.member-info .role-management .radio-container .custom-radio .radio-input .radio-inner[data-v-20713aea]:after{content:"";width:4px;height:4px;border-radius:50%;background:#409eff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.member-info .role-management .radio-container .custom-radio .radio-input .radio-original[data-v-20713aea]{position:absolute;left:-9999px;opacity:0}.member-info .role-management .radio-container .custom-radio.is-checked .radio-inner[data-v-20713aea]{border-color:#409eff}.member-info .role-management .radio-container .custom-radio.is-checked .radio-inner[data-v-20713aea]:after{transform:translate(-50%,-50%) scale(1)}.member-info .role-management .radio-container .custom-radio .radio-label[data-v-20713aea]{font-size:14px}.member-info .role-management .radio-container .custom-radio .radio-label .role-option[data-v-20713aea]{display:flex;align-items:center}.member-info .role-management .radio-container .custom-radio .radio-label .role-option .role-icon[data-v-20713aea]{margin-right:8px;font-size:16px}.member-info .role-management .radio-container .custom-radio .radio-label .role-option .role-icon.owner-icon[data-v-20713aea]{color:#f56c6c}.member-info .role-management .radio-container .custom-radio .radio-label .role-option .role-icon.admin-icon[data-v-20713aea]{color:#e6a23c}.member-info .role-management .radio-container .custom-radio .radio-label .role-option .role-icon.member-icon[data-v-20713aea]{color:#909399}.member-info .operation-tips[data-v-20713aea]{margin-bottom:20px}.dialog-footer[data-v-20713aea]{text-align:right}.dialog-footer .el-button[data-v-20713aea]{margin-left:10px}.member-manager-dialog .el-dialog__wrapper{z-index:3000!important}.member-manager-dialog .el-overlay{z-index:2999!important}[data-v-0a61703c] .group-profile-dialog .el-dialog{margin-top:8vh!important;margin-bottom:8vh!important;max-height:92vh!important;display:flex!important;flex-direction:column!important}[data-v-0a61703c] .group-profile-dialog .el-dialog__header{flex-shrink:0;padding:16px 20px 12px;border-bottom:1px solid #f0f0f0}[data-v-0a61703c] .group-profile-dialog .el-dialog__body{flex:1;padding:0!important;overflow:hidden;display:flex;flex-direction:column}[data-v-0a61703c] .group-profile-dialog .el-dialog__footer{flex-shrink:0;padding:12px 20px 16px;border-top:1px solid #f0f0f0}.group-profile-content[data-v-0a61703c]{display:flex;flex-direction:column;height:100%;max-height:60vh}.group-profile-content .section-title[data-v-0a61703c]{font-size:14px;font-weight:500;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.group-profile-content .group-members-section[data-v-0a61703c]{flex-shrink:0;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.group-profile-content .group-members-section .section-header[data-v-0a61703c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-profile-content .group-members-section .section-header .section-title[data-v-0a61703c]{display:flex;align-items:center;font-size:14px;font-weight:500;color:#333}.group-profile-content .group-members-section .section-header .section-title .member-count[data-v-0a61703c]{color:#999;font-size:12px;font-weight:400;margin-left:8px}.group-profile-content .group-members-section .section-header .section-actions[data-v-0a61703c]{display:flex;align-items:center;gap:8px}.group-profile-content .group-members-section .section-header .section-actions .search-input[data-v-0a61703c]{width:160px}.group-profile-content .group-members-section .section-header .section-actions .toggle-btn[data-v-0a61703c]{color:#409eff;font-size:12px;padding:4px 8px;white-space:nowrap}.group-profile-content .group-members-section .section-header .section-actions .toggle-btn[data-v-0a61703c]:hover{color:#66b1ff}.group-profile-content .group-members-section .section-header .section-actions .toggle-btn i[data-v-0a61703c]{margin-left:4px;font-size:12px}.group-profile-content .group-members-section .members-grid[data-v-0a61703c]{display:flex;flex-wrap:wrap;gap:8px;max-height:70px;overflow:hidden;transition:max-height .3s ease}.group-profile-content .group-members-section .members-grid.expanded[data-v-0a61703c]{max-height:none}.group-profile-content .group-members-section .members-grid .member-item[data-v-0a61703c]{display:flex;flex-direction:column;align-items:center;position:relative;width:60px;cursor:pointer}.group-profile-content .group-members-section .members-grid .member-item.add-member-btn[data-v-0a61703c]{cursor:pointer}.group-profile-content .group-members-section .members-grid .member-item.add-member-btn .add-member-icon[data-v-0a61703c]{width:50px;height:50px;border:2px dashed #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#999;font-size:20px;transition:all .3s}.group-profile-content .group-members-section .members-grid .member-item.add-member-btn .add-member-icon[data-v-0a61703c]:hover{border-color:#409eff;color:#409eff}.group-profile-content .group-members-section .members-grid .member-item .member-avatar[data-v-0a61703c]{width:50px;height:50px;border-radius:6px;margin-bottom:4px}.group-profile-content .group-members-section .members-grid .member-item .member-name[data-v-0a61703c]{font-size:11px;color:#666;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.group-profile-content .group-members-section .members-grid .member-item .member-role[data-v-0a61703c]{position:absolute;top:-2px;right:4px}.group-profile-content .group-members-section .members-grid .member-item .member-role .role-badge[data-v-0a61703c]{background:#f56c6c;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px}.group-profile-content .group-members-section .members-grid .member-item .remove-member-btn[data-v-0a61703c]{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#f56c6c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;z-index:10;transition:all .3s}.group-profile-content .group-members-section .members-grid .member-item .remove-member-btn[data-v-0a61703c]:hover{background:#e6a23c;transform:scale(1.1)}.group-profile-content .group-members-section .members-grid .member-item:not(.add-member-btn):hover .member-avatar[data-v-0a61703c]{transform:scale(1.05);transition:transform .2s}.group-profile-content .scrollable-content[data-v-0a61703c]{flex:1;overflow-y:auto}.group-profile-content .scrollable-content[data-v-0a61703c]::-webkit-scrollbar{width:6px}.group-profile-content .scrollable-content[data-v-0a61703c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.group-profile-content .scrollable-content[data-v-0a61703c]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.group-profile-content .scrollable-content[data-v-0a61703c]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.group-profile-content .group-info-section[data-v-0a61703c]{padding:16px 20px}.group-profile-content .group-info-section .info-row[data-v-0a61703c]{display:flex;align-items:flex-start;margin-bottom:12px}.group-profile-content .group-info-section .info-row .info-label[data-v-0a61703c]{width:70px;color:#666;font-size:13px;line-height:28px;flex-shrink:0}.group-profile-content .group-info-section .info-row .info-value[data-v-0a61703c]{color:#333;font-size:13px;line-height:28px}.group-profile-content .group-info-section .info-row .info-input[data-v-0a61703c]{flex:1;max-width:250px}.group-profile-content .group-info-section .info-row .avatar-container .group-avatar[data-v-0a61703c]{width:50px;height:50px;border-radius:6px}.group-profile-content .group-info-section .info-row .avatar-container .avatar-uploader[data-v-0a61703c]{cursor:pointer}.group-profile-content .group-info-section .info-row .avatar-container .avatar-uploader .el-upload[data-v-0a61703c]{border:none;border-radius:6px}.group-profile-content .group-settings-section[data-v-0a61703c]{padding:16px 20px;border-top:1px solid #f0f0f0}.group-profile-content .group-settings-section .setting-row[data-v-0a61703c]{margin-bottom:16px;display:flex}.group-profile-content .group-settings-section .setting-row .setting-label[data-v-0a61703c]{text-align:end;margin-right:4px;display:block;color:#666;font-size:13px;margin-bottom:8px;min-width:150px}.group-profile-content .group-settings-section .setting-row .setting-options .el-radio-group[data-v-0a61703c]{display:flex;flex-wrap:wrap;gap:16px}.group-profile-content .group-settings-section .setting-row .setting-options .el-radio-group .el-radio[data-v-0a61703c]{margin-bottom:0;margin-right:0;font-size:13px;white-space:nowrap}.group-profile-content .group-settings-section .setting-row .setting-options .el-radio-group .el-radio[data-v-0a61703c]:last-child{margin-bottom:0}.dialog-footer[data-v-0a61703c]{text-align:right}.dialog-footer .el-button[data-v-0a61703c]{margin-left:8px}.dialog-footer .el-button.el-button--danger[data-v-0a61703c]{background-color:#f56c6c;border-color:#f56c6c}.dialog-footer .el-button.el-button--danger[data-v-0a61703c]:hover{background-color:#f78989;border-color:#f78989}.resize-handle[data-v-37fb046c]{width:4px;background:transparent;cursor:col-resize;position:relative;border-right:1px solid #e8e8e8;z-index:10;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle .resize-indicator[data-v-37fb046c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .2s;pointer-events:none}.resize-handle .resize-indicator span[data-v-37fb046c]{width:2px;height:12px;background:#409eff;border-radius:1px}.resize-handle[data-v-37fb046c]:hover{background:#409eff;opacity:.6;width:6px}.resize-handle:hover .resize-indicator[data-v-37fb046c]{opacity:1}.resize-handle.resizing[data-v-37fb046c]{background:#409eff;opacity:.8;width:6px}.resize-handle.resizing .resize-indicator[data-v-37fb046c]{opacity:1}.resize-handle[data-v-37fb046c]:before{content:"";position:absolute;left:-3px;right:-3px;top:0;bottom:0;background:transparent}@media(hover:none)and (pointer:coarse){.resize-handle[data-v-37fb046c]{width:8px}.resize-handle[data-v-37fb046c]:before{left:-6px;right:-6px}.resize-handle .resize-indicator[data-v-37fb046c]{opacity:.3}.resize-handle .resize-indicator span[data-v-37fb046c]{width:3px;height:16px}.resize-handle:active .resize-indicator[data-v-37fb046c]{opacity:1}}@media screen and (max-width:700px){.resize-handle[data-v-37fb046c]{width:6px}.resize-handle .resize-indicator span[data-v-37fb046c]{height:10px}}@media screen and (max-width:550px){.resize-handle[data-v-37fb046c]{width:8px}.resize-handle[data-v-37fb046c]:before{left:-4px;right:-4px}.resize-handle .resize-indicator span[data-v-37fb046c]{height:14px;width:2.5px}}