.personalInformation {
    width: 100%;
    height: 100%;
    padding: 24rpx 32rpx;
    box-sizing: border-box;
    background-color: #F5F7FB;

    .card {
        width: 100%;
        background-color: #FFFFFF;
        border-radius: 24rpx;
        padding: 0 32rpx;
        box-sizing: border-box;

        .row {
            width: 100%;
            height: 114rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 2rpx solid #EAECF1;

            &:last-of-type {
                border-bottom: none;
            }

            .label {
                color: #394356;
                height: 32rpx;
                font-size: 32rpx;
                line-height: 32rpx;
            }

            .value {
                color: #394356;
                height: 28rpx;
                font-size: 28rpx;
                line-height: 28rpx;
                display: flex;
                align-items: center;
            }
        }

        .row-avatar {
            height: 112rpx;

            .value {
                height: 88rpx;
            }

            .avatar {
                width: 88rpx;
                height: 88rpx;
                border-radius: 16rpx;
                background-color: #1385FA;
                color: #FFFFFF;
                font-size: 40rpx;
                line-height: 88rpx;
                text-align: center;
            }

            .arrow {
                width: 20rpx;
                height: 18rpx;
                margin-left: 20rpx;
                flex-shrink: 0;

                &::after {
                    right: 4rpx;
                }
            }
        }
    }
}