.user {
    display: flex;
    align-items: center;
    padding: 60rpx 20rpx;
    // background-image: linear-gradient(to right, #257AFF 0%, #3180FE 100%);
    background: url('@/static/bg.png');
    // color: #fff;
    color: #333;

    .avatar {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120rpx;
        height: 120rpx;
        border-radius: 999px;
        font-size: 120rpx;
        overflow: hidden;

        image {
            width: 100%;
            height: 100%;
        }
    }

    .info {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 12rpx;
        margin-left: 26rpx;

        .status {
            display: flex;
            align-items: center;

            .iconfont {
                font-size: 65rpx;
                margin-left: -6rpx;
            }
        }
    }
}