@font-face{font-family:YouSheBiaoTiHei;src:local('PingFang SC'),local('Microsoft YaHei')}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#05081a;font-family:'HarmonyOS Sans SC','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased;color:#fff;touch-action:manipulation;overscroll-behavior:none}.app-container{position:relative;width:100%;max-width:600px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden;background-color:#05081a;display:flex;flex-direction:column}@media (min-width:600px){.app-container{height:9.34rem;border-radius:.3rem;box-shadow:0 0 20px rgba(0,0,0,.5);margin-top:50px;border:8px solid #111}}.app-container::-webkit-scrollbar{display:none}.bg-main{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.scroll-area{flex:1;position:relative;z-index:10;width:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:1.2rem}.scroll-area::-webkit-scrollbar{display:none}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:.2rem .25rem .15rem;z-index:50;position:relative;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:.26rem}.nav-item{font-size:.18rem;font-weight:400;cursor:pointer}.text-gray{color:#dbddf9}.text-white{color:#fff}.nav-item-active{display:flex;flex-direction:column;align-items:center;cursor:pointer}.nav-item-active .text-white{font-size:.2rem;font-weight:500;line-height:1}.active-indicator{width:.26rem;height:.04rem;border-radius:.04rem;background:linear-gradient(90deg,#def4fd 0,#c1a6fc 100%);margin-top:.04rem}.ic-menu{width:.18rem;height:.18rem;opacity:.8}.radar-map{position:absolute;top:-.6rem;left:0;width:100%;height:4rem;pointer-events:none;z-index:0}.radar-user{position:absolute;border-radius:50%;border:1px solid #dadefd;background:rgba(147,160,251,.9);display:flex;align-items:center;justify-content:center}.radar-user img{border-radius:50%;object-fit:cover}.user-1{top:.93rem;left:70.6%;width:.86rem;height:.86rem}.user-1 img{width:.82rem;height:.82rem}.user-2{top:2.12rem;left:40.3%;width:.5rem;height:.5rem}.user-2 img{width:.46rem;height:.46rem}.user-3{top:1.83rem;left:58.7%;width:.66rem;height:.66rem}.user-3 img{width:.62rem;height:.62rem}.user-4{top:1.95rem;left:80.3%;width:.64rem;height:.64rem}.user-4 img{width:.6rem;height:.6rem}.user-5{top:1.12rem;left:48.2%;width:.56rem;height:.56rem}.user-5 img{width:.52rem;height:.52rem}.user-6{top:2.64rem;left:66.4%;width:.59rem;height:.59rem}.user-6 img{width:.55rem;height:.55rem}.distance-tag{position:absolute;padding:.01rem .08rem;background:rgba(86,76,219,.5);border-radius:.12rem;font-size:.1rem;color:#fff}.dist-2{top:2.61rem;left:40.3%}.dist-3{top:2.48rem;left:60.7%}.dist-4{top:2.57rem;left:82.3%}.dist-5{top:1.67rem;left:49.2%}.dist-6{top:3.22rem;left:67.6%}.hero-section{padding:0 .23rem;margin-top:.15rem;position:relative;z-index:10;pointer-events:none}.hero-title{font-size:.36rem;font-weight:400;line-height:1.1;font-family:YouSheBiaoTiHei,sans-serif;text-shadow:0 4px 7px rgba(12,0,179,.18)}.hero-subtitle{color:#d5e3ff;font-size:.14rem;margin-top:.04rem;font-weight:500}.online-status{margin-top:.2rem;display:inline-flex;align-items:center;justify-content:center;width:1.11rem;height:.27rem;border-radius:1rem;border:1px solid rgba(162,180,251,.8);background:rgba(138,158,249,.5);box-shadow:inset 4px 1px 13px rgba(82,54,206,.25);pointer-events:auto}.dot-green{width:.08rem;height:.08rem;border-radius:50%;background-color:#03ff88;margin-right:.06rem}.online-text{font-size:.14rem;font-weight:500;line-height:1}.tabs-container{padding:0 .13rem;margin-top:.4rem;display:flex;align-items:center;gap:.1rem;overflow-x:auto;z-index:10;position:relative}.tabs-container::-webkit-scrollbar{display:none}.tab-item{display:flex;align-items:center;justify-content:center;padding:0 .16rem;height:.28rem;background:#dce1fd;border-radius:1rem;white-space:nowrap}.tab-active{border:2px solid #ced4fd}.tab-text{color:#6151bc;font-size:.14rem;font-weight:500;line-height:1}.tab-active .dot-green{width:.1rem;height:.1rem}.arrow-down{width:0;height:0;border-left:.04rem solid transparent;border-right:.04rem solid transparent;border-top:.05rem solid #5e51b9;margin-left:.06rem}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:.08rem;padding:0 .11rem;margin-top:.22rem;position:relative;z-index:10}.grid-card{position:relative;border-radius:.16rem;overflow:hidden;height:1.55rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.grid-card-bg{width:100%;height:100%;object-fit:cover}.grid-overlay{position:absolute;bottom:0;width:100%;height:.55rem;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.85));display:flex;flex-direction:column;justify-content:flex-end;padding:.08rem}.grid-info-row{display:flex;align-items:center;gap:.04rem}.grid-name{font-size:.13rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:.6rem}.grid-age-tag{display:flex;align-items:center;height:.12rem;padding:0 .04rem;border-radius:.06rem;background:rgba(0,191,255,.3);font-size:.09rem;line-height:1}.grid-age-tag .dot-cyan{width:.04rem;height:.04rem;border-radius:50%;background:#01d974;margin-right:.03rem}.grid-dist{display:flex;align-items:center;margin-top:.03rem;font-size:.1rem;color:#e0e6ff}.grid-dist .ic-location{width:.08rem;height:.08rem;margin-right:.02rem;opacity:.9}.bottom-spacer{height:1.2rem}.floating-match{position:absolute;bottom:.9rem;left:50%;z-index:30}.match-btn{width:1.85rem;height:.52rem;background:rgba(0,85,255,.39);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:.26rem;display:flex;align-items:center;padding:0 .08rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.match-avatar-wrapper{width:.37rem;height:.37rem;background:rgba(252,251,252,.6);border-radius:50%;display:flex;align-items:center;justify-content:center}.match-avatar{width:.34rem;height:.34rem;border-radius:50%;object-fit:cover}.match-text-group{margin-left:.1rem;display:flex;flex-direction:column}.match-title{font-size:.14rem;font-weight:700;line-height:1.1}.match-subtitle{color:#e0e6ff;font-size:.12rem;line-height:1.1;margin-top:.02rem}.side-unlock{position:absolute;top:2.78rem;right:0;width:.25rem;height:.7rem;background:#f9b301;border-radius:.125rem 0 0 .125rem;box-shadow:-2px 4px 6px rgba(0,0,0,.25);z-index:40;display:flex;align-items:center;justify-content:center;color:#001c7b;font-size:.12rem;font-weight:500;writing-mode:vertical-lr;letter-spacing:.02rem}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:.8rem;background:#c9d5ff;display:flex;align-items:center;justify-content:space-around;padding:0 .1rem;z-index:20;border-radius:.2rem .2rem 0 0;box-shadow:0 -10px 25px rgba(0,0,0,.1)}@media (min-width:600px){.bottom-nav{border-radius:0 0 .2rem .2rem}}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.04rem}.nav-avatar-container{position:relative;width:.52rem;height:.52rem;border-radius:50%;border:2px solid #7d98f6;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.nav-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.nav-dot-green{position:absolute;bottom:.02rem;right:.02rem;width:.12rem;height:.12rem;background:#03ff88;border:2px solid #fff;border-radius:50%;z-index:5}.nav-text{color:#000;font-size:.12rem;font-weight:500}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(1,16,33,.7);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-box{width:2.92rem;min-height:3.06rem;padding-bottom:.25rem;background:linear-gradient(180deg,#f9ddf1 0,#e4f0ff 100%);border-radius:.36rem;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 20px rgba(0,0,0,.2)}.modal-close{position:absolute;top:.16rem;right:.16rem;width:.24rem;height:.24rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.modal-image{width:1.09rem;height:.82rem;margin-top:.14rem;object-fit:cover}.modal-title{font-size:.33rem;font-weight:700;background:linear-gradient(90deg,#ee608f 0,#b353c4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:.18rem;line-height:1.2}.modal-text-group{margin-top:.2rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.14rem;color:#544f52;font-weight:500}.modal-text-highlight{font-weight:700;color:#81004e}.modal-btn{width:2.32rem;height:.4rem;flex-shrink:0;background:#fa6fbc;border-radius:.2rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.14rem;font-weight:700;margin-top:.25rem;box-shadow:0 4px 6px rgba(250,111,188,.3)}.verify-center{display:flex;justify-content:center;align-items:center;width:100%;margin-top:.4rem}.verify-center{display:flex;justify-content:center;margin-top:.4rem;padding-bottom:.4rem}.verify-card{width:3.58rem;height:5.2rem;background:linear-gradient(180deg,rgba(249,221,241,.99) 0,rgba(228,240,255,.99) 100%);border-radius:.36rem;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:.42rem .21rem;box-sizing:border-box}.verify-icon-bubble{position:absolute;top:-.13rem;left:.02rem;width:.78rem;height:.83rem;object-fit:cover}.verify-icon-heart{position:absolute;top:.42rem;right:.35rem;width:.33rem;height:.33rem;object-fit:cover}.verify-title-main{font-size:.33rem;font-weight:700;margin-left:1.11rem;background:linear-gradient(90deg,#ee608f 0,#b353c4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.05rem}.verify-title{font-size:.19rem;font-weight:500;color:#231911;margin-bottom:.1rem}.verify-instruction{font-size:.19rem;font-weight:500;color:#231911;text-align:left;line-height:1.5;margin-bottom:.08rem}.verify-inline-btn{display:inline-flex;justify-content:center;align-items:center;background:#ca1e77;color:#fff;font-size:.16rem;font-weight:700;border-radius:.08rem;padding:0 .1rem;height:.3rem;vertical-align:middle;margin:0 .05rem}.verify-grid{display:grid;grid-template-columns:1.44rem 1.44rem;gap:.14rem .16rem;margin-bottom:.28rem;align-self:center}.verify-grid-btn{width:1.44rem;height:.4rem;background:#ca1e77;color:#fff;font-size:.16rem;font-weight:700;border-radius:.08rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.verify-cancel-btn{width:3.04rem;height:.4rem;background:#fff;color:#9d9d9d;font-size:.16rem;border-radius:.08rem;display:flex;justify-content:center;align-items:center;cursor:pointer;align-self:center}.verify-warning{font-size:.14rem;color:#e95f94;font-weight:500;text-align:left;line-height:1.5;margin-bottom:.38rem}.recommend-section{display:flex;gap:.08rem;padding:0 .11rem;margin-top:.22rem;position:relative;z-index:10}.recommend-left{flex:1}.recommend-right{width:1.6rem;flex-shrink:0;display:flex;flex-direction:column;gap:.08rem}.recommend-left .grid-card{height:3.18rem!important}.recommend-left .grid-name{max-width:1.5rem!important}.recommend-tag{position:absolute;top:.1rem;left:.1rem;background:linear-gradient(180deg,#a88bff 0,#68a7ff 100%);color:#fff;font-size:.11rem;font-weight:700;width:.36rem;padding:.05rem .04rem;line-height:1.2;text-align:center;border-radius:.08rem;box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:20}.grid-new-tag{display:flex;align-items:center;height:.12rem;padding:0 .04rem;border-radius:.06rem;background:#ff6fa2;font-size:.09rem;line-height:1;color:#fff;margin-left:.04rem}