/* PC 多页面导航：由浏览器衔接新旧页面，不拦截链接或延迟业务跳转。 */
@media (min-width: 769px) {
    html {
        /* 长短页面切换时预留滚动条位置，避免居中内容左右晃动。 */
        scrollbar-gutter: stable;
    }
}

/* 仅在用户允许动画时启用；不支持的浏览器自动沿用普通页面导航。 */
@media (min-width: 769px) and (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

    /* 只做短暂透明度交接，不做整页位移，也不添加人为等待。 */
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 120ms;
        animation-timing-function: ease-out;
    }
}

/* TODO: MVP后续版本优化：结合线上导航耗时，再评估静态资源缓存策略。 */