.user-profile-main{width:100%;height:90vh;color:var(--color-text);justify-content:space-around;align-items:flex-start;display:flex;overflow-y:auto}.user-profile-main img{object-fit:cover}@media (width<=850px){.user-profile-main .col-profile-top-cont-place{height:70%!important}.user-profile-main .col-profile-2-content{width:97%!important}}.user-profile-main .col-profile-1{text-align:center;border-radius:30px;flex-direction:column;flex:1.2;justify-content:center;align-items:center;width:100%;height:78vh;padding:.2rem;display:flex;position:sticky;top:0}.user-profile-main .col-profile-1 .col-profile-1-dad{border-radius:20px;width:80%;height:95%}.user-profile-main .col-profile-1 .col-profile-1-dad .title{color:var(--color-cale-text);border-radius:20px 20px 0 0;padding:.3rem}.user-profile-main .col-profile-1 .col-profile-1-dad .user-recycle-scroller{height:92%}.user-profile-main .col-profile-1 .col-profile-1-dad .user-recycle-scroller .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view>div:first-child{padding:.25rem}.user-profile-main .hover-upload-bg{z-index:10;opacity:0;border-radius:30px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.5rem;font-weight:500;transition:all .4s;display:flex;position:absolute}.user-profile-main .hover-upload-bg:hover{opacity:1;background-color:#00000080}.user-profile-main .col-profile-2{flex:2;justify-content:center;width:100%;height:auto;padding:.2rem;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content{border-radius:30px;flex-direction:column;width:90%;height:100%;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont{-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px 30px 0 0;flex-direction:column;width:100%;height:3.4rem;min-height:3.4rem;max-height:3.4rem;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont:before{content:"";background:linear-gradient(90deg,#141313b3 30%,#0000 70%);border-radius:30px 30px 0 0;position:absolute;inset:0}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place{flex-direction:column;justify-content:space-between;align-items:flex-start;height:60%;display:flex;position:absolute;bottom:10%;left:.3rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-data-div{justify-content:flex-start;align-items:center;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-head-img-div{border-radius:50%;position:relative}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-head-img-div .hover-upload{z-index:100;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:.25rem;font-weight:500;transition:all .4s;display:flex;position:absolute}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-head-img-div .hover-upload:hover{opacity:1;background-color:#00000080}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list{color:#b7b7b7;flex-wrap:wrap;justify-content:flex-start;align-items:center;font-size:.28rem;font-weight:500;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list .col-count{text-align:center}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list .col-count .count{color:#fff;margin-left:.12rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .col-count-list .col-count .fg{margin:.2rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant{z-index:11;flex-direction:column;justify-content:center;margin-left:.1rem;font-weight:500;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-relevant-1{align-items:center;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-relevant-1 .user-nick-name{color:#e2e2e2;font-size:.3rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-relevant-2{color:#cbcbcb;align-items:center;margin-top:.2rem;font-size:.2rem;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-address{color:#cbcbcb;background-color:#5f5f5f4d;border-radius:6px;align-items:center;margin-left:.2rem;padding:.05rem .1rem;font-size:.2rem;font-weight:500;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-address span{top:1px}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-top-cont .col-profile-top-cont-place .user-relevant .user-address .icon{fill:#cbcbcb;width:.2rem;height:.3rem;margin-right:.05rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab{width:100%;height:1.3rem;min-height:1.3rem;max-height:1.3rem;color:var(--color-cale-text);-webkit-user-select:none;user-select:none;border-radius:0 0 25px 25px;justify-content:flex-start;align-items:center;margin-top:.05rem;font-size:.3rem;font-weight:500;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span{align-items:center;margin-left:.2rem;padding:.2rem;display:flex;position:relative}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span .el-icon{left:2px}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span:hover{color:var(--font-background-webkit)}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span:after{content:"";background:var(--color-cale-text);border-radius:30px;width:0;height:2px;transition:width .5s,left .5s;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span:hover:after{width:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span.active{color:var(--font-background-webkit)}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span.active:after{width:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content{z-index:10;flex-grow:1;width:100%;min-height:60vh;margin-top:.3rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .content-transition{width:100%;height:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .private-icon{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .private-icon span{color:var(--color-cale-text);margin-top:.3rem;font-size:.35rem;font-weight:500}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-content .private-icon .icon{width:30%;fill:var(--color-background-mute)}@media (width<=1180px){.user-profile-main{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.2rem}.user-profile-main .col-profile-2{flex:none;order:1;width:100%}.user-profile-main .col-profile-1{flex:none;order:2;width:100%;height:72vh;min-height:7rem;padding-top:0;position:relative;top:auto}.user-profile-main .col-profile-1 .col-profile-1-dad{width:90%;height:100%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow:auto hidden}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab::-webkit-scrollbar{display:none}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span{white-space:nowrap;flex:none}}@media (width<=850px){.user-profile-main{height:auto;min-height:90vh;overflow-y:visible}.user-profile-main .col-profile-1,.user-profile-main .col-profile-2{padding:.12rem}.user-profile-main .col-profile-1{height:75vh;min-height:8rem}.user-profile-main .col-profile-1 .col-profile-1-dad{width:97%}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab{box-sizing:border-box;padding:0 .12rem;font-size:.26rem}.user-profile-main .col-profile-2 .col-profile-2-content .col-profile-tab span{margin-left:.08rem;padding:.18rem .16rem}}