/* 深藍銀河背景(政績遊戲系列共用)v3
   —— 星星改用「可重複鋪的星空磚」(近/遠兩層做視差),不用 fixed 才不會在整頁截圖/長頁面時消失 */
html, body {
  background-color: #05081f !important;
  background-image:
    url('/assets/stars-near.webp'),
    url('/assets/stars-far.webp'),
    radial-gradient(900px 620px at 16% 4%, rgba(96, 132, 255, .24), transparent 70%),
    radial-gradient(760px 520px at 86% 10%, rgba(172, 120, 255, .22), transparent 70%),
    radial-gradient(1100px 760px at 52% 112%, rgba(64, 196, 255, .17), transparent 72%),
    radial-gradient(520px 420px at 72% 62%, rgba(120, 90, 220, .15), transparent 70%),
    linear-gradient(180deg, #04071c 0%, #071038 46%, #050a26 100%) !important;
  background-size: 512px 512px, 384px 384px, auto, auto, auto, auto, auto !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-position: 0 0, 120px 90px, center top, center top, center bottom, center, center !important;
  background-attachment: scroll !important;
}
/* 星雲照片層(FLUX 產生;固定在最底,捲動時星星會動、星雲不動 → 有縱深) */
body::after {
  content: '';
  position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background: url('/assets/bg-galaxy.webp') center center / cover no-repeat;
  opacity: .5;
  mix-blend-mode: screen;
  animation: galaxyBreathe 9s ease-in-out infinite alternate;
}
@keyframes galaxyBreathe {
  from { opacity: .38; }
  to { opacity: .56; }
}
@media (prefers-reduced-motion: reduce) {
  body::after { animation: none; }
}
/* v4 可讀性:星星調暗(磚本身 alpha×0.62)+ 星空之上、內容之下加暗紗,留白處星星仍可見但不干擾文字 */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: rgba(3, 6, 20, .48);
}
body { text-shadow: 0 1px 3px rgba(0,0,0,.55); }
@keyframes galaxyBreatheV4 { from { opacity: .48; } to { opacity: .66; } }
body::after { animation: galaxyBreatheV4 9s ease-in-out infinite alternate; }