@media (max-width: 828px) {
    :root {
        /* 与 matwings / mitsubishilanding @828 一致的 rpx / fpx 刻度 */
        --rpx-50: calc(0.86667vw / 8.28);
        --rpx-67: calc(1vw / 8.28);
        --rpx-75: calc(1.25vw / 8.28);

        --fpx-87: calc(1.5vw / 7.5);
        --fpx-75: calc(1.33vw / 7.5);
        --fpx-67: calc(1vw / 7.5);
        --fpx-50: calc(0.75vw / 7.5);

        --rpx: var(--rpx-67);
        --fpx: var(--fpx-87);

        --wrapper-width: calc(768 * var(--rpx));
        --header-wrapper-width: calc(100vw - 60 * var(--rpx));
        --header-wrapper-margin: calc(30 * var(--rpx));
        --header-height: calc(100 * var(--rpx));
        --hero-max-width: 100vw;
        /* hero 首屏：顶栏高度 + 额外留白，避免标题贴顶栏 */
        --mobile-hero-pad-top: calc(var(--header-height) + 48 * var(--rpx));
    }

    html {
        font-size: calc(18 * var(--fpx));
    }

    body.page-home .btn-crumb {
        display: none;
    }

    .site-logo img {
        width: calc(264 * var(--rpx));
        height: calc(60 * var(--rpx));
    }

    .nav-right {
        flex-wrap: nowrap;
        align-items: center;
        gap: calc(10 * var(--rpx));
    }

    .nav-right-peer,
    .lang-dropdown,
    .header-search {
        flex-shrink: 0;
    }

    .lang-dropdown {
        display: flex;
        align-items: center;
    }

    .btn-icon,
    .header-search,
    .header-search-trigger {
        width: calc(60 * var(--rpx));
        height: calc(60 * var(--rpx));
    }

    .btn-icon img {
        width: calc(22 * var(--rpx));
        height: calc(22 * var(--rpx));
    }

    .btn-menu {
        width: calc(120 * var(--rpx));
        height: calc(60 * var(--rpx));
        flex-shrink: 0;
    }

    .header-search-panel {
        height: calc(60 * var(--rpx));
    }

    .header-search-submit {
        width: calc(60 * var(--rpx));
        height: calc(60 * var(--rpx));
    }

    .site-footer .part1 .row1 .wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(24 * var(--rpx));
    }

    .footer-main {
        flex-direction: column;
        padding-top: calc(40 * var(--rpx));
        padding-bottom: calc(32 * var(--rpx));
    }

    .footer-info {
        flex: none;
        width: 100%;
    }

    .footer-nav {
        display: none;
    }

    .site-footer .part2 .wrapper {
        flex-direction: column;
    }

    .site-footer .part2 .left {
        max-width: none;
    }

    .site-footer .part2 .right {
        text-align: left;
    }

    .nav-crumb {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .topic-box,
    .topic-box-hit,
    .topic-hover-backdrop,
    .topic-light-host {
        display: none !important;
    }
}