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

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

.ouye-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;
}

.ouye-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;
}

.ouye-block--hero .block-bg {
    object-position: center bottom;
}