@import '../../common/style/index.css';
.card {
    padding: var(--v-spacing-md, 60px) var(--h-spacing-md, 51px) 12.077rpx;
    margin: var(--v-spacing-md, 60px);
    padding-bottom: 0;
    line-height: 1;
    position: relative;
    color: var(--color-white, #fff);
    border-radius: var(--border-radius-md, 30px);
    background-image: linear-gradient(-73deg, #76b9ff 0%, #2a92f8 100%);
}

.card-bg {
    width: 231.89rpx;
    height: 250.6rpx;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../../common/images/card.png);
    background-size: 100% auto;
}

.card-icon {
    position: absolute;
    right: 36.232rpx;
    top: 36.232rpx;
}

.card-content {
    padding-bottom: 24.155rpx;
}

.name {
    font-size: var(--font-size-lg, 66px);
    padding-bottom: var(--v-spacing-md, 60px);
    font-weight: 500;
}

.id-card,
.company,
.list {
    font-size: var(--font-size-sm, 48px);
}

.id-card,
.info-title {
    margin-bottom: var(--v-spacing-xs, 30px);
}

.list {
    line-height: 1.6;
}

.company {
    line-height: 1.4;
    margin-bottom: 33.34rpx;
}

.list {
    display: flex;
}

.list-key {
    width: 6em;
    white-space: nowrap;
    opacity: .65;
    margin-right: 36.232rpx;
}

.list-value {
    flex: 1;
}

.info-title {
    font-size: var(--font-size-xs, 42px);
}

.info-text {
    font-size: 43.48rpx;
    font-weight: 700;
    margin-bottom: 39.348rpx;
}