/* view-transitions.css · 万事无忧·衡元智库 · View Transitions API
 * 2026-09-06 W3 D7 · 优优在手
 * ----------------------------------------------------------------
 * 浏览器支持：Chrome 111+ / Edge 111+ · Firefox/Safari 暂不支持
 * 降级：浏览器忽略 @view-transition，自动用普通渲染
 */
@view-transition {
  navigation: auto;
}

/* 默认转场动画（柔和淡入淡出）*/
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.25s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* 退出动画 */
::view-transition-old(root) {
  animation-name: vt-fade-out;
}

/* 进入动画 */
::view-transition-new(root) {
  animation-name: vt-fade-in;
}

@keyframes vt-fade-out {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-8px); }
}

@keyframes vt-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 减弱动画偏好 */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.01ms !important;
  }
}