/* koichi 粒子转场 v4：旧页快照从左到右化为尘埃，新页面在后面沿同一条边缘从左到右清晰显现（两者共用同一个遮罩动画，边缘一致）。
   主题自带的过渡给新页面加了遮罩，这里一并覆盖，否则新页面要等过渡结束才出现。没有脚本时 CSS 动画照样进行。 */
@view-transition{navigation:auto}
::view-transition-group(root){animation:none!important}
::view-transition-old(root),::view-transition-new(root){animation:ksnapSweep 2.2s linear -.55s both!important;mix-blend-mode:normal;opacity:1;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
::view-transition-old(root){z-index:2;-webkit-mask-image:linear-gradient(100deg,transparent 40%,#000 54%)!important;mask-image:linear-gradient(100deg,transparent 40%,#000 54%)!important}
::view-transition-new(root){z-index:1;-webkit-mask-image:linear-gradient(100deg,#000 54%,transparent 56%)!important;mask-image:linear-gradient(100deg,#000 54%,transparent 56%)!important}
@keyframes ksnapSweep{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
html.ksnap-in .fade-before{opacity:1!important;transform:none!important;transition:none!important}
::view-transition-group(kdust){z-index:3;animation:none}
::view-transition-new(kdust),::view-transition-old(kdust){animation:none}
::view-transition-group(khead){z-index:4;animation:none}
::view-transition-old(khead){display:none}
::view-transition-new(khead){animation:none}
.site-header{view-transition-name:khead}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}