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

.youchao-block--hero .block-name {
    position: absolute;
    left: 50%;
    top: calc(50px * var(--scale-ratio));
    transform: translateX(-50%);
    font-size: calc(48px * var(--type-scale, var(--scale-ratio)));
    font-weight: 600;
    line-height: calc(72 / 48);
    text-align: center;
    white-space: nowrap;
}

.youchao-block--hero .block-arch {
    position: absolute;
    left: 50%;
    top: calc(128px * var(--scale-ratio));
    transform: translateX(-50%);
    font-size: calc(24px * var(--type-scale, var(--scale-ratio)));
    font-weight: 400;
    line-height: calc(36 / 24);
    text-align: center;
    white-space: nowrap;
}

.youchao-block--hero .block-tags {
    position: absolute;
    left: 50%;
    top: calc(167px * var(--scale-ratio));
    transform: translateX(-50%);
    font-size: calc(18px * var(--type-scale, var(--scale-ratio)));
    font-weight: 400;
    line-height: calc(27 / 18);
    text-align: center;
    color: var(--text-primary);
    white-space: nowrap;
}