/* 首页 Hero 动态标语（独立模块；与 Prompt 同宽、贴在文本框上方） */
/* 去掉页面顶垫，由标语自身控制距顶栏 50px */
#homeLanding.zm-page {
    padding-top: 0;
}

.zm-prompt-stack {
    width: 100%;
    max-width: min(864px, 100%); /* 原 720 × 1.2 */
    margin: 0 auto 36px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.zm-prompt-stack .zm-prompt-shell {
    width: 100%;
    max-width: none;
    margin: 0;
}

.zm-hero {
    width: 100%;
    /* 距顶部 0；与下方文本框间距保持 36px */
    margin: 0 0 36px;
    padding: 0;
    text-align: center;
}

.zm-hero-title {
    margin: 0;
    text-align: center;
    font-family:
        "Noto Serif SC",
        "Source Han Serif SC",
        "Songti SC",
        "STSong",
        serif;
    /* 原 clamp(28/3.6vw/48) × 1.2 */
    font-size: clamp(33.6px, 4.32vw, 57.6px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: var(--fg-default, #f7f7f7);
}

/* 两行整体居中；行内左对齐 */
.zm-hero-title-inner {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

/* 同一行内：静态字与轮播字共用一条纵向中心水平线 */
.zm-hero-line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.18em;
    white-space: nowrap;
    line-height: 1.4;
    min-height: 1.4em;
}

.zm-hero-line + .zm-hero-line {
    margin-top: 0.08em;
}

/* 第一行左移一字宽，第二行右移一字宽 */
.zm-hero-line:first-child {
    transform: translateX(-1em);
}
.zm-hero-line:last-child {
    transform: translateX(1em);
}

.zm-hero-static {
    flex-shrink: 0;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    height: 1.4em;
}

.zm-rotator {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: 1.4em;
    overflow: hidden;
    border-bottom: 1px solid currentColor;
    transition: width 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

.zm-rotator-word {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
    will-change: opacity;
}

@media (max-width: 720px) {
    .zm-hero-title {
        font-size: clamp(26.4px, 7.44vw, 38.4px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zm-rotator {
        transition: none;
    }
}