.youchao-block--display {
    --design-w: 500;
    --design-h: 260;
}

.youchao-block--display .block-label {
    position: absolute;
    left: calc(30px * var(--scale-ratio));
    top: calc(25px * var(--scale-ratio));
    font-size: calc(24px * var(--type-scale, var(--scale-ratio)));
    font-weight: 600;
    line-height: calc(36 / 24);
    color: var(--text-primary);
}

.youchao-block--display .block-value {
    position: absolute;
    left: calc(30px * var(--scale-ratio));
    top: calc(78px * var(--scale-ratio));
    font-size: calc(32px * var(--type-scale, var(--scale-ratio)));
    font-weight: 600;
    line-height: calc(48 / 32);
}

.youchao-block--display .block-figure {
    position: absolute;
    left: calc(57px * var(--scale-ratio));
    top: calc(170px * var(--scale-ratio));
    width: calc(385px * var(--scale-ratio));
    height: auto;
    object-fit: contain;
    pointer-events: none;
}