.settings-root.data-v-2f058983 { width: 100vw; height: 100vh; background: #f8fafb; display: flex; flex-direction: column; } .settings-list.data-v-2f058983 { background: #fff; padding: 0 40rpx; } .mt-30.data-v-2f058983 { margin-top: 30rpx; } .item-row.data-v-2f058983 { display: flex; justify-content: space-between; align-items: center; min-height: 110rpx; border-bottom: 2rpx solid #f9f9f9; } .item-row.data-v-2f058983:last-child { border-bottom: none; } .avatar-row.data-v-2f058983 { height: 180rpx; } .item-label.data-v-2f058983 { font-size: 32rpx; color: #333; } .item-right.data-v-2f058983 { display: flex; align-items: center; } .avatar-wrapper.data-v-2f058983 { position: relative; width: 110rpx; height: 110rpx; margin-right: 20rpx; } .avatar-img.data-v-2f058983 { width: 110rpx; height: 110rpx; border-radius: 50%; background: #eee; } .avatar-uploading.data-v-2f058983 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; } .uploading-text.data-v-2f058983 { font-size: 20rpx; color: #fff; } .item-value.data-v-2f058983 { font-size: 30rpx; color: #666; margin-right: 15rpx; } .item-value.readonly.data-v-2f058983 { color: #aaa; margin-right: 0; } .icon-more.data-v-2f058983 { width: 14rpx; height: 14rpx; border-top: 3rpx solid #ccc; border-right: 3rpx solid #ccc; transform: rotate(45deg); } .footer-bar.data-v-2f058983 { padding: 40rpx; margin-top: auto; padding-bottom: calc(40rpx + env(safe-area-inset-bottom)); } .btn-confirm.data-v-2f058983 { width: 100%; height: 90rpx; background: #C1001C; color: #fff; border-radius: 45rpx; font-size: 32rpx; font-weight: bold; display: flex; align-items: center; justify-content: center; }