.settings-page[data-v-b33bea50]{min-height:100vh;background:#fff;padding-bottom:20 0;box-sizing:border-box}.settings-page .header-banner[data-v-b33bea50]{position:relative;width:100%;height:3.33333rem;overflow:hidden}.settings-page .header-banner .banner-img[data-v-b33bea50]{width:100%;height:100%;object-fit:cover}.settings-page .header-banner[data-v-b33bea50]:after{content:"";position:absolute;z-index:10;bottom:0;left:0;width:100%;height:.26667rem;background-color:#fff;border-radius:.26667rem .26667rem 0 0}.settings-page .user-card[data-v-b33bea50]{position:relative;z-index:20;display:flex;align-items:center;padding:0 .4rem;margin-top:-.66667rem}.settings-page .user-card .avatar-wrapper[data-v-b33bea50]{width:1.86667rem;height:1.86667rem;background-color:#fff;border-radius:50%;overflow:hidden;border:.05333rem solid #f84;box-sizing:border-box;box-shadow:0 0 .13333rem 0 rgba(0,0,0,.2);flex-shrink:0}.settings-page .user-card .avatar-wrapper .avatar[data-v-b33bea50]{width:100%;height:100%;object-fit:cover}.settings-page .user-card .nickname[data-v-b33bea50]{margin-top:.4rem;flex:1;margin-left:.4rem;font-size:.56rem;color:#333;font-weight:700}.settings-page .menu-list[data-v-b33bea50]{margin:0 .4rem}.settings-page .menu-list .menu-item[data-v-b33bea50]{display:flex;align-items:center;justify-content:space-between;padding:.50667rem .13333rem;background:#fff;cursor:pointer;transition:background .3s;border-bottom:.01333rem solid hsla(0,0%,60%,.49019607843137253)}.settings-page .menu-list .menu-item[data-v-b33bea50]:active{background:#f9f9f9}.settings-page .menu-list .menu-item[data-v-b33bea50]:last-child{border-bottom:none}.settings-page .menu-list .menu-item .menu-left[data-v-b33bea50]{display:flex;align-items:center}.settings-page .menu-list .menu-item .menu-left .menu-icon[data-v-b33bea50]{width:.46667rem;height:.46667rem;margin-right:.26667rem}.settings-page .menu-list .menu-item .menu-left .menu-text[data-v-b33bea50]{font-size:.4rem;color:#000;font-weight:400}.settings-page .menu-list .menu-item .arrow-icon[data-v-b33bea50]{width:.16rem;height:.21333rem}.settings-page .menu-list .gray[data-v-b33bea50]{filter:grayscale(1)}.settings-page .logout-wrapper[data-v-b33bea50]{margin:.66667rem .4rem}.settings-page .logout-wrapper .logout-button[data-v-b33bea50]{height:1.28rem;background:linear-gradient(135deg,#ff8144,#ff5a4a);border:none;font-size:.45333rem;color:#fff;font-weight:500;border-radius:.66667rem;box-shadow:0 .16rem .32rem rgba(255,125,80,.3)}.settings-page .logout-wrapper .logout-button[data-v-b33bea50]:active{background:linear-gradient(135deg,#ff6f3a,#ff3f3f)}.settings-page .logout-wrapper .logout-desc[data-v-b33bea50]{margin-top:.26667rem;text-align:center;font-size:.34667rem;color:#999;line-height:1.5}