[data-v-639ed2fa] .ppsaColor{color:#305cef!important}.heartBeat .hideShowTopWarp[data-v-639ed2fa]{background-color:#fff}.heartBeat .publicPageContent[data-v-639ed2fa]{padding:0 1.6rem}.heartBeat .tips[data-v-639ed2fa]{font-size:1.6rem;line-height:2.3rem;font-family:STIXTwoText-SemiBold,Arial,Helvetica,sans-serif}.heartBeat .tips div[data-v-639ed2fa]:first-child{font-family:STIXTwoText-Bold,Arial,Helvetica,sans-serif;margin-bottom:1rem}.heartBeat .tips div.banner[data-v-639ed2fa]{background-image:url(https://aws-static.tmatch.com/de4/statics/prod/common/miles_apart_v3.jpg);width:34.3rem;height:16rem;border-radius:.5rem;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:50%;margin:.8rem auto 1.6rem;display:flex;flex-direction:column;justify-content:flex-end}.heartBeat .tips div.tipsText[data-v-639ed2fa]{text-align:center;font-size:1.4rem;line-height:2rem;padding:0 2.4rem}.heartBeat .premiumDivider[data-v-639ed2fa]{display:flex;align-items:center;min-height:2rem;margin-top:.8rem}.heartBeat .premiumDivider .premiumDividerText[data-v-639ed2fa]{flex:0 0 auto;padding:0 1.2rem;font-size:1.4rem;line-height:2rem;color:rgba(15,15,15,.45);text-align:center;white-space:nowrap}.heartBeat .premiumDivider[data-v-639ed2fa]:after,.heartBeat .premiumDivider[data-v-639ed2fa]:before{content:"";flex:1 1 auto;height:.1rem;background:rgba(15,15,15,.2)}.heartBeat .list.premiumList[data-v-639ed2fa]{margin-top:1.2rem}.heartBeat .list[data-v-639ed2fa]{margin-top:1.6rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.7rem;padding-bottom:1.1rem}.heartBeat .list .itemBox[data-v-639ed2fa]{width:16.3rem;height:21.8rem;background:#fff;display:flex;position:relative;box-shadow:0 0 40px 0 rgba(0,0,0,.05)}.heartBeat .list .itemBox .avatar[data-v-639ed2fa]{width:100%;height:100%;position:relative;border-radius:.4rem;overflow:hidden}.heartBeat .list .itemBox .avatar .baseInfo[data-v-639ed2fa],.heartBeat .list .itemBox .avatar .username[data-v-639ed2fa]{position:relative;color:#fff;text-overflow:ellipsis;overflow:hidden;text-transform:uppercase;z-index:2;left:1rem;box-sizing:border-box;font-size:1.1rem;margin-top:19.6rem}.heartBeat .list .itemBox .avatar[data-v-639ed2fa]:after{content:"";position:absolute;top:60%;left:0;width:100%;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));z-index:1;opacity:.6}.heartBeat .list .itemBox .mask[data-v-639ed2fa]{width:16.3rem;height:21.8rem;position:absolute;top:0;left:0;border-radius:.4rem;background:hsla(0,0%,100%,.01);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.heartBeat .list .itemBox .defaultAvatar[data-v-639ed2fa]{background-color:#eae9e9;color:#fff;width:100%;height:100%;top:0;left:0}.heartBeat .list .itemBox .content[data-v-639ed2fa]{height:8.8rem;width:18.5rem;margin-left:1.6rem;margin-top:2.4rem;font-size:1.4rem;line-height:2.2rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.heartBeat .btnUnlock[data-v-639ed2fa]{border-radius:415px;background:rgba(15,15,15,.6);-webkit-backdrop-filter:blur(10px) saturate(100%);backdrop-filter:blur(10px) saturate(100%);position:fixed;left:50%;transform:translateX(-50%);height:4.4rem;z-index:200;border:1px solid #fff;padding:0 2.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.4rem;color:#fff;bottom:4.4rem}.heartBeat .btnUnLockBlack[data-v-639ed2fa]{background:#fff;color:#0f0f0f;border:.1rem solid #0f0f0f}.noContent[data-v-639ed2fa]{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.noDataText[data-v-639ed2fa]{text-align:center;font-size:1.6rem;margin-bottom:3.3rem}.pcUseMobileUiPage .tips div.banner[data-v-639ed2fa]{width:100%;height:auto;aspect-ratio:2.14375}.pcUseMobileUiPage .list[data-v-639ed2fa]{grid-template-columns:repeat(2,minmax(0,1fr))}.pcUseMobileUiPage .list .itemBox[data-v-639ed2fa]{width:100%;height:auto;aspect-ratio:.75;cursor:pointer}.pcUseMobileUiPage .list .itemBox .avatar .baseInfo[data-v-639ed2fa],.pcUseMobileUiPage .list .itemBox .avatar .username[data-v-639ed2fa]{position:absolute;right:1rem;bottom:1rem;margin-top:0;white-space:nowrap}.pcUseMobileUiPage .list .itemBox .mask[data-v-639ed2fa]{width:100%;height:100%}