.user-profile-main{width:100%;height:auto;min-height:calc(100dvh - 2rem);max-height:none;color:var(--color-text);justify-content:space-around;align-items:flex-start;display:flex;overflow:visible}.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{box-sizing:border-box;text-align:center;border-radius:30px;flex-direction:column;flex:1.2;justify-content:center;align-self:flex-start;align-items:center;width:100%;height:calc(100dvh - 2rem);min-height:0;max-height:calc(100dvh - 2rem);padding:.2rem;display:flex;position:sticky;top:0;overflow:hidden}.user-profile-main .col-profile-1 .col-profile-1-dad{isolation:isolate;border-radius:20px;flex-direction:column;width:80%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.user-profile-main .col-profile-1 .col-profile-1-dad .title{color:var(--color-cale-text);border-radius:20px 20px 0 0;flex:none;margin: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 .col-profile-1 .col-profile-1-dad .profile-wallpaper-first-frame{align-items:flex-start;overflow:hidden auto}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry{text-align:start;flex:auto;height:auto;min-height:0;block-size:auto!important}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry .hao-virtual-masonry__item{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry .hao-virtual-masonry__stage.is-virtual .hao-virtual-masonry__item{contain:layout style}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry .hao-virtual-masonry__item:not(.is-entering):focus-within,.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry .hao-virtual-masonry__item:not(.is-entering):hover{z-index:2}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-card{box-sizing:border-box;width:100%;height:100%;box-shadow:none;transform-origin:50%;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:30px;transition:transform .5s;display:block;overflow:visible}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-card>.hao-virtual-media{border-radius:inherit;background:0 0;overflow:hidden;box-shadow:0 0 18px #00000047}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-card>.hao-virtual-media>img,.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-card>.hao-virtual-media>video{transition:opacity .2s ease-in}@media (hover:hover) and (pointer:fine){.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry .hao-virtual-masonry__item:not(.is-entering) .profile-wallpaper-card:hover{transform:scale(1.05)}}@media (hover:none),(pointer:coarse){.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-card{transition:transform .18s ease-out}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry .hao-virtual-masonry__item:not(.is-entering) .profile-wallpaper-card:active{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-card{transition:none}}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-masonry .hao-virtual-masonry__status{box-sizing:border-box;block-size:48px;padding:6px 12px}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-terminal.dynamic-item-bottom{box-sizing:border-box;border:1px dotted color-mix(in srgb,var(--color-cale-text) 58%,#0000);width:100%;height:34px;color:var(--color-cale-text);background:color-mix(in srgb,var(--hao-bg-bag) 36%,#0000);border-radius:17px;font-size:13px;font-weight:500;line-height:32px}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination{box-sizing:border-box;flex:none;padding:0 12px;position:static!important}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-text) 10%,#0000);background:color-mix(in srgb,var(--hao-bg-bag) 68%,#0000);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;max-width:100%;min-height:38px;text-shadow:none;border-radius:999px;gap:5px;margin:8px auto;padding:4px 7px;font-size:14px;box-shadow:0 0 14px #00000024;color:color-mix(in srgb,var(--color-text) 86%,#0000)!important}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination div{margin:0}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .page-content{flex-wrap:nowrap;gap:5px}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .current,.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .isDefault,.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .nav-btn{aspect-ratio:1;background:0 0;border-radius:50%;width:28px;min-width:28px;height:28px;margin:0;line-height:28px}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .current{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 14%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 20%,#0000),0 0 8px #0000001f!important}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .ellipsis{opacity:.56;width:14px;min-width:14px;height:28px;margin:0;line-height:24px}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .go-btn{border-radius:999px;width:34px;min-width:34px;font-size:12px}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination .disabled{opacity:.3}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-pagination .hao-pagination div:not(.disabled):not(.ellipsis):not(.page-content):hover{background:color-mix(in srgb,var(--color-text) 11%,#0000)!important}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-retry{color:var(--color-text);background:var(--color-background-mute);cursor:pointer;border:0;border-radius:.12rem;margin:.2rem auto;padding:.12rem .24rem}.user-profile-main .col-profile-1 .col-profile-1-dad .profile-wallpaper-retry:disabled{cursor:wait;opacity:.65}.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{box-sizing:border-box;flex:2;justify-content:center;align-self:flex-start;width:100%;height:auto;min-height:0;max-height:none;padding:.2rem;display:flex;overflow:visible}.user-profile-main .col-profile-2 .col-profile-2-content{border-radius:30px;flex-direction:column;width:90%;height:max-content;min-height:0;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;height:auto;min-height:90vh;max-height:none;overflow-y:visible}.user-profile-main .col-profile-2{flex:none;order:1;width:100%;height:auto;max-height:none;overflow:visible}.user-profile-main .col-profile-1{flex:none;order:2;width:100%;height:72vh;min-height:7rem;max-height:none;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}}.profile-wallpaper-pagination .hao-pagination-contained-overlay{z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0b0e47;border-radius:20px;place-items:center;width:100%;height:100%;padding:18px;display:grid;position:absolute;inset:0;overflow:hidden}.profile-wallpaper-pagination .hao-pagination-contained-dialog{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-text) 10%,#0000);background:color-mix(in srgb,var(--color-background-one) 84%,#0000);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;width:min(5rem,100% - 36px);margin:0;padding:16px;position:relative;box-shadow:0 0 18px #0003}.profile-wallpaper-pagination .hao-pagination-contained-dialog .isDiaSon{flex-direction:column;align-items:center;width:100%;font-size:.3rem;display:flex}.profile-wallpaper-pagination .hao-pagination-contained-dialog .isDiaSon .elPageDialog{color:var(--font-color-solid);justify-content:center;align-items:center;display:flex}.profile-wallpaper-pagination .hao-pagination-contained-dialog .isDiaSon .elPageDialog span{margin-left:5px;font-weight:500}.profile-wallpaper-pagination .hao-pagination-contained-dialog .isDiaSon>div:nth-child(2){margin-top:30px}.profile-wallpaper-pagination .hao-pagination-contained-dialog .isButtonTwo{box-shadow:0 0 8px #0000003d}.profile-wallpaper-pagination .hao-pagination-contained-close{width:26px;height:26px;color:color-mix(in srgb,var(--color-text) 68%,#0000);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:20px;line-height:26px;position:absolute;top:8px;right:10px}#root-el.lightBody .profile-wallpaper-card>.hao-virtual-media{box-shadow:0 0 12px #2c3e5017}#root-el.lightBody .profile-wallpaper-pagination .hao-pagination{box-shadow:0 0 10px #2c3e5014}#root-el.lightBody .profile-wallpaper-pagination .hao-pagination .current{box-shadow:inset 0 0 0 1px #2c3e501a,0 0 7px #2c3e5014!important}#root-el.lightBody .profile-wallpaper-pagination .hao-pagination-contained-overlay{background:#eff2f54d}#root-el.lightBody .profile-wallpaper-pagination .hao-pagination-contained-dialog{background:#f2f4f6c2;box-shadow:0 0 14px #2c3e501a}#root-el.lightBody .profile-wallpaper-pagination .hao-pagination-contained-dialog .isButtonTwo{color:#2c3e50d1;box-shadow:0 0 7px #2c3e501a}#root-el.darkBody .profile-wallpaper-card>.hao-virtual-media{box-shadow:0 0 18px #00000052}#root-el.darkBody .profile-wallpaper-pagination .hao-pagination{box-shadow:0 0 14px #0000002e}