/* 背景色＝影片邊緣在 Chrome（macOS）畫面上實際顯示的顏色 rgb(234,236,239)。
   影片檔本身解碼值約 rgb(231,233,237)，但瀏覽器播放時的色彩轉換會讓它在螢幕上亮幾階，
   所以不能直接用檔案取樣值。不同裝置的解碼差 1–4 階，因此影片四邊再淡出 5%，
   殘差不會形成方框邊線（浣熊與轉圈圖示距邊緣至少 7%，不會被淡出）。 */
.boot { background: #eaecef; }
.loading-video {
  display: block;
  width: min(280px, 65vw);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%), linear-gradient(180deg, transparent 0, #000 5%, #000 95%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%), linear-gradient(180deg, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-composite: intersect;
}
/* 已登入：只有 app 背景（跟工作區同一層柔光），不放影片 */
.boot.boot-blank { background: var(--page-bg); }
.route-loading { position: fixed; inset: 0; z-index: 2000; margin: 0; }