.add-friend .item[data-v-119ef674]{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.add-friend .item .friend-info[data-v-119ef674]{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend .item .friend-info .nick-name[data-v-119ef674]{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-119ef674]{font-size:12px;font-weight:600}.add-friend .item .friend-info .nick-name .online-status.online[data-v-119ef674]{color:#5fb878}.add-friend .item .friend-info .user-name[data-v-119ef674]{display:flex;flex-direction:row;font-size:12px;line-height:20px}.add-friend .item .friend-info .user-summary[data-v-119ef674]{max-width:210px;color:#9f4c62;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-page .aside[data-v-bc7cd5ec]{display:flex;flex-direction:column;background:var(--im-background)}.friend-page .aside .header[data-v-bc7cd5ec]{height:50px;display:flex;align-items:center;padding:0 8px}.friend-page .aside .header .add-btn[data-v-bc7cd5ec]{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.friend-page .aside .friend-items[data-v-bc7cd5ec]{flex:1}.friend-page .aside .friend-items .letter[data-v-bc7cd5ec]{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.friend-page .container[data-v-bc7cd5ec]{display:flex;flex-direction:column}.friend-page .container .header[data-v-bc7cd5ec]{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:var(--im-font-size-larger);border-bottom:var(--im-border);box-sizing:border-box}.friend-page .container .friend-info[data-v-bc7cd5ec]{padding:36px;text-align:left}.friend-page .container .friend-info .profile-card[data-v-bc7cd5ec]{width:min(760px,100%);margin:0 auto;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.12)}.friend-page .container .friend-info .profile-cover[data-v-bc7cd5ec]{position:relative;height:320px;background:#f8fafc;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.friend-page .container .friend-info .profile-backdrop[data-v-bc7cd5ec]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(24px);opacity:.34;transform:scale(1.08);pointer-events:none}.friend-page .container .friend-info .profile-image[data-v-bc7cd5ec]{position:relative;z-index:1;width:100%;height:100%;padding:18px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain;display:block;cursor:pointer}.friend-page .container .friend-info .cover-shade[data-v-bc7cd5ec]{position:absolute;left:0;right:0;bottom:0;height:130px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.38))}.friend-page .container .friend-info .online-pill[data-v-bc7cd5ec]{position:absolute;z-index:3;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(15,23,42,.72);color:#21e68a;font-size:14px;font-weight:800}.friend-page .container .friend-info .online-dot[data-v-bc7cd5ec]{width:8px;height:8px;border-radius:50%;background:#21e68a}.friend-page .container .friend-info .profile-content[data-v-bc7cd5ec]{padding:24px}.friend-page .container .friend-info .name-row[data-v-bc7cd5ec]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.friend-page .container .friend-info .profile-name[data-v-bc7cd5ec]{max-width:420px;color:#111827;font-size:26px;line-height:34px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-page .container .friend-info .age-badge[data-v-bc7cd5ec],.friend-page .container .friend-info .gender-badge[data-v-bc7cd5ec]{height:22px;padding:0 8px;border-radius:999px;background:#ff6f91;color:#fff;font-size:12px;line-height:22px;font-weight:800}.friend-page .container .friend-info .gender-badge.male[data-v-bc7cd5ec]{background:#5277f7}.friend-page .container .friend-info .age-badge[data-v-bc7cd5ec]{background:#ff8aa6}.friend-page .container .friend-info .profile-base[data-v-bc7cd5ec]{margin-top:12px;color:#1f2937;font-size:15px;line-height:24px}.friend-page .container .friend-info .profile-signature[data-v-bc7cd5ec]{margin-top:12px;padding:12px 14px;border-radius:14px;background:#fff6f8;color:#be3455;font-size:14px;line-height:22px;word-break:break-word}.friend-page .container .friend-info .profile-sections[data-v-bc7cd5ec]{margin-top:16px}.friend-page .container .friend-info .profile-section[data-v-bc7cd5ec]{padding:14px 0;border-bottom:1px solid #f3f4f6}.friend-page .container .friend-info .profile-section[data-v-bc7cd5ec]:last-child{border-bottom:0}.friend-page .container .friend-info .section-title[data-v-bc7cd5ec]{position:relative;padding-left:13px;color:#111827;font-size:16px;line-height:24px;font-weight:900}.friend-page .container .friend-info .section-title[data-v-bc7cd5ec]:before{content:"";position:absolute;left:0;top:5px;width:4px;height:16px;border-radius:999px;background:linear-gradient(180deg,#ff5f8d,#ff8ba8)}.friend-page .container .friend-info .section-content[data-v-bc7cd5ec]{margin-top:7px;padding-left:13px;color:#4b5563;font-size:14px;line-height:22px;word-break:break-word}.friend-page .container .btn-group[data-v-bc7cd5ec]{margin-top:20px;text-align:left!important}