@media screen and (max-width:768px){[data-v-7488ec54]:root{--design-width:769;--screen-width:100vw}}.anchor-description[data-v-7488ec54]{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);clip-path:inset(50%);list-style:none;white-space:nowrap}@media screen and (max-width:768px){[data-v-c0a23f68]:root{--design-width:769;--screen-width:100vw}}.bottom-desc-box[data-v-c0a23f68]{background:rgb(from var(--color-bg-container) r g b/1);border-radius:16px;padding:32px 56px}.bottom-desc-box header[data-v-c0a23f68]{margin:0 0 16px}.bottom-desc-box h1[data-v-c0a23f68],.bottom-desc-box h2[data-v-c0a23f68],.bottom-desc-box h3[data-v-c0a23f68]{color:rgb(from var(--color-text-primary) r g b/.8);font-weight:600;margin:0}.bottom-desc-box h1[data-v-c0a23f68]{font-size:20px}.bottom-desc-box h2[data-v-c0a23f68]{font-size:18px;margin-bottom:12px;margin-top:20px}.bottom-desc-box dd[data-v-c0a23f68],.bottom-desc-box ol[data-v-c0a23f68],.bottom-desc-box p[data-v-c0a23f68],.bottom-desc-box ul[data-v-c0a23f68]{color:rgb(from var(--color-text-primary) r g b/.4);font-size:16px;line-height:28px}.bottom-desc-box p[data-v-c0a23f68]{margin:0 0 8px}.bottom-desc-box section[data-v-c0a23f68]{margin:20px 0}.bottom-desc-box ol[data-v-c0a23f68],.bottom-desc-box ul[data-v-c0a23f68]{list-style:revert;margin:12px 0;padding-left:24px}.bottom-desc-box ol li[data-v-c0a23f68],.bottom-desc-box ul li[data-v-c0a23f68]{margin-bottom:8px}.bottom-desc-box dl[data-v-c0a23f68]{margin:12px 0 0}.bottom-desc-box dl>div[data-v-c0a23f68]{margin:12px 0}.bottom-desc-box dl dt[data-v-c0a23f68]{color:rgb(from var(--color-text-primary) r g b/.6);font-size:16px;font-weight:600;margin:0 0 4px}.bottom-desc-box dl h3[data-v-c0a23f68]{color:inherit;font-size:inherit;line-height:inherit}.bottom-desc-box dl dd[data-v-c0a23f68]{margin:0;padding-left:0}.bottom-desc-box[data-v-c0a23f68] strong{color:rgb(from var(--color-text-primary) r g b/.6);font-weight:600}@media screen and (max-width:768px){.bottom-desc-box[data-v-c0a23f68]{padding:20px 16px}.bottom-desc-box h1[data-v-c0a23f68]{font-size:16px}.bottom-desc-box h2[data-v-c0a23f68]{font-size:14px;margin:16px 0 8px}.bottom-desc-box dd[data-v-c0a23f68],.bottom-desc-box dt[data-v-c0a23f68],.bottom-desc-box ol[data-v-c0a23f68],.bottom-desc-box p[data-v-c0a23f68],.bottom-desc-box ul[data-v-c0a23f68]{font-size:12px;line-height:18px}.bottom-desc-box ol[data-v-c0a23f68],.bottom-desc-box ul[data-v-c0a23f68]{list-style:revert;margin:8px 0;padding-left:20px}.bottom-desc-box ol li[data-v-c0a23f68],.bottom-desc-box ul li[data-v-c0a23f68]{margin-bottom:6px}.bottom-desc-box dl>div[data-v-c0a23f68]{margin:8px 0}}@media screen and (max-width:768px){[data-v-ed86de6b]:root{--design-width:769;--screen-width:100vw}}.call-benefit-banner[data-v-ed86de6b]{align-items:center;background:linear-gradient(90deg,#2a0e14,#530d1d);border-radius:12px;box-sizing:border-box;color:var(--color-text-primary);display:flex;font-family:Inter,sans-serif;gap:15px;height:48px;justify-content:center;overflow:hidden;padding:8px 48px;position:relative;width:100%}:root[data-theme=light] .call-benefit-banner{background:linear-gradient(90deg,#ffe5eb,#ffedf1)}.call-benefit-banner.is-first_recharge[data-v-ed86de6b]{background:linear-gradient(90deg,#472214,#412114)}:root[data-theme=light] .call-benefit-banner.is-first_recharge{background:linear-gradient(90deg,#ffeed9,#ffdeb9)}.call-benefit-banner__heading[data-v-ed86de6b]{align-items:center;display:flex;flex:0 1 auto;gap:15px;min-width:0}.call-benefit-banner__icon[data-v-ed86de6b]{background:linear-gradient(180deg,#fff,#ffd0f4);border-radius:8px;display:grid;flex:0 0 32px;height:32px;place-items:center;width:32px}.call-benefit-banner__call[data-v-ed86de6b]{height:22px;width:22px}.call-benefit-banner__call[data-v-ed86de6b] path{fill:#f52699;stroke:#f52699}.call-benefit-banner__title[data-v-ed86de6b]{font-size:18px;font-weight:500;line-height:26px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.call-benefit-banner__title strong[data-v-ed86de6b]{color:var(--color-brand-400);font-weight:800}.call-benefit-banner.is-first_recharge .call-benefit-banner__description strong[data-v-ed86de6b],.call-benefit-banner.is-first_recharge .call-benefit-banner__title strong[data-v-ed86de6b]{color:#f2a006}.call-benefit-banner__divider[data-v-ed86de6b]{background:rgb(from var(--color-text-primary) r g b/.12);flex:0 0 1px;height:25px;width:1px}.call-benefit-banner__description[data-v-ed86de6b]{color:rgb(from var(--color-text-primary) r g b/.6);font-size:14px;font-weight:500;letter-spacing:.1px;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-benefit-banner.is-first_recharge .call-benefit-banner__description[data-v-ed86de6b]{color:var(--color-text-primary)}.call-benefit-banner__close[data-v-ed86de6b]{background:rgb(from var(--color-neutral-800) r g b/.2);border:0;border-radius:50%;cursor:pointer;display:grid;height:32px;padding:4px;place-items:center;position:absolute;right:10px;top:8px;width:32px}.call-benefit-banner__close svg[data-v-ed86de6b]{height:24px;width:24px}@media (max-width:1200px){.call-benefit-banner__description[data-v-ed86de6b],.call-benefit-banner__divider[data-v-ed86de6b]{display:none}}@media (max-width:768px){.call-benefit-banner[data-v-ed86de6b]{border-radius:8px;height:38px;justify-content:space-between;padding:5px}.call-benefit-banner__heading[data-v-ed86de6b]{gap:10px;padding-right:28px}.call-benefit-banner__icon[data-v-ed86de6b]{border-radius:7px;flex-basis:28px;height:28px;width:28px}.call-benefit-banner__call[data-v-ed86de6b]{height:18px;width:18px}.call-benefit-banner__title[data-v-ed86de6b]{font-size:14px}.call-benefit-banner__close[data-v-ed86de6b]{height:28px;right:5px;top:5px;width:28px}.call-benefit-banner__close svg[data-v-ed86de6b]{height:21px;width:21px}}@media screen and (max-width:768px){[data-v-87c4db97]:root{--design-width:769;--screen-width:100vw}}.recharge-btn[data-v-87c4db97]{background:linear-gradient(131.8deg,#26ffd4 2.61%,#7a41ff 95.85%);border-radius:12px;color:#cdf;cursor:pointer;font-size:16px;font-weight:700;height:71px;padding-top:44px;position:relative;text-align:center;transition:all .3s;width:101px}.recharge-btn .recharge-icon[data-v-87c4db97]{height:78px;left:-8px;position:absolute;top:-18px;width:114px}.recharge-btn[data-v-87c4db97]:hover{box-shadow:0 2px 10px rgb(from var(--color-text-primary) r g b/.2)}@media screen and (max-width:768px){[data-v-d81c604e]:root{--design-width:769;--screen-width:100vw}}.skeleton-list-item[data-v-d81c604e]{align-items:center;background:rgb(from var(--color-text-primary) r g b/.03);border-radius:16px;display:flex;padding:24px;width:100%}.skeleton-list-item .skeleton-avatar[data-v-d81c604e]{background:rgb(from var(--color-text-primary) r g b/.06);border-radius:50%;flex-shrink:0;height:80px;width:80px}.skeleton-list-item .skeleton-content[data-v-d81c604e]{flex:1;margin:0 8px 0 16px;min-width:0}.skeleton-list-item .skeleton-content .skeleton-title[data-v-d81c604e]{background:rgb(from var(--color-text-primary) r g b/.06);border-radius:4px;height:20px;margin-bottom:12px;width:40%}.skeleton-list-item .skeleton-content .skeleton-text[data-v-d81c604e]{background:rgb(from var(--color-text-primary) r g b/.06);border-radius:4px;height:12px;width:60%}.skeleton-list-item .skeleton-actions[data-v-d81c604e]{align-items:center;display:flex}.skeleton-list-item .skeleton-actions .skeleton-button[data-v-d81c604e]{background:rgb(from var(--color-text-primary) r g b/.06);border-radius:50%;height:44px;width:44px}.skeleton-list-item .skeleton-actions .skeleton-button+.skeleton-button[data-v-d81c604e]{margin-left:1.4583333333vw}@media (max-width:768px){.skeleton-list-item[data-v-d81c604e]{padding:12px 16px 12px 12px}.skeleton-list-item .skeleton-avatar[data-v-d81c604e]{height:56px;width:56px}.skeleton-list-item .skeleton-content .skeleton-title[data-v-d81c604e]{height:16px;margin-bottom:6px}.skeleton-list-item .skeleton-actions .skeleton-button[data-v-d81c604e]{height:32px;width:32px}.skeleton-list-item .skeleton-actions .skeleton-button+.skeleton-button[data-v-d81c604e]{margin-left:16px}}@media screen and (max-width:768px){[data-v-96b9ffe5]:root{--design-width:769;--screen-width:100vw}}.user-list-item[data-v-96b9ffe5]{align-items:center;background-color:rgb(from var(--color-text-primary) r g b/.03);border-radius:16px;color:rgb(from var(--color-text-primary) r g b/1);display:flex;padding:24px;width:100%}.user-list-item .left-wrap[data-v-96b9ffe5]{align-items:center;cursor:pointer;display:flex;flex:1;min-width:0}.user-list-item .left-wrap .left-avatar[data-v-96b9ffe5]{background:rgb(from var(--color-border-primary) r g b/1);border-radius:50%;flex-shrink:0;height:80px;position:relative;width:80px}.user-list-item .left-wrap .left-avatar .avatar[data-v-96b9ffe5]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-list-item .left-wrap .left-avatar .status[data-v-96b9ffe5]{border-radius:50%;bottom:4px;height:16px;position:absolute;right:4px;width:16px}.user-list-item .left-wrap .left-avatar .status .icon[data-v-96b9ffe5]{height:16px;margin-bottom:0;width:16px}.user-list-item .left-wrap .left-avatar .status.online[data-v-96b9ffe5]{background:rgb(from var(--color-status-success) r g b/1);border:2px solid rgb(from var(--color-base-white) r g b/1)}.user-list-item .left-wrap .middle[data-v-96b9ffe5]{flex:1;margin-left:16px;margin-right:8px;min-width:0}.user-list-item .left-wrap .middle .user-name[data-v-96b9ffe5]{align-items:center;color:rgb(from var(--color-text-primary) r g b/1);display:flex}.user-list-item .left-wrap .middle .user-name .nickname[data-v-96b9ffe5]{font-size:20px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-item .left-wrap .middle .user-name .sex[data-v-96b9ffe5]{flex-shrink:0;height:16px;margin-bottom:0;margin-left:6px;width:16px}.user-list-item .left-wrap .middle .time-info[data-v-96b9ffe5]{align-items:center;display:flex;margin-top:12px}.user-list-item .left-wrap .middle .time-info .call-icon[data-v-96b9ffe5]{height:16px;width:16px}.user-list-item .left-wrap .middle .time-info .call-time[data-v-96b9ffe5]{color:rgb(from var(--color-text-primary) r g b/.4);font-size:12px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-item .right-wrap[data-v-96b9ffe5]{align-items:center;display:flex}.user-list-item .right-wrap .button[data-v-96b9ffe5]{align-items:center;background:rgb(from var(--color-text-primary) r g b/.05);border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;width:44px}.user-list-item .right-wrap .button .icon[data-v-96b9ffe5]{height:28px;margin-bottom:0;width:28px}.user-list-item .right-wrap .message-button[data-v-96b9ffe5]{background:rgb(from var(--color-brand-primary) r g b/1)}.user-list-item .right-wrap .message-button[data-v-96b9ffe5] path{stroke:var(--color-base-white)}.user-list-item .right-wrap .call-button[data-v-96b9ffe5]{cursor:not-allowed;margin-left:1.4583333333vw}.user-list-item .right-wrap .call-button.can-call[data-v-96b9ffe5]{background:rgb(from var(--color-status-success) r g b/1);cursor:pointer}.user-list-item .right-wrap .call-button[data-v-96b9ffe5]:not(.can-call){background:var(--color-bg-disabled)}.user-list-item .right-wrap .call-button[data-v-96b9ffe5]:not(.can-call) path{fill:var(--color-icon-tertiary);fill-opacity:1}.user-list-item .right-wrap .call-button.is-disabled[data-v-96b9ffe5]{cursor:not-allowed;opacity:.6;pointer-events:none}@media (max-width:768px){.user-list-item[data-v-96b9ffe5]{padding:12px 16px 12px 12px}.user-list-item .left-wrap .left-avatar[data-v-96b9ffe5]{height:56px;width:56px}.user-list-item .left-wrap .left-avatar .status[data-v-96b9ffe5]{bottom:2px;height:12px;right:2px;width:12px}.user-list-item .left-wrap .middle .user-name .nickname[data-v-96b9ffe5]{font-size:16px}.user-list-item .left-wrap .middle .user-name .sex[data-v-96b9ffe5]{height:12px;width:12px}.user-list-item .left-wrap .middle .time-info[data-v-96b9ffe5]{margin-top:6px}.user-list-item .right-wrap .button[data-v-96b9ffe5]{height:32px;width:32px}.user-list-item .right-wrap .button .icon[data-v-96b9ffe5]{height:20px;width:20px}.user-list-item .right-wrap .call-button[data-v-96b9ffe5]{margin-left:16px}}@media screen and (max-width:768px){[data-v-1ba756b3]:root{--design-width:769;--screen-width:100vw}}.page-container[data-v-1ba756b3]{display:flex;flex-direction:column;height:100%;padding:0 15px 0 0}.page-container .fixed-recharge[data-v-1ba756b3]{bottom:40px;position:fixed;right:16px;z-index:1}.tab-container[data-v-1ba756b3]{margin-top:0}.tab-container[data-v-1ba756b3] .new-tab-icon path{opacity:1}.benefit-banner[data-v-1ba756b3]{flex-shrink:0;max-height:0;overflow:hidden;transition:max-height .24s,margin-bottom .24s}.benefit-banner[data-v-1ba756b3]:has(.call-benefit-banner){margin-bottom:18px;max-height:48px}.content[data-v-1ba756b3]{flex:1;overflow:hidden;padding-top:20px}.content .tab-swiper[data-v-1ba756b3]{height:100%;width:100%}.content .empty-state[data-v-1ba756b3]{align-items:center;color:rgb(from var(--color-text-primary) r g b/.5);display:flex;font-size:16px;height:100%;justify-content:center}.grid-container[data-v-1ba756b3]{height:100%;overflow-y:auto;padding-bottom:70px;touch-action:pan-y;transform:translateZ(0);will-change:scroll-position}.user-grid[data-v-1ba756b3]{display:grid;gap:20px}.top-picks-card-grid[data-v-1ba756b3]{--top-picks-card-min-width:255px;--top-picks-card-gap:16px;gap:var(--top-picks-card-gap);grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(var(--top-picks-card-min-width),1fr));min-width:calc(var(--top-picks-card-min-width)*2 + var(--top-picks-card-gap))}.top-picks-card-grid[data-v-1ba756b3] .skeleton-card{aspect-ratio:4/5;background:var(--color-bg-container);border-radius:20px;position:relative}.top-picks-card-grid[data-v-1ba756b3] .user-card{border-radius:20px}.top-picks-card-grid[data-v-1ba756b3] .skeleton-card .image-container{aspect-ratio:auto;border-radius:16px;height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.top-picks-card-grid[data-v-1ba756b3] .skeleton-card .user-info{bottom:18px;left:20px;padding:0;position:absolute;right:16px;z-index:1}.top-picks-card-grid[data-v-1ba756b3] .skeleton-card .user-info-content{min-width:0}.top-picks-card-grid[data-v-1ba756b3] .user-card .user-face{transition:transform .18s ease}.top-picks-card-grid[data-v-1ba756b3] .user-card .button{transition:transform .18s ease,filter .18s ease}.top-picks-card-grid[data-v-1ba756b3] .user-card .button:active:not(:disabled){transform:scale(.98)}@media (hover:hover) and (pointer:fine){.top-picks-card-grid[data-v-1ba756b3] .user-card:hover .user-face{transform:scale(1.04)}.top-picks-card-grid[data-v-1ba756b3] .user-card .button:hover:not(:disabled){filter:brightness(1.1)}}.intro-banner[data-v-1ba756b3]{margin-bottom:24px}.bottom-desc[data-v-1ba756b3]{margin-top:36px}.user-list[data-v-1ba756b3]{display:grid;gap:20px;grid-auto-rows:128px;grid-template-columns:repeat(3,minmax(0,1fr))}.user-list[data-v-1ba756b3] .skeleton-list-item,.user-list[data-v-1ba756b3] .user-list-item{border-radius:20px}@keyframes spin-1ba756b3{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:1440px){.page-container .user-list[data-v-1ba756b3]{grid-auto-rows:118px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1200px){.page-container[data-v-1ba756b3]{padding-top:10px}}@media (max-width:768px){.page-container[data-v-1ba756b3]{padding:var(--mobile-list-page-padding-top) var(--mobile-list-page-padding-x) 0}.page-container .benefit-banner[data-v-1ba756b3]:has(.call-benefit-banner){margin-bottom:10px;max-height:38px}.page-container .tab-container[data-v-1ba756b3]{margin-top:4px}.page-container .content[data-v-1ba756b3]{padding-top:var(--mobile-list-section-gap)}.page-container .grid-container[data-v-1ba756b3]{padding-bottom:var(--mobile-list-bottom-space)}.page-container .top-picks-card-grid[data-v-1ba756b3]{--top-picks-card-gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.page-container .top-picks-card-grid[data-v-1ba756b3] .skeleton-card,.page-container .top-picks-card-grid[data-v-1ba756b3] .user-card{border-radius:12px}.page-container .user-list[data-v-1ba756b3]{gap:12px;grid-auto-rows:80px;grid-template-columns:repeat(1,minmax(0,1fr))}.page-container .user-list[data-v-1ba756b3] .skeleton-list-item,.page-container .user-list[data-v-1ba756b3] .user-list-item{border-radius:12px}.page-container .fixed-recharge[data-v-1ba756b3]{bottom:calc(50px + env(safe-area-inset-bottom,0px));right:12px}}