.friend-request-item[data-v-20c6a46c]{display:flex;position:relative;align-items:center;padding:12px 20px;border-bottom:1px solid var(--im-border-color-light);transition:background-color .3s}.friend-request-item[data-v-20c6a46c]:hover{background-color:var(--im-background-active)}.friend-request-item .request-info[data-v-20c6a46c]{margin-left:12px;flex:1;display:flex;flex-direction:column;overflow:hidden}.friend-request-item .request-info .nick-name[data-v-20c6a46c]{display:flex;align-items:center;font-weight:700;font-size:16px;color:var(--im-text-color);line-height:1.2}.friend-request-item .request-info .info-text[data-v-20c6a46c]{font-size:14px;line-height:1.2;color:var(--im-text-color-light);text-align:left;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-request-item .request-info .apply-time[data-v-20c6a46c]{font-size:13px;color:var(--im-text-color-lighter);text-align:left;margin-top:4px;line-height:1.2}.friend-request-item .btn-group[data-v-20c6a46c]{display:flex;gap:12px;align-items:center}.friend-request-item .btn-group .btn-reject[data-v-20c6a46c]{color:#999;font-size:13px}.friend-request-item .btn-group .btn-reject[data-v-20c6a46c]:hover{color:var(--im-color-danger)}.friend-request-item .btn-group .btn-approve[data-v-20c6a46c]{padding:7px 20px;font-size:13px;border-radius:4px}.friend-request-item .btn-group .status-text[data-v-20c6a46c]{font-size:13px;padding:6px 12px;border-radius:4px;min-width:60px;text-align:center}.friend-request-item .btn-group .status-text.status-approved[data-v-20c6a46c]{color:var(--im-color-success);background-color:var(--im-color-primary-light-9)}.friend-request-item .btn-group .status-text.status-rejected[data-v-20c6a46c]{color:var(--im-color-danger);background-color:var(--im-color-primary-light-9)}.friend-request-item .btn-group .status-text.status-recall[data-v-20c6a46c]{color:var(--im-text-color-light);background-color:var(--im-background-active)}.friend-request-item .btn-group .status-text.status-expired[data-v-20c6a46c]{color:var(--im-color-warning);background-color:var(--im-color-primary-light-9)}[data-theme=dark] .friend-request-item{border-bottom-color:#282a37!important}.add-friend .no-data-tip[data-v-667ad2aa],.add-friend .scroll-box[data-v-667ad2aa]{height:400px}.add-friend .scroll-box .item[data-v-667ad2aa]{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.add-friend .scroll-box .item .friend-info[data-v-667ad2aa]{margin:0 15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend .scroll-box .item .friend-info .nick-name[data-v-667ad2aa]{display:flex;align-items:center;flex-direction:row;white-space:nowrap}.add-friend .scroll-box .item .friend-info .nick-name .nick-name-text[data-v-667ad2aa]{font-size:16px;line-height:25px;font-weight:600}.add-friend .scroll-box .item .friend-info .text-info[data-v-667ad2aa]{display:flex;flex-direction:row;font-size:12px;line-height:20px;white-space:nowrap}.add-friend .scroll-box .item .status-tip[data-v-667ad2aa]{color:var(--im-text-color-light)}.friend-request[data-v-132ba8ca]{overflow:hidden}.friend-request[data-v-132ba8ca],.friend-request[data-v-132ba8ca] .el-tabs{height:100%;display:flex;flex-direction:column}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__header{margin:0;background:var(--im-background);padding:0;border-bottom:var(--im-border)}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__nav-wrap{padding-left:20px}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__nav-wrap:after{display:none}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__item{height:45px;line-height:45px;font-size:14px;color:var(--im-text-color-light);padding:0 15px!important}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__item.is-active{color:var(--im-color-primary);font-weight:500}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__item:hover{color:var(--im-color-primary)}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__active-bar{background-color:var(--im-color-primary);height:2px}.friend-request[data-v-132ba8ca] .el-tabs .el-tabs__content{flex:1;background:transparent;overflow:hidden}.friend-request[data-v-132ba8ca] .el-tabs .el-tab-pane{height:100%}.friend-request .tab-content[data-v-132ba8ca]{height:100%;display:flex;flex-direction:column}.friend-request .request-list[data-v-132ba8ca]{flex:1;height:100%}.friend-request .request-list[data-v-132ba8ca] .el-scrollbar__wrap{overflow-x:hidden}.friend-request .no-data-tip[data-v-132ba8ca]{flex:1;display:flex;align-items:center;justify-content:center}.friend-page{height:100%}.friend-page .slide-left-enter-active,.friend-page .slide-left-leave-active{transition:all .25s ease}.friend-page .slide-left-enter{transform:translateX(20px);opacity:0}.friend-page .slide-left-leave-to{transform:translateX(-20px);opacity:0}.friend-page .divider{border-bottom:1px solid #ddd;margin:10px}.friend-page .header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.friend-page .header .add-btn{padding:8px;margin:5px;font-size:16px;border-radius:50%;background:var(--im-background-active);color:var(--im-color-primary);transition:all .3s ease;font-weight:600;border:var(--im-border)}.friend-page .header .add-btn:hover{background:var(--im-background-active-dark);transform:scale(1.1)}.friend-page .friend-items{flex:1}.friend-page .friend-items .top-item{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;white-space:nowrap;cursor:pointer;border-radius:12px;margin:7px}.friend-page .friend-items .top-item:hover{background-color:var(--im-background-active)}.friend-page .friend-items .top-item.active{background-color:var(--im-background-active-dark)}.friend-page .friend-items .top-item .top-item-avatar{display:flex;justify-content:center;align-items:center}.friend-page .friend-items .top-item .top-item-avatar .unread-text{position:absolute;background-color:var(--im-color-danger);right:5px;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.friend-page .friend-items .top-item .top-item-info{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left}.friend-page .friend-items .top-item .top-item-info .top-item-name{font-size:var(--im-font-size);white-space:nowrap;overflow:hidden}.friend-page .letter{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}[data-theme=dark] .friend-page .divider{border-bottom-color:#282a37}.container{display:flex;flex:1;flex-direction:column;background:var(--im-background);margin:10px 10px 0 0;border-radius:10px}.container.empty-container{justify-content:center;align-items:center}.container .header{height:60px;line-height:60px;justify-content:space-between;padding:0 12px;box-sizing:border-box;position:relative}.container .header,.container .header .header-left{display:flex;align-items:center}.container .header .header-left .title{font-size:var(--im-font-size-larger);font-weight:600}.container .header .header-right{display:flex;align-items:center;gap:15px}.container .header .header-right .btn-side-text{font-size:14px;cursor:pointer;color:var(--im-text-color-light);transition:color .3s}.container .header .header-right .btn-side-text:hover{color:var(--im-color-primary)}.container .header .header-right .btn-side{font-size:20px;cursor:pointer;color:var(--im-text-color-light);transition:color .3s}.container .header .header-right .btn-side:hover{color:var(--im-color-primary)}.container .header .header-right .setting-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;transition:all .3s ease}.container .header .header-right .setting-item i{color:var(--im-color-primary);font-size:14px}.container .header .header-right .setting-item .setting-label{font-size:var(--im-font-size);color:var(--im-text-color-light);font-weight:500}.container .header .nick-name{font-size:var(--im-font-size-larger);font-weight:600}.container .header .company-tag{margin-left:10px;font-size:12px;color:var(--im-text-color-light);background:var(--im-background-active);padding:2px 6px;border-radius:4px}.container .request-box{flex:1}.container .friend-info{flex:1;display:flex;justify-content:center;padding:20px;align-items:center}.container .friend-info .info-card{padding:10px;position:relative;overflow:hidden;max-width:600px;width:100%;border-radius:20px}.container .friend-info .info-card .avatar-section{text-align:center;margin-bottom:20px}.container .friend-info .info-card .avatar-section :deep(.head-image){border:4px solid hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(0,0,0,.12);transition:all .3s ease;cursor:pointer}.container .friend-info .info-card .avatar-section :deep(.head-image):hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.18);border-color:var(--im-color-primary-light-3)}.container .friend-info .info-card .info-section .name-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.06)}.container .friend-info .info-card .info-section .name-header .friend-name{font-size:24px;font-weight:600;color:var(--im-text-color-primary);margin:0;position:relative}.container .friend-info .info-card .info-section .name-header .friend-name:after{content:"";position:absolute;bottom:-15px;left:0;width:40px;height:2px;background:var(--im-color-primary);border-radius:1px}.container .friend-info .info-card .info-section .name-header .more-btn{font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;background:var(--im-background-active);color:var(--im-color-primary)}.container .friend-info .info-card .info-section .name-header .more-btn:hover{background:var(--im-background-active-dark);transform:scale(1.1)}.container .friend-info .info-card .info-section .info-item-list{margin-bottom:30px}.container .friend-info .info-card .info-section .info-item-list .info-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.container .friend-info .info-card .info-section .info-item-list .info-item:last-child{border-bottom:none}.container .friend-info .info-card .info-section .info-item-list .info-item .info-label{font-weight:500;color:var(--im-text-color-secondary);font-size:14px;min-width:80px;margin-right:20px}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value{flex:1;color:var(--im-text-color-primary);font-size:15px;line-height:24px;display:flex;align-items:center;text-align:left;gap:8px}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.remark-content{display:flex;align-items:center;justify-content:space-between}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.remark-content .icon-modify{cursor:pointer;color:var(--im-color-primary);padding:4px;border-radius:4px;transition:all .3s ease}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.remark-content .icon-modify:hover{background:var(--im-color-primary-light-9);transform:scale(1.1)}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.light-text{color:var(--im-text-color-light)!important}.container .friend-info .info-card .info-section .info-item-list .info-item.remark-item .info-value{color:var(--im-text-color-secondary);font-style:italic}.container .friend-info .info-card .info-section .btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}[data-theme=dark] .container{background:#1e222e;border:1px solid #282a37}[data-theme=dark] .container .friend-info .info-card .avatar-section :deep(.head-image){border-color:hsla(0,0%,100%,.15)}[data-theme=dark] .container .friend-info .info-card .info-section .name-header{border-bottom-color:hsla(0,0%,100%,.08)}[data-theme=dark] .container .friend-info .info-card .info-section .info-item-list .info-item{border-bottom-color:hsla(0,0%,100%,.06)}