.settings-root.data-v-8e46f4e9 { width: 100vw; height: 100vh; background: #f8fafb; display: flex; flex-direction: column; } /* 自定义导航栏样式 */ .custom-navbar.data-v-8e46f4e9 { background: #fff; flex-shrink: 0; } .nav-content.data-v-8e46f4e9 { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; } .back-area.data-v-8e46f4e9 { width: 60rpx; height: 44px; display: flex; align-items: center; } .back-arrow.data-v-8e46f4e9 { width: 22rpx; height: 22rpx; border-left: 4rpx solid #333; border-bottom: 4rpx solid #333; transform: rotate(45deg); margin-left: 10rpx; } .nav-title.data-v-8e46f4e9 { font-size: 34rpx; font-weight: bold; color: #333; } .right-placeholder.data-v-8e46f4e9 { width: 60rpx; } .settings-list.data-v-8e46f4e9 { background: #fff; padding: 0 40rpx; } .mt-30.data-v-8e46f4e9 { margin-top: 30rpx; } .item-row.data-v-8e46f4e9 { display: flex; justify-content: space-between; align-items: center; min-height: 110rpx; border-bottom: 2rpx solid #f9f9f9; } .item-row.data-v-8e46f4e9:last-child { border-bottom: none; } .avatar-row.data-v-8e46f4e9 { height: 180rpx; } .item-label.data-v-8e46f4e9 { font-size: 32rpx; color: #333; } .item-right.data-v-8e46f4e9 { display: flex; align-items: center; } .avatar-img.data-v-8e46f4e9 { width: 110rpx; height: 110rpx; border-radius: 50%; background: #eee; margin-right: 20rpx; } .item-value.data-v-8e46f4e9 { font-size: 30rpx; color: #666; margin-right: 15rpx; } .item-value.readonly.data-v-8e46f4e9 { color: #aaa; margin-right: 0; } .icon-more.data-v-8e46f4e9 { width: 14rpx; height: 14rpx; border-top: 3rpx solid #ccc; border-right: 3rpx solid #ccc; transform: rotate(45deg); } .footer-bar.data-v-8e46f4e9 { padding: 40rpx; margin-top: auto; padding-bottom: calc(40rpx + env(safe-area-inset-bottom)); } .btn-confirm.data-v-8e46f4e9 { 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; }