.add-friend .item[data-v-2173acd4]{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.add-friend .item .friend-info[data-v-2173acd4]{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend .item .friend-info .nick-name[data-v-2173acd4]{display:flex;flex-direction:row;font-weight:600;font-size:16px;line-height:25px}.add-friend .item .friend-info .nick-name .online-status[data-v-2173acd4]{font-size:12px;font-weight:600}.add-friend .item .friend-info .nick-name .online-status.online[data-v-2173acd4]{color:var(--im-color-success)}.add-friend .item .friend-info .user-name[data-v-2173acd4]{display:flex;flex-direction:row;font-size:12px;line-height:20px}.friend-page .header{height:52px;flex-shrink:0;display:flex;align-items:center;padding:0 12px;box-sizing:border-box}.friend-page .header .search-text{flex:1}.friend-page .header .add-btn{padding:6px;margin:5px;font-size:16px;border-radius:var(--im-radius,4px);background:#fff;color:var(--im-color-primary);transition:background-color .15s ease,border-color .15s ease;font-weight:600;border:1px solid var(--im-border-color)}.friend-page .header .add-btn:hover{background:var(--im-background-active);border-color:var(--im-color-primary)}.friend-page .friend-items{flex:1}.friend-page .friend-items .letter{text-align:left;font-size:12px;padding:8px 12px 4px 12px;color:var(--im-text-color-light);font-weight:500}.friend-page .container{display:flex;flex-direction:column;background:#fff}.friend-page .container .detail-header{height:52px;display:flex;justify-content:flex-start;align-items:center;padding:0 16px;font-size:15px;font-weight:600;border-bottom:1px solid var(--im-border-color);box-sizing:border-box;color:var(--im-text-color)}.friend-page .container .friend-info-wrap{flex:1;overflow-y:auto;background:#f7f7f7}.friend-page .container .friend-info{display:flex;padding:40px 60px 20px 60px;text-align:left;align-items:flex-start;gap:32px}.friend-page .container .friend-info .info-right{flex:1}.friend-page .container .friend-info .info-card{background:#fff;border-radius:4px;padding:24px 28px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.friend-page .container .friend-info .info-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.friend-page .container .friend-info .info-row:last-child{border-bottom:none}.friend-page .container .friend-info .info-row .info-label{color:var(--im-text-color-light);width:80px;flex-shrink:0}.friend-page .container .friend-info .info-row .info-value{color:var(--im-text-color);word-break:break-all}.friend-page .container .btn-group{text-align:left!important;padding:20px 0 0 0;display:flex;gap:10px}.friend-page .container .empty-friend-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f7f7;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:40px 20px}.friend-page .container .empty-friend-info .empty-illustration{margin-bottom:20px;opacity:.9}.friend-page .container .empty-friend-info .empty-title{font-size:15px;font-weight:500;color:var(--im-text-color);margin-bottom:8px}.friend-page .container .empty-friend-info .empty-subtitle{font-size:13px;color:var(--im-text-color-light)}