/* encoding: UTF-8 */
/* 外框、尺寸与留白只在此维护；初始化展示浅色站名，挂载和过渡均不改变占位。 */
.home-intro-schedule {
    padding-block: clamp(20px, 3vw, 40px);
}

.home-intro-schedule__frame {
    position: relative;
    height: clamp(240px, 28vw, 360px);
    overflow: hidden;
    isolation: isolate;
    border-radius: clamp(18px, 2.5vw, 30px);
    background: var(--soft);
}

/* 背景字标沿用页头站名的衬线字体、斜体及字重，主题画面在上层自然覆盖。 */
.home-intro-schedule__placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    pointer-events: none;
}

.home-intro-schedule__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 2.5vw, 32px);
    max-width: 100%;
    color: var(--ink);
    opacity: 0.12;
}

.home-intro-schedule__logo {
    flex: 0 0 auto;
    width: clamp(36px, 8vw, 84px);
    aspect-ratio: 660 / 764;
    background: currentColor;
    mask: url('../images/logo.svg') center / contain no-repeat;
}

.home-intro-schedule__wordmark {
    max-width: 100%;
    color: inherit;
    font-family: var(--serif);
    font-style: italic;
    font-weight: 600;
    font-size: clamp(34px, 10vw, 100px);
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: center;
}

.home-intro-schedule__notice {
    position: absolute;
    right: 16px;
    bottom: 18px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    color: var(--ink);
    font-family: var(--sans);
    font-size: 12px;
    line-height: 1.65;
    text-align: center;
}

/* 整条提示共用 flex 中线，避免嵌套行内盒的基线差异让图标与文字上下错位。 */
.home-intro-schedule__js-label {
    display: inline-flex;
    gap: 4px;
    white-space: nowrap;
}

.home-intro-schedule__js-icon {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.home-intro-schedule__frame > [data-home-intro-theme] {
    position: absolute;
    inset: 0;
}

.home-intro-schedule__frame > [data-home-intro-theme][hidden] {
    display: none;
}

.home-intro-schedule__frame > [data-home-intro-outgoing] {
    z-index: 1;
    pointer-events: none;
}

/* 手机端抵消版心两侧留白，画面铺满上下分隔线之间的区域；尺寸仍由公共外框维护。 */
@media (max-width: 720px) {
    .home-intro-schedule {
        margin-inline: calc(var(--gutter) * -1);
        padding-block: 0;
    }

    .home-intro-schedule__frame {
        border-radius: 0;
    }
}