.edit-profile-container.data-v-7e5a80f3 { min-height: 100vh; background: #f5f6fb; padding: 30rpx; } .edit-header.data-v-7e5a80f3 { text-align: center; padding: 40rpx 0; } .header-title.data-v-7e5a80f3 { font-size: 40rpx; font-weight: bold; color: #222; } .edit-form.data-v-7e5a80f3 { background: #fff; border-radius: 20rpx; padding: 40rpx; margin-bottom: 40rpx; } .form-item.data-v-7e5a80f3 { display: flex; align-items: center; padding: 30rpx 0; border-bottom: 1rpx solid #f0f0f0; } .form-item.data-v-7e5a80f3:last-child { border-bottom: none; } .item-label.data-v-7e5a80f3 { width: 150rpx; font-size: 32rpx; color: #333; font-weight: 500; } .avatar-btn.data-v-7e5a80f3 { flex: 1; display: flex; align-items: center; justify-content: space-between; background: transparent; border: none; padding: 0; margin: 0; line-height: normal; } .avatar-btn.data-v-7e5a80f3::after { border: none; } .avatar-preview.data-v-7e5a80f3 { width: 120rpx; height: 120rpx; border-radius: 50%; background: #f0f0f0; } .change-text.data-v-7e5a80f3 { font-size: 28rpx; color: #5d55e8; } .item-input.data-v-7e5a80f3 { flex: 1; height: 80rpx; font-size: 32rpx; color: #333; text-align: right; } .item-value.data-v-7e5a80f3 { flex: 1; font-size: 32rpx; color: #999; text-align: right; } .action-area.data-v-7e5a80f3 { padding: 0 40rpx; } .save-btn.data-v-7e5a80f3 { width: 100%; height: 90rpx; background: linear-gradient(135deg, #5d55e8, #7568ff); color: #fff; font-size: 32rpx; border-radius: 45rpx; border: none; box-shadow: 0 12rpx 24rpx rgba(93, 85, 232, 0.4); line-height: 90rpx; } .save-btn.data-v-7e5a80f3:active { opacity: 0.9; }