.group-item[data-v-28fea112]{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;white-space:nowrap;cursor:pointer}.group-item[data-v-28fea112]:hover{background-color:#f7fafc}.group-item.active[data-v-28fea112]{background-color:#d4def5}.group-item .group-name[data-v-28fea112]{padding-left:10px;height:100%;text-align:left;line-height:50px;white-space:nowrap;overflow:hidden;font-size:var(--im-font-size)}.chat-page-wrapper[data-v-61ea0019]{height:100vh;display:flex;flex-direction:column}.chat-top-strip[data-v-61ea0019]{height:48px;background:#e1e6f0;display:flex;align-items:center}.chat-top-inner[data-v-61ea0019]{flex:1;height:100%;display:flex;align-items:center;justify-content:center;padding:0 32px;box-sizing:border-box}.chat-top-center[data-v-61ea0019]{display:flex;align-items:center;gap:8px;position:relative;left:-120px}.chat-top-search[data-v-61ea0019]{width:clamp(480px,calc(-480.048px + 66.67vw),960px);min-width:480px;max-width:calc(100vw - 64px)}.contact-page[data-v-61ea0019]{position:relative;z-index:1;height:calc(100vh - 48px)}.contact-page .aside[data-v-61ea0019]{position:relative;z-index:100;border-right:var(--im-border);background:var(--im-background);overflow:visible}.contact-page .aside .header[data-v-61ea0019]{padding:10px}.contact-page .aside .header .header-inner[data-v-61ea0019]{display:flex;align-items:center}.contact-page .aside .header .search-text[data-v-61ea0019]{flex:1;min-width:0}.contact-page .aside .header .header-plus[data-v-61ea0019]{position:relative;margin-left:6px;width:26px;height:26px;line-height:24px;text-align:center;border-radius:50%;border:1px solid #d0d5e5;cursor:pointer;font-size:18px;color:#666;background:#f7f8fc;transition:all .2s}.contact-page .aside .header .header-plus[data-v-61ea0019]:hover{color:#1976d2;border-color:#1976d2}.contact-page .aside .header .header-plus-menu[data-v-61ea0019]{position:absolute;top:34px;right:0;width:140px;background:#fff;box-shadow:var(--im-box-shadow-light);border-radius:6px;padding:6px 0;z-index:2000}.contact-page .aside .header .header-plus-menu .menu-item[data-v-61ea0019]{padding:6px 12px;font-size:var(--im-font-size-small);color:var(--im-text-color);cursor:pointer;display:flex;align-items:center;gap:6px}.contact-page .aside .header .header-plus-menu .menu-item[data-v-61ea0019]:hover{background:#f5f7fa}.contact-page .aside .contact-menu[data-v-61ea0019]{padding:8px 10px 12px 10px;background-color:#f3f3f3;box-sizing:border-box}.contact-page .aside .contact-menu .menu-item[data-v-61ea0019]{height:44px;padding:0 16px;margin-bottom:0;border-radius:8px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s,color .2s;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:8px}.contact-page .aside .contact-menu .menu-item .menu-icon[data-v-61ea0019]{position:relative;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;color:inherit}.contact-page .aside .contact-menu .menu-icon-new .menu-icon-plus[data-v-61ea0019]{position:absolute;left:-5px;top:3px;font-size:12px;line-height:12px;font-weight:600}.contact-page .aside .contact-menu .menu-icon-friend[data-v-61ea0019]{color:#222}.contact-page .aside .contact-menu .menu-icon-group .menu-icon-group-mini[data-v-61ea0019]{position:absolute;right:-6px;bottom:0;font-size:10px;background:#fff;border-radius:50%}.contact-page .aside .contact-menu .menu-item.active .menu-icon-group .menu-icon-group-mini[data-v-61ea0019]{background:#d4def5}.contact-page .aside .contact-menu .menu-item[data-v-61ea0019]:hover{background-color:#f5f7fa}.contact-page .aside .contact-menu .menu-item.active[data-v-61ea0019]{color:#1a73e8;font-weight:500;background-color:#d4def5}.contact-page .aside .container[data-v-61ea0019]{position:relative;z-index:0}.contact-page .aside .new-friend-entry[data-v-61ea0019]{padding:10px 14px;border-bottom:var(--im-border);display:flex;align-items:center;cursor:pointer;background-color:#fff;transition:background-color .2s}.contact-page .aside .new-friend-entry[data-v-61ea0019]:hover{background-color:#f0f4ff}.contact-page .aside .new-friend-entry .new-friend-left[data-v-61ea0019]{margin-right:10px}.contact-page .aside .new-friend-entry .new-friend-avatar[data-v-61ea0019]{width:36px;height:36px;border-radius:50%;background-color:#1976d2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.contact-page .aside .new-friend-entry .new-friend-texts[data-v-61ea0019]{flex:1;display:flex;flex-direction:column;min-width:0}.contact-page .aside .new-friend-entry .new-friend-texts .title[data-v-61ea0019]{font-size:var(--im-font-size);color:var(--im-text-color)}.contact-page .aside .new-friend-entry .new-friend-texts .subtitle[data-v-61ea0019]{margin-top:2px;font-size:var(--im-font-size-small);color:var(--im-text-color-light)}.contact-page .aside .new-friend-entry .new-friend-badge[data-v-61ea0019]{min-width:24px;height:20px;padding:0 6px;border-radius:10px;background-color:#ff4d4f;color:#fff;font-size:12px;text-align:center;line-height:20px}.contact-page .aside .start-group-entry[data-v-61ea0019]{padding:8px 14px 10px 14px;border-bottom:var(--im-border);display:flex;align-items:center;cursor:pointer;background-color:#fff;transition:background-color .2s}.contact-page .aside .start-group-entry[data-v-61ea0019]:hover{background-color:#f0f4ff}.contact-page .aside .start-group-entry .start-group-left[data-v-61ea0019]{margin-right:10px}.contact-page .aside .start-group-entry .start-group-avatar[data-v-61ea0019]{position:relative;width:36px;height:36px;border-radius:50%;background-color:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden}.contact-page .aside .start-group-entry .start-group-avatar .user-left[data-v-61ea0019],.contact-page .aside .start-group-entry .start-group-avatar .user-right[data-v-61ea0019]{position:absolute}.contact-page .aside .start-group-entry .start-group-avatar .user-left[data-v-61ea0019]{left:6px}.contact-page .aside .start-group-entry .start-group-avatar .user-right[data-v-61ea0019]{right:6px}.contact-page .aside .start-group-entry .start-group-texts[data-v-61ea0019]{flex:1;display:flex;flex-direction:column;min-width:0}.contact-page .aside .start-group-entry .start-group-texts .title[data-v-61ea0019]{font-size:var(--im-font-size);color:var(--im-text-color)}.contact-page .aside .start-group-entry .start-group-texts .subtitle[data-v-61ea0019]{margin-top:2px;font-size:var(--im-font-size-small);color:var(--im-text-color-light)}.contact-page .aside .contact-items[data-v-61ea0019]{padding:0 10px 10px 10px}.contact-page .aside .contact-items .section-title[data-v-61ea0019]{margin:8px 0;font-size:var(--im-font-size);color:var(--im-text-color-light);text-align:center}.contact-page .aside .contact-items .letter[data-v-61ea0019]{display:none}.contact-page .aside .contact-items .divider[data-v-61ea0019]{border-top:var(--im-border);margin:6px 0}.contact-page .aside .contact-items .search-user-item[data-v-61ea0019]{display:block;padding:4px 0}.contact-page .container[data-v-61ea0019]{flex:1;position:relative;background-color:#fff}.contact-page .container .detail-main[data-v-61ea0019]{position:relative;padding:0}.contact-page .container .contact-content-title[data-v-61ea0019]{position:absolute;top:12px;left:0;right:0;z-index:3;text-align:center;font-size:16px;font-weight:600;color:#111827;line-height:24px;pointer-events:none}.contact-page .container .list-aside[data-v-61ea0019]{position:relative;height:100%;box-sizing:border-box;overflow:hidden}.contact-page .container .list-aside.has-content-title .contact-items[data-v-61ea0019]{padding-top:58px}.contact-page .container .list-aside.is-new-friends.has-content-title .contact-items[data-v-61ea0019]{padding-top:44px}.contact-page .container .list-aside .friend-index-rail[data-v-61ea0019]{position:absolute;top:58px;right:4px;bottom:8px;z-index:5;width:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.contact-page .container .list-aside .contact-group-letter[data-v-61ea0019]{width:20px;height:20px;padding:0;border:0;border-radius:50%;background-color:transparent;color:#111827;font-size:12px;line-height:20px;font-weight:500;text-align:center;cursor:pointer;pointer-events:auto}.contact-page .container .list-aside .contact-group-letter[data-v-61ea0019]:hover{background-color:#eef3ff}.contact-page .container .list-aside .contact-group-letter.active[data-v-61ea0019]{color:#fff;background-color:#5677fc}.contact-page .container .contact-items[data-v-61ea0019]{height:100%;padding:0 10px 10px 10px;box-sizing:border-box}.contact-page .container .contact-items .section-title[data-v-61ea0019]{margin:8px 0;font-size:var(--im-font-size);color:var(--im-text-color-light);text-align:center}.contact-page .container .contact-items .letter[data-v-61ea0019]{display:none}.contact-page .container .contact-items .friend-request-summary[data-v-61ea0019]{display:grid;grid-template-columns:42px 44px minmax(64px,1fr) 52px;grid-template-rows:24px 28px;-moz-column-gap:8px;column-gap:8px;row-gap:4px;align-items:center;min-height:86px;padding:14px 10px 10px 2px;border-bottom:1px solid #f0f0f0;box-sizing:border-box}.contact-page .container .contact-items .friend-request-avatar[data-v-61ea0019]{grid-column:1;grid-row:1/3}.contact-page .container .contact-items .friend-request-name[data-v-61ea0019]{grid-column:2;grid-row:1;min-width:0;font-size:15px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-page .container .contact-items .friend-request-time[data-v-61ea0019]{grid-column:3;grid-row:1;min-width:0;font-size:13px;color:#9ca3af;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-page .container .contact-items .friend-request-status[data-v-61ea0019]{grid-column:4;grid-row:1;font-size:12px;color:#1976d2;white-space:nowrap}.contact-page .container .contact-items .friend-request-status.status-2[data-v-61ea0019]{color:#f56c6c}.contact-page .container .contact-items .friend-request-buttons[data-v-61ea0019]{grid-column:3/5;grid-row:2;display:flex;align-items:center;justify-content:center;gap:4px}.contact-page .container .contact-items .friend-request-buttons .el-button[data-v-61ea0019]{min-width:32px;height:22px;padding:2px 5px;font-size:11px;line-height:16px;border-radius:3px}.contact-page .container .contact-items .friend-request-buttons .el-button+.el-button[data-v-61ea0019]{margin-left:0}.contact-page .container .contact-items .list-empty-tip[data-v-61ea0019]{padding-top:90px;text-align:center;color:var(--im-text-color-light);font-size:14px}.contact-page .container .contact-items .contact-group[data-v-61ea0019]{position:relative;padding-right:28px}.contact-page .container .contact-items .divider[data-v-61ea0019]{border-top:var(--im-border);margin:6px 0}.contact-page .container .contact-items .search-user-item[data-v-61ea0019]{display:flex;align-items:center;gap:8px;padding:4px 0}.contact-page .container .contact-items .global-search-block[data-v-61ea0019]{margin-bottom:10px}.contact-page .container .contact-items .global-search-row[data-v-61ea0019]{padding:3px 0;cursor:pointer}.contact-page .container .contact-items .global-message-row[data-v-61ea0019]{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 4px;border-radius:6px;cursor:pointer}.contact-page .container .contact-items .global-message-row[data-v-61ea0019]:hover,.contact-page .container .contact-items .global-search-row[data-v-61ea0019]:hover{background-color:#f5f7fa}.contact-page .container .contact-items .global-message-info[data-v-61ea0019]{flex:1;min-width:0}.contact-page .container .contact-items .global-message-title[data-v-61ea0019]{font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-page .container .contact-items .global-message-content[data-v-61ea0019]{margin-top:4px;font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-page .container .contact-items .search-user-main[data-v-61ea0019]{flex:1;min-width:0}.contact-page .container .contact-items .search-user-actions[data-v-61ea0019]{flex-shrink:0}.contact-page .container .contact-items .search-user-actions .el-button[data-v-61ea0019]{width:62px;padding-left:0;padding-right:0;text-align:center}.contact-page .container .contact-items .search-user-actions .el-button--primary[data-v-61ea0019]{background-color:#1976d2;border-color:#1976d2}.contact-page .container .contact-items .search-user-actions .el-button--primary[data-v-61ea0019]:focus,.contact-page .container .contact-items .search-user-actions .el-button--primary[data-v-61ea0019]:hover{background-color:#0d7deb;border-color:#0d7deb}.contact-page .container .empty-tip[data-v-61ea0019]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--im-text-color-light)}.contact-page .container .user-detail-page[data-v-61ea0019]{height:100%;display:flex;flex-direction:column;padding:20px 40px;overflow-y:auto}.contact-page .container .user-detail-page .detail-header[data-v-61ea0019]{text-align:center;margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.contact-page .container .user-detail-page .detail-header .user-name[data-v-61ea0019]{font-size:20px;font-weight:600;color:#111827}.contact-page .container .user-detail-page .detail-body[data-v-61ea0019]{flex:1;overflow-y:auto}.contact-page .container .user-detail-page .detail-body .avatar-section[data-v-61ea0019]{text-align:center;margin:30px 0 25px 0}.contact-page .container .user-detail-page .detail-body .basic-section[data-v-61ea0019]{text-align:center;margin-bottom:20px}.contact-page .container .user-detail-page .detail-body .basic-section .user-display-name[data-v-61ea0019]{font-size:22px;font-weight:600;color:#111827}.contact-page .container .user-detail-page .detail-body .info-section[data-v-61ea0019]{padding:0 10px}.contact-page .container .user-detail-page .detail-body .info-section .info-row[data-v-61ea0019]{display:flex;padding:14px 0;border-bottom:1px solid #f5f5f5;text-align:left}.contact-page .container .user-detail-page .detail-body .info-section .info-row .label[data-v-61ea0019]{width:140px;font-size:15px;color:#6b7280;flex-shrink:0}.contact-page .container .user-detail-page .detail-body .info-section .info-row .value[data-v-61ea0019]{flex:1;font-size:15px;color:#111827;word-break:break-all;min-width:0}.contact-page .container .user-detail-page .detail-body .info-section .info-row[data-v-61ea0019]:last-child{border-bottom:none}.contact-page .container .user-detail-page .detail-body .info-section .value.photos .photo-container[data-v-61ea0019]{display:flex;flex-wrap:wrap;gap:8px}.contact-page .container .user-detail-page .detail-body .info-section .value.photos .photo-item[data-v-61ea0019]{width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.contact-page .container .user-detail-page .detail-body .info-section .value.photos .photo-image[data-v-61ea0019]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;cursor:pointer}.contact-page .container .user-detail-page .detail-body .info-section .value.photos .photo-placeholder[data-v-61ea0019]{color:#9ca3af}.contact-page .container .user-detail-page .detail-footer[data-v-61ea0019]{display:flex;justify-content:center;gap:16px;padding:12px 0 4px 0;border-top:1px solid #f0f0f0;margin-bottom:28px}.contact-page .container .user-detail-page .detail-footer .el-button[data-v-61ea0019]{min-width:140px}.contact-page .container .user-detail-page .detail-footer .el-button--primary[data-v-61ea0019]{background-color:#d4def5!important;border-color:#d4def5!important;color:#111827!important}.contact-page .container .user-detail-page .detail-footer .el-button--primary[data-v-61ea0019]:focus,.contact-page .container .user-detail-page .detail-footer .el-button--primary[data-v-61ea0019]:hover{background-color:#c3cfef!important;border-color:#c3cfef!important;color:#111827!important}.contact-page .container .group-detail-page[data-v-61ea0019]{height:100%;overflow-y:auto;background-color:#fff}.contact-page .container .contact-group-detail[data-v-61ea0019]{width:640px;max-width:100%;min-height:100%;box-sizing:border-box;border-right:1px solid #eef0f4;background-color:#fff}