{{ cardTitle }}
登录后即可解锁你的专属内容
{{ b }}
{{ previewIcon }}
{{ previewText }}
.dvc {
margin: 12rpx 30rpx 0;
}
.dvc-card {
border-radius: 24rpx;
padding: 32rpx 28rpx;
}
.dvc-head {
margin-bottom: 22rpx;
}
.dvc-title {
font-size: 30rpx;
font-weight: 600;
color: $facade-text-gray-800;
display: block;
line-height: 1.4;
}
.dvc-sub {
font-size: 22rpx;
color: $facade-text-muted;
margin-top: 6rpx;
display: block;
}
.dvc-benefits {
margin-bottom: 26rpx;
}
.dvc-benefit {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 16rpx;
}
.dvc-dot {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
margin-right: 16rpx;
flex-shrink: 0;
}
.dvc-benefit-text {
font-size: 26rpx;
color: $facade-text-strong;
line-height: 1.5;
}
.dvc-actions {
display: flex;
flex-direction: row;
gap: 20rpx;
}
.dvc-btn-primary {
flex: 1;
height: 88rpx;
line-height: 88rpx;
border-radius: 44rpx;
color: $app-surface;
font-size: 28rpx;
font-weight: 600;
border: none;
padding: 0;
}
.dvc-btn-primary:active { opacity: 0.85; }
.dvc-btn-secondary {
flex: 1;
height: 88rpx;
line-height: 88rpx;
border-radius: 44rpx;
background: $app-surface;
font-size: 28rpx;
font-weight: 500;
border: 2rpx solid;
padding: 0;
}
.dvc-btn-secondary:active { opacity: 0.7; }
.dvc-preview {
margin-top: 24rpx;
background: $app-surface;
border: 1rpx dashed $facade-gray-200;
border-radius: 20rpx;
padding: 40rpx 28rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.dvc-preview-icon {
font-size: 44rpx;
margin-bottom: 14rpx;
}
.dvc-preview-text {
font-size: 24rpx;
color: $facade-text-muted;
text-align: center;
line-height: 1.6;
}