.friend-wrapper[data-v-2e9da753]{background:url(./background.CZ9VMwA9.webp) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;height:100vh;width:100%}.friend-wrapper .friend-header[data-v-2e9da753]{background:url(./navbar.2_dS7z5p.webp) no-repeat 50%;background-size:cover;display:flex;height:24vw;justify-content:center;position:relative;width:100%}.friend-wrapper .friend-header .friend-tabbar[data-v-2e9da753]{align-items:center;bottom:-4vw;display:flex;gap:2.13333vw;height:13.86667vw;justify-content:start;position:absolute;width:91.46667vw;z-index:1}.friend-wrapper .friend-header .friend-tabbar.mirror .back-button[data-v-2e9da753],.friend-wrapper .friend-header .friend-tabbar.mirror[data-v-2e9da753]:before{transform:scaleX(-1)}.friend-wrapper .friend-header .friend-tabbar[data-v-2e9da753]:before{background-image:url(./friend-tabbar.m4TlmtPn.webp);background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.friend-wrapper .friend-header .friend-tabbar .back-button[data-v-2e9da753]{height:11.2vw;margin-inline-start:.8vw;width:11.2vw}.friend-wrapper .friend-header .friend-tabbar .friend-tabs[data-v-2e9da753]{align-items:center;display:flex;gap:1.6vw;justify-content:start;margin-bottom:4vw}.friend-wrapper .friend-header .friend-tabbar .friend-tabs .friend-tabbar-item[data-v-2e9da753]{background:#5d8911;border-radius:7.46667vw;color:#a4d551;cursor:pointer;font-family:Lilita One;font-size:3.2vw;font-style:normal;font-weight:400;line-height:3.73333vw;text-align:center;transition:all .3s ease}.friend-wrapper .friend-header .friend-tabbar .friend-tabs .friend-tabbar-item p[data-v-2e9da753]{margin:1.6vw}.friend-wrapper .friend-header .friend-tabbar .friend-tabs .friend-tabbar-item.active[data-v-2e9da753]{background:linear-gradient(180deg,#ff9b10,#ff7810);border-radius:7.46667vw;box-shadow:inset 0 -.53333vw .26667vw #f72500;color:#fff}.friend-wrapper .friend-header .friend-tabbar .friend-tabs .friend-tabbar-item[data-v-2e9da753]:hover:not(.active){opacity:.8}.friend-wrapper .friend-content[data-v-2e9da753]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:start;overflow-y:auto;padding:11.46667vw 0;width:100%}.friend-wrapper .friend-content .friend-content-item-list[data-v-2e9da753]{align-items:center;display:flex;flex-direction:column;gap:8vw;justify-content:start}.friend-wrapper .friend-content .empty[data-v-2e9da753],.friend-wrapper .friend-content .loading[data-v-2e9da753]{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Lilita One;font-size:4.26667vw;height:100%;justify-content:center;width:91.46667vw}.friend-wrapper .friend-content .empty img[data-v-2e9da753],.friend-wrapper .friend-content .loading img[data-v-2e9da753]{height:32.26667vw;width:32.26667vw}.friend-wrapper .friend-content .friend-content-item[data-v-2e9da753]{align-items:center;background:url(./list.DyfwH4WJ.webp) no-repeat 50%;background-size:cover;display:flex;gap:3.2vw;height:17.6vw;justify-content:space-between;padding:0 3.2vw;width:91.46667vw}.friend-wrapper .friend-content .friend-content-item .friend-content-item-left[data-v-2e9da753]{align-items:center;display:flex;gap:3.2vw}.friend-wrapper .friend-content .friend-content-item .friend-portrait[data-v-2e9da753]{position:relative}.friend-wrapper .friend-content .friend-content-item .friend-portrait .portrait[data-v-2e9da753]{border:.8vw solid #fcebd8;border-radius:50%;bottom:2.13333vw;height:17.6vw;-o-object-fit:cover;object-fit:cover;position:relative;width:17.6vw}.friend-wrapper .friend-content .friend-content-item .friend-portrait .online[data-v-2e9da753]{border:.53333vw solid #fcebd8;border-radius:50%;bottom:4vw;height:4.8vw;position:absolute;right:0;width:4.8vw}.friend-wrapper .friend-content .friend-content-item .friend-portrait .online.mirror[data-v-2e9da753]{left:0;right:auto}.friend-wrapper .friend-content .friend-content-item .friend-info[data-v-2e9da753]{position:relative}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name[data-v-2e9da753]{align-items:start;display:flex;flex-direction:column;gap:1.6vw;justify-content:start;margin-bottom:1.33333vw}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .friend-name-detail[data-v-2e9da753]{display:flex;gap:1.06667vw}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .sex[data-v-2e9da753]{align-items:center;border-radius:8.26667vw;display:flex;gap:1.06667vw;justify-content:start;padding:0 1.6vw;position:relative}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .sex.male[data-v-2e9da753]{background:linear-gradient(180deg,#24ccff,#18c2ff)}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .sex.female[data-v-2e9da753]{background:linear-gradient(180deg,#ff00b3,#e200ff 101.17%)}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .sex.unknown[data-v-2e9da753]{background:linear-gradient(180deg,#a6aeb9,#8a9099)}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .sex img[data-v-2e9da753]{height:3.73333vw;width:3.73333vw}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .sex p[data-v-2e9da753]{color:#fff;font-family:Source Han Sans CN;font-size:3.2vw;font-style:normal;font-weight:700;line-height:5.33333vw}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .country[data-v-2e9da753]{align-items:center;background:#495160;border-radius:8.26667vw;display:flex;gap:1.06667vw;justify-content:start}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .country img[data-v-2e9da753]{height:3.73333vw;margin-inline-start:.8vw;width:3.73333vw}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name .country h2[data-v-2e9da753]{color:#fff;font-family:Source Han Sans CN;font-size:3.2vw;font-style:normal;font-weight:700;line-height:5.33333vw;margin-inline-end:1.6vw}.friend-wrapper .friend-content .friend-content-item .friend-info .friend-name h2[data-v-2e9da753]{color:#814e14;font-family:Source Han Sans CN;font-size:3.73333vw;font-style:normal;font-weight:700;line-height:5.86667vw;text-align:start;width:100%}.friend-wrapper .friend-content .friend-content-item .friend-info .timeline[data-v-2e9da753]{color:#d19046;font-family:PingFang SC;font-size:3.2vw;font-style:normal;font-weight:400;line-height:5.33333vw}.friend-wrapper .friend-content .friend-content-item .button[data-v-2e9da753]{background:url(./button-bg.BFc3oSIF.webp) no-repeat 50%;background-size:cover;border:none;height:5.86667vw;width:14.4vw}.friend-wrapper .to-top[data-v-2e9da753]{border:none;border-radius:50%;bottom:12.8vw;height:12.8vw;opacity:0;pointer-events:none;position:fixed;right:2.13333vw;transform:translateY(5.33333vw);transition:all .3s ease;width:12.8vw}.friend-wrapper .to-top.show[data-v-2e9da753]{opacity:1;pointer-events:auto;transform:translateY(0)}.friend-wrapper .to-top img[data-v-2e9da753]{height:100%;width:100%}.friend-wrapper .loading-more[data-v-2e9da753],.friend-wrapper .no-more[data-v-2e9da753]{color:#fff;font-family:Lilita One;font-size:3.73333vw;font-style:normal;font-weight:400;line-height:3.73333vw;text-align:center}