.page-active {
    background-color: var(--tw-color-brand) !important;
}

/* ========== 二级菜单：移动端 dropdown，PC 保持横排 tab ========== */
.subnav-mobile {
    display: none;
}

.subnav-desktop {
    display: flex;
}

@media (max-width: 1023px) {
    .subnav-mobile {
        display: block;
    }

    .subnav-desktop {
        display: none;
    }
}

.subnav-dropdown {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease;
}

.subnav-dropdown.is-open {
    max-height: 400px;
    opacity: 1;
}

.subnav-trigger .arrow {
    transition: transform 0.3s ease;
    transform: translateY(-50%);
    top: 50%;
}

.subnav-trigger[aria-expanded="true"] .arrow {
    transform: translateY(-50%) rotate(180deg);
}

/* ========== 加盟流程：移动端竖向时间轴，PC 保留横排居中 ========== */
@media (max-width: 1023px) {
    .process-item {
        flex-direction: row !important;
        align-items: center !important;
        text-align: left !important;
        gap: 1.5rem;
    }

    .process-item .process-icon {
        width: 96px !important;
        height: 96px !important;
        margin-bottom: 0 !important;
        flex-shrink: 0;
    }

    .process-item .process-icon svg {
        width: 36px !important;
        height: 36px !important;
    }

    .process-item+.process-item {
        margin-top: 24px !important;
    }

    .process-item::before {
        content: '';
        position: absolute;
        left: 47px;
        top: 96px;
        bottom: -56px;
        width: 2px;
        background: rgba(255, 255, 255, 0.12);
    }

    .process-item:last-child::before {
        display: none;
    }
}

/* ========== 合作渠道：移动端卡片高度收紧，保留层叠交互 ========== */
@media (max-width: 1023px) {
    #channel-stack-container {
        height: 552px !important;
    }

    .channel-card {
        height: 552px !important;
    }

    .channel-card+.channel-card {
        margin-top: 0 !important;
    }
}