.user_top_wrapper.data-v-4bd6864f { margin-bottom: 54px; padding: 0 10px; position: relative; box-sizing: border-box; } .bg.data-v-4bd6864f { display: block; width: 100%; height: 200px; border-radius: 40px; } .user_avatar_wrapper.data-v-4bd6864f { position: absolute; left: 50%; transform: translateX(-50%); bottom: -38px; width: 140px; height: 140px; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } .user_avatar_wrapper .avatar.data-v-4bd6864f { display: block; width: 140px; height: 140px; border-radius: 50%; } .user_name.data-v-4bd6864f { width: 100%; font-size: 16px; line-height: 36px; text-align: center; color: rgba(166, 166, 166, 1); } .user_menu.data-v-4bd6864f { margin-top: 20px; padding: 0 24px; box-sizing: border-box; } .menu_item.data-v-4bd6864f { position: relative; margin-bottom: 20px; width: 100%; height: 60px; border-radius: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); font-size: 16px; font-weight: 600; color: #000000; text-align: center; line-height: 60px; } .icon_wrapper.data-v-4bd6864f { position: absolute; width: 50px; height: 50px; border-radius: 50%; background-color: rgba(245, 245, 247, 1); left: 8px; top: 50%; transform: translateY(-50%); } .icon_wrapper .iconfont.data-v-4bd6864f { font-size: 24px !important; text-align: center; line-height: 50px; } .mask.data-v-4bd6864f { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); } .mask .dialog.data-v-4bd6864f { margin: 100px auto 0; width: calc(100% - 40px); min-height: calc(100vh - 200px); background: #fff; border-radius: 36px; padding: 0 20px 18px; box-sizing: border-box; } .dialog_title.data-v-4bd6864f { display: block; height: 60px; line-height: 60px; text-align: center; } .content_scroll_wrapper.data-v-4bd6864f { height: calc(100% - 78px); overflow-y: scroll; } .mask .edit_dialog.data-v-4bd6864f { margin: 220px auto 0; height: 220px; min-height: auto; } .username_input.data-v-4bd6864f { padding: 20px; box-sizing: border-box; } .username_input input.data-v-4bd6864f { padding: 0 12px; box-sizing: border-box; font-size: 16px; border-radius: 5px; width: 100%; height: 48px; background: rgba(235, 235, 235, 0.53); } .btn_wrapper.data-v-4bd6864f { padding: 0 40px; box-sizing: border-box; } .btn_wrapper .submit_btn.data-v-4bd6864f { width: 100%; height: 48px; border-radius: 24px; color: #fff; background: linear-gradient(270deg, rgba(255, 153, 71, 1) 0%, rgba(242, 52, 255, 1) 57.29%, rgba(243, 64, 125, 1) 83.14%, rgba(243, 67, 98, 1) 100%); }