/* 开启页面导航的视图过渡（全局配置） */
@view-transition {
  navigation: auto;
}

/* 旧页面/元素的退出动画：淡出 */
::view-transition-old(root) {
 opacity: 0;
}

/* 新页面/元素的进入动画：缩放+淡入 */
::view-transition-new(root) {
  transform-origin: center;
  /* 明确动画初始状态，与keyframes的from一致 */
  transform: scale(0);
  opacity: 0;
  /* 动画：时长350ms + 保持结束状态 + 缓动更自然 */
  animation: popin 0.38s ease-out forwards;
}

/* 统一使用标准写法，移除-webkit-前缀（现代浏览器无需） */
@keyframes popin {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}