/* Shared by jstar.vip and blog.jstar.vip; no page snapshot or duplicated logo. */
@media (prefers-reduced-motion: no-preference) {
  html[data-site-bridge]::after {
    content: ''; position: fixed; inset: -1px; z-index: 2147483000;
    background: linear-gradient(112deg, #071a45 0%, #0a2e79 62%, #164cbd 100%);
    box-shadow: -1px 0 0 #8ab3ff60; pointer-events: none; will-change: transform;
  }
  html[data-site-bridge='leave']::after { pointer-events: auto; animation: site-close 360ms cubic-bezier(.65, 0, .25, 1) both; }
  html[data-site-bridge='arrive']::after { animation: site-open 600ms cubic-bezier(.22, 1, .36, 1) both; }
  html[data-site-direction='back'][data-site-bridge='leave']::after { animation-name: site-close-back; }
  html[data-site-direction='back'][data-site-bridge='arrive']::after { animation-name: site-open-back; }
  @keyframes site-close { from { transform: translateX(102%); } to { transform: translateX(0); } }
  @keyframes site-open { from { transform: translateX(0); } to { transform: translateX(-102%); } }
  @keyframes site-close-back { from { transform: translateX(-102%); } to { transform: translateX(0); } }
  @keyframes site-open-back { from { transform: translateX(0); } to { transform: translateX(102%); } }
}