.postsComp{width:100%;height:58vh;color:var(--color-cale-text);font-weight:500;display:flex}@media (width<=850px){.postsComp{flex-direction:column}.postsComp .hao-ul-tab{flex-direction:row!important}.postsComp .hao-ul-tab li{width:15%!important}.postsComp .content-flex-2{height:90%!important}}.postsComp .content-flex-1{flex:.5}.postsComp .content-flex-1,.postsComp .content-flex-2{justify-content:center;align-items:flex-start;display:flex}.postsComp .content-flex-2{flex:2;width:100%;height:100%}.postsComp .content-flex-2 .posts-comp-user-relevant{border-radius:30px;width:97%;height:100%;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller{border-radius:30px;flex-grow:1}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view>div:first-child{padding:.25rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .nuxt-link-top{z-index:10;border-radius:25px;width:100%;height:100%;position:absolute;top:0}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list{border-radius:25px;flex-direction:column;align-items:flex-start;min-height:1.7rem;padding:.15rem;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list:hover{box-shadow:inset 2px 2px 12px var(--col-bg-start),-2px -2px 12px var(--col-bg-end)}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list.is-owner-managed{padding-bottom:.62rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-chip{border:1px solid var(--profile-surface-border);white-space:nowrap;z-index:20;-webkit-user-select:none;user-select:none;border-radius:999px;align-self:flex-start;align-items:center;gap:.06rem;margin:.12rem 0 0 .2rem;padding:.03rem .14rem;font-size:.22rem;font-weight:600;line-height:1.6;display:inline-flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-chip:before{content:"";background:currentColor;border-radius:50%;flex:none;width:.1rem;height:.1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-chip.is-auditing{color:var(--profile-audit-text);background:color-mix(in srgb,var(--profile-audit-text) 12%,#0000)}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-chip.is-offline{color:var(--profile-offline-text);background:color-mix(in srgb,var(--profile-offline-text) 12%,#0000)}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-del{z-index:20;appearance:none;border:1px solid var(--profile-surface-border);width:.56rem;height:.56rem;color:var(--profile-danger-text);opacity:0;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .22s,transform .22s,background-color .22s;display:inline-flex;position:absolute;bottom:.14rem;right:.2rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-del .posts-owner-del__icon{fill:currentColor;width:.26rem;height:.26rem;display:block}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-del:hover{background:var(--profile-danger-hover-bg)}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-del:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list:focus-within .posts-owner-del,.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list:hover .posts-owner-del{opacity:1}}@media (hover:none),(pointer:coarse){.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-del{opacity:1}}@media (prefers-reduced-motion:reduce){.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-owner-del{transition:none}}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information{z-index:20;justify-content:center;margin-top:.2rem;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-head-img{border:2px solid var(--fc-background-webkit);border-radius:50%;width:1rem;min-width:1rem;height:1rem;min-height:1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-relevant-div{justify-content:space-around;align-items:center;margin-left:.2rem;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-relevant-div .user-nick-name{color:var(--color-text);font-size:.3rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .user-information .user-relevant-div .user-relevant-div-ul{color:var(--color-cale-text);padding-left:.5rem;font-size:.24rem;list-style-type:disc!important}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-title{color:var(--color-text);margin-top:.1rem;margin-left:.2rem;font-size:.3rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-content{margin-top:.1rem;margin-left:.2rem;font-size:.25rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count{justify-content:space-around;width:4rem;display:flex;position:absolute;top:.2rem;right:.3rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count .posts-count-son{justify-content:center;align-items:center;width:33%;font-size:.25rem;font-weight:500;display:flex}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count .posts-count-son span{margin-left:.1rem}.postsComp .content-flex-2 .posts-comp-user-relevant .user-recycle-scroller .posts-list .posts-count .posts-count-son .avg-icon{fill:var(--color-cale-text);width:.3rem}