.youchao-block--matrix {
    --design-w: 660;
    --design-h: 240;
}

.youchao-block--matrix .block-copy {
    max-width: calc(260px * var(--scale-ratio));
}

.youchao-block--matrix .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--matrix .block-sub {
    position: absolute;
    left: calc(30px * var(--scale-ratio));
    top: calc(63px * var(--scale-ratio));
    font-size: calc(18px * var(--type-scale, var(--scale-ratio)));
    font-weight: 400;
    line-height: calc(27 / 18);
    color: var(--text-primary);
}

.youchao-block--matrix .block-desc {
    position: absolute;
    left: calc(30px * var(--scale-ratio));
    top: calc(122px * var(--scale-ratio));
    font-size: calc(14px * var(--type-scale, var(--scale-ratio)));
    font-weight: 400;
    line-height: calc(21 / 14);
    color: var(--text-primary);
}

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