.page-content[data-v-31a20f0c]{flex:1;overflow:auto;position:relative}.page-content .user-base[data-v-31a20f0c]{position:relative}.page-content .user-base .bg-wrap[data-v-31a20f0c]{display:flex;flex-direction:column;align-items:center}.page-content .user-base .user-bottom[data-v-31a20f0c]{width:100%;padding:1rem}.page-content .user-base .user-bottom .user-data[data-v-31a20f0c]{display:flex;align-items:center}.page-content .user-base .user-bottom .user-data>div[data-v-31a20f0c]{flex:1;font-size:.875rem;display:flex;align-items:center;justify-content:center;color:#fff}.page-content .user-base .user-bottom .user-desc[data-v-31a20f0c]{margin-top:.375rem;color:#fff;font-size:.875rem;word-wrap:break-word}.page-content .user-base .page-top[data-v-31a20f0c]{width:100%;position:fixed;top:calc(var(--safe-area-top));left:0;z-index:100}.page-content .user-base .user-info[data-v-31a20f0c]{padding:calc(var(--safe-area-top) + 2.75rem) .75rem .75rem;text-align:center}.page-content .user-base .user-info .info-top[data-v-31a20f0c]{display:inline-block;text-align:center}.page-content .user-base .user-info .info-top .avatar[data-v-31a20f0c]{width:4.6875rem;height:4.6875rem;border-radius:50%;overflow:hidden;display:block}.page-content .user-base .user-info .info-top .avatar img[data-v-31a20f0c]{width:100%;height:100%;object-fit:cover;border-radius:50%}.page-content .user-base .user-info .info-bottom[data-v-31a20f0c]{text-align:center}.page-content .user-base .user-info .info-bottom .user-name[data-v-31a20f0c]{color:#fff;font-size:1.125rem;font-weight:700}.page-content .page-main-top[data-v-31a20f0c]{padding:.75rem;background:#fff}.page-content .page-main-top .sort-section[data-v-31a20f0c]{display:flex;align-items:center}.page-content .page-main-top .sort-section .sort-section-title[data-v-31a20f0c]{font-size:.875rem;font-weight:700}.page-content .page-main-top .sort-section .sort-section-list[data-v-31a20f0c]{display:inline-flex}.page-content .page-main-top .sort-section .sort-section-list .list-item[data-v-31a20f0c]{font-size:.8125rem;padding:.125rem .625rem}.page-content .page-main-top .sort-section .sort-section-list .actived[data-v-31a20f0c]{color:var(--theme-color)}[data-v-31a20f0c] .van-tabs{padding:0}[data-v-31a20f0c] .van-tabs .van-tabs__wrap{display:inline-flex}[data-v-31a20f0c] .van-tabs .van-tabs__wrap .van-tabs__nav{display:inline-flex;padding:0}[data-v-31a20f0c] .van-tabs .van-tabs__wrap .van-tabs__nav .van-tab{padding-bottom:0;font-size:.875rem;padding:0 .75rem;height:2rem;margin-right:.75rem}[data-v-31a20f0c] .van-tabs .van-tabs__wrap .van-tabs__nav .van-tabs__line{display:none}[data-v-31a20f0c] .van-tabs .van-tabs__wrap .van-tabs__nav .van-tab--active{background:var(--theme-color);border-radius:.875rem}.data-list[data-v-31a20f0c]{padding:0 .75rem}.avatar-btn[data-v-31a20f0c]{position:relative}.avatar-btn .btn-follow[data-v-31a20f0c]{background:var(--theme-color)}.avatar-btn .btn-follow[data-v-31a20f0c],.avatar-btn .btn-followed[data-v-31a20f0c]{display:inline-block;width:3.375rem;height:1.5rem;line-height:1.5rem;text-align:center;color:#fff;border-radius:.3125rem;font-size:.75rem}.avatar-btn .btn-followed[data-v-31a20f0c]{background:#999}