body{background:#f2f3f7}.banner{background:rgba(0,0,0,.3);color:#fff;display:flex;height:16vw;align-items:center;padding:0 4.26667vw}.banner--fixed{position:fixed;left:0;top:0;width:100%;z-index:100}.banner__left{flex:1;display:flex;align-items:center}.banner__btn{display:flex;align-items:center;height:9.6vw;line-height:9.6vw;justify-content:center;border-radius:1.06667vw;font-size:3.46667vw;padding:0 3.2vw;background:linear-gradient(114deg,#ef1235 0%,#ef126e 100%)}.banner__logo{-o-object-fit:cover;object-fit:cover;width:9.6vw;height:9.6vw;margin-right:2.13333vw}.banner__text{flex:1;height:9.6vw;display:flex;flex-direction:column;justify-content:space-between}.banner__title{font-size:4.26667vw}.banner__desc{font-size:2.93333vw;color:#fffc}.base{background-repeat:no-repeat;background-position:center;background-size:cover;background-image:linear-gradient(132deg,#7e1022 -7%,#212269 100%);color:#fff;padding:21.33333vw 4.26667vw 7.46667vw}.base__user{display:flex;align-items:center}.base__avatar{width:17.6vw;height:17.6vw;border-radius:100%;margin-right:2.13333vw;border:solid 1px #fff}.base__text{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.base__nickname{font-size:4.53333vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base__motto{font-size:3.2vw;color:#fff9;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.base__total{display:flex;align-items:center;margin-top:5.33333vw}.base__total-item{min-width:13.86667vw;margin-right:3.2vw}.base__number{font-size:4.26667vw}.base__label{font-size:3.2vw;color:#fff9}.posts__tabs{display:flex;align-items:center;justify-content:center;border-radius:2.13333vw 2.13333vw 0 0;background:#fff;margin-top:-2.13333vw;font-size:4vw}.posts__tab{margin:0 6.4vw;height:11.2vw;line-height:11.2vw}.posts__tab--active{color:#ef1235;border-radius:.53333vw;border-bottom:solid .53333vw #ef1235}.posts__content{display:flex;padding:3.2vw 4.26667vw;justify-content:space-between;gap:3.2vw}.posts__item{flex:1;border-radius:2.13333vw;overflow:hidden;background:#fff;margin-bottom:3.2vw}.posts__cover{display:block;width:100%}.posts__text{padding:3.2vw 2.13333vw}.posts__title{font-size:3.46667vw;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.posts__nodata{width:26.66667vw;height:26.66667vw;background:url(https://i.cmoscool.com/share-astroimg/prod@1.0.8/images/nodata_common.svg) no-repeat scroll center;background-size:cover;margin:5.33333vw auto}.posts__extra{display:flex;align-items:center;margin-top:2.13333vw}.posts__extra-l{display:flex;font-size:2.66667vw;align-items:center;color:#777;margin-right:2.66667vw}.posts__avatar{width:4.26667vw;height:4.26667vw;border-radius:100%;margin-right:1.06667vw}.posts__nickname{width:24vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts__extra-r{flex:1;display:flex;align-items:center;font-size:3.2vw;color:#bdbdbd}.posts__like{width:4.26667vw;height:4.26667vw;background:url(https://i.cmoscool.com/share-astroimg/prod@1.0.8/images/icon_like.svg) no-repeat scroll center;background-size:cover;margin-left:.53333vw}.posts__like--active{background:url(https://i.cmoscool.com/share-astroimg/prod@1.0.8/images/icon_like-on.svg) no-repeat scroll center;background-size:cover}.button{width:54.66667vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(104deg,#ef1235 0%,#ef126e 99%);color:#fff;font-size:4.26667vw;height:13.86667vw;border-radius:2.13333vw}.button--fixed{position:fixed;left:50%;transform:translate(-50%);bottom:3.2vw;bottom:calc(3.2vw + constant(safe-area-inset-bottom));bottom:calc(3.2vw + env(safe-area-inset-bottom))}