/* site-craft · 成品1 · 红蓝白影站
   红 + 蓝 + 白 · 背景呼吸渲染 · 星星点点飘动 */

:root {
  --cs-primary: #dc2626 !important;
  --cs-primary-dk: #b91c1c !important;
  --cs-cta: #2563eb !important;
  --cs-cta-dk: #1d4ed8 !important;
  --cs-hot: #2563eb !important;
  --cs-hot-dk: #1d4ed8 !important;
  --cs-bg: #f8fafc !important;
  --cs-surface: #ffffff !important;
  --cs-surface2: #f1f5f9 !important;
  --cs-text: #0f172a !important;
  --cs-muted: #64748b !important;
  --cs-line: rgba(15, 23, 42, 0.1) !important;
  --me-max: 1200px;
  color-scheme: light !important;
}

/* ── 白底 + 红蓝呼吸光晕 ── */
.cs-body {
  background-color: #f8fafc !important;
  background-image:
    radial-gradient(900px 520px at 12% 8%, rgba(220, 38, 38, 0.2), transparent 58%),
    radial-gradient(820px 500px at 88% 18%, rgba(37, 99, 235, 0.18), transparent 55%),
    radial-gradient(700px 420px at 50% 100%, rgba(220, 38, 38, 0.08), transparent 50%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 45%, #eef2ff 100%) !important;
  background-size: 120% 120%, 120% 120%, 100% 100%, 100% 100% !important;
  background-position: 0% 0%, 100% 0%, 50% 100%, center !important;
  color: var(--cs-text) !important;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  animation: rb-breath 9s ease-in-out infinite alternate !important;
}

@keyframes rb-breath {
  0% {
    background-position: 0% 0%, 100% 0%, 40% 100%, center;
    filter: none;
  }
  50% {
    background-position: 18% 22%, 78% 28%, 60% 90%, center;
  }
  100% {
    background-position: 28% 12%, 70% 40%, 50% 85%, center;
  }
}

.cs-body a { color: #dc2626 !important; }
.cs-body a:hover { color: #2563eb !important; }

/* 链接默认红色会盖掉按钮字色，CTA 单独强制可读色 */
.cs-body a.cs-btn--primary {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}
.cs-body a.cs-btn--primary:hover {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}
.cs-body a.cs-btn--outline,
.cs-body .cs-stage a.cs-btn--outline {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-body a.cs-btn--outline:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-body a.cs-head__hot {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-body a.cs-genres__pill--all {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-body a.cs-nav[aria-current="page"],
.cs-body .cs-nav a[aria-current="page"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-body .cs-search button {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-body .cs-brand__mark {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-body .cs-foot a {
  color: rgba(255, 255, 255, 0.72) !important;
}
.cs-body .cs-foot a:hover {
  color: #fff !important;
}

/* 内容压过星点层，避免 soft-light 把字冲淡 */
.cs-head,
.cs-main,
.cs-foot {
  position: relative;
  z-index: 1;
}

/* ── 顶栏：白玻璃 + 红蓝点缀 ── */
.cs-head {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05) !important;
}
.cs-head__bar {
  max-width: var(--me-max) !important;
  min-height: 64px !important;
}
.cs-brand { border-left: 0 !important; padding-left: 0 !important; }
.cs-brand__mark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #dc2626 0%, #2563eb 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.28) !important;
  font-size: 13px !important;
}
.cs-brand__text strong {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.cs-brand__text em { color: #64748b !important; }

.cs-nav a {
  border-radius: 999px !important;
  border-bottom: 0 !important;
  color: #64748b !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
}
.cs-nav a:hover {
  color: #dc2626 !important;
  background: rgba(220, 38, 38, 0.08) !important;
}
.cs-nav a[aria-current="page"] {
  color: #fff !important;
  background: linear-gradient(135deg, #dc2626, #2563eb) !important;
  border-bottom-color: transparent !important;
}

.cs-search {
  border: 1px solid rgba(37, 99, 235, 0.2) !important;
  border-radius: 999px !important;
  background: #fff !important;
}
.cs-search input { color: #0f172a !important; }
.cs-search button {
  background: #2563eb !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.cs-search button:hover { background: #1d4ed8 !important; color: #fff !important; }

.cs-head__hot {
  border-radius: 999px !important;
  background: #dc2626 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
}
.cs-head__hot:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  filter: brightness(1.06);
}

.cs-burger {
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  background: #fff !important;
}
.cs-burger span { background: #dc2626 !important; }

.cs-main {
  max-width: var(--me-max) !important;
  padding: 24px 20px 64px !important;
  position: relative;
  z-index: 1;
}

/* ── 首屏：红蓝渐变卡片 ── */
.cs-stage {
  margin: 0 0 36px !important;
  padding: 10px !important;
  overflow: visible;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 24px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow:
    0 4px 6px rgba(15, 23, 42, 0.04),
    0 22px 50px rgba(37, 99, 235, 0.14),
    0 14px 32px rgba(220, 38, 38, 0.1) !important;
}
.cs-stage__spot { display: none !important; }
.cs-stage__content {
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
  padding: 48px 40px 52px !important;
  background:
    linear-gradient(125deg, #b91c1c 0%, #dc2626 36%, #2563eb 100%);
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.cs-stage__content::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(480px 260px at 90% 15%, rgba(255, 255, 255, 0.22), transparent 55%),
    radial-gradient(360px 220px at 8% 90%, rgba(37, 99, 235, 0.35), transparent 55%);
  animation: rb-hero-glow 6s ease-in-out infinite alternate;
  pointer-events: none;
}
.cs-stage__content::after {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  pointer-events: none;
  z-index: 0;
}
@keyframes rb-hero-glow {
  0% { opacity: 0.7; transform: scale(1); }
  100% { opacity: 1; transform: scale(1.06); }
}
.cs-stage__content > * { position: relative; z-index: 1; }

.cs-stage__eyebrow {
  display: inline-flex !important;
  margin-bottom: 14px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

.cs-stage h1 {
  font-size: clamp(1.75rem, 4.2vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: #fff !important;
  max-width: 14em;
  margin: 0 0 14px !important;
}

.cs-stage__desc {
  margin: 0 0 26px !important;
  max-width: 34em !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  text-align: left !important;
}

.cs-stage__actions { justify-content: flex-start !important; gap: 12px !important; }

.cs-btn {
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
}
.cs-btn--primary {
  background: #fff !important;
  color: #dc2626 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15) !important;
  border: 0 !important;
}
.cs-btn--primary:hover { background: #fff !important; color: #2563eb !important; transform: translateY(-1px); }
.cs-btn--outline {
  border: 1.5px solid rgba(255, 255, 255, 0.75) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: rgba(255, 255, 255, 0.14) !important;
}
.cs-btn--outline:hover {
  border-color: #fff !important;
  background: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── 区块 ── */
.cs-rail__head h2,
.cs-wall__head h2,
.section-block .section-head h2 {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.cs-rail__live {
  background: #dc2626 !important;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.2) !important;
  border-radius: 50% !important;
}
.cs-rail__link,
.cs-wall__head a,
.section-block .section-head a { color: #2563eb !important; }

.cs-wall__head,
.section-block .section-head {
  border-bottom: 0 !important;
  margin-bottom: 16px !important;
}
.cs-wall__head h2,
.section-block .section-head h2 {
  padding-left: 12px !important;
  border-left: 3px solid #dc2626 !important;
}

.cs-genres { border: 0 !important; gap: 8px !important; padding: 4px 0 28px !important; }
.cs-genres__pill {
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
}
.cs-genres__pill:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
  background: rgba(37, 99, 235, 0.06) !important;
}
.cs-genres__pill--all {
  background: linear-gradient(135deg, #dc2626, #2563eb) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.cs-wall__grid,
.movie-grid.cs-wall__grid,
.cs-wall__grid--dense,
.cs-wall__grid--fresh,
.cs-wall__grid--cat {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px 16px !important;
  align-items: stretch !important;
}

/* 轻松精选 / section-block 纯 movie-grid：7 列 × 2 行 */
.cs-body .section-block .movie-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 16px 12px !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* ── 海报卡：白卡片 + 红蓝描边 + 浮起阴影（图+标题+简介完整） ── */
.cs-body .cs-poster,
.cs-body .cs-slide {
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-top: 0 !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  max-height: none !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 10px 24px rgba(15, 23, 42, 0.08) !important;
  isolation: isolate;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.22s ease, box-shadow 0.25s ease, border-color 0.2s !important;
}
.cs-body .cs-poster::before,
.cs-body .cs-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #dc2626, #2563eb);
  z-index: 4;
  pointer-events: none;
}
.cs-body .cs-poster:hover,
.cs-body .cs-slide:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
  box-shadow:
    0 8px 16px rgba(220, 38, 38, 0.08),
    0 20px 40px rgba(37, 99, 235, 0.16) !important;
}
.cs-body .cs-poster__link,
.cs-body .cs-slide__link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  position: relative !important;
  color: #0f172a !important;
  height: auto !important;
  min-height: 0 !important;
}
.cs-body .cs-poster__frame,
.cs-body .cs-slide__frame {
  position: relative !important;
  display: block !important;
  border-radius: 0 !important;
  aspect-ratio: 2 / 3 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  background: #0f172a !important;
  overflow: hidden !important;
  border: 0 !important;
  flex: 0 0 auto !important;
}
.cs-body .cs-poster__frame img,
.cs-body .cs-slide__frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.cs-body .cs-poster__badge,
.cs-body .cs-slide__badge {
  top: 12px !important;
  left: 12px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 5px 10px !important;
  letter-spacing: 0.04em;
  box-shadow: 0 6px 14px rgba(220, 38, 38, 0.4);
}
.cs-body .cs-poster__shade {
  display: block !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 36% !important;
  background: linear-gradient(transparent, rgba(15, 23, 42, 0.4)) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.cs-body .cs-poster__play {
  background: rgba(37, 99, 235, 0.55) !important;
  z-index: 3 !important;
}
.cs-body .cs-poster__caption,
.cs-body .cs-slide__caption {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  display: block !important;
  flex: 0 0 auto !important;
  padding: 12px 14px 14px !important;
  margin: 0 !important;
  min-height: 4.6em !important;
  background: #fff !important;
  z-index: 2 !important;
  isolation: isolate;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  visibility: visible !important;
  opacity: 1 !important;
}
.cs-body .cs-poster__title,
.cs-body .cs-slide__title,
.cs-body .cs-poster__link .cs-poster__title,
.cs-body a .cs-poster__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 6px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
.cs-body .cs-poster__meta,
.cs-body .cs-slide__meta,
.cs-body .cs-poster__link .cs-poster__meta,
.cs-body .cs-poster__intro {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.cs-rail__track {
  gap: 14px !important;
  padding-bottom: 10px !important;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 transparent;
}
.cs-rail__track::-webkit-scrollbar { height: 6px; }
.cs-rail__track::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.06);
  border-radius: 999px;
}
.cs-rail__track::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #dc2626, #2563eb);
  border-radius: 999px;
}
.cs-rail__track .cs-poster,
.cs-rail__track .cs-slide {
  flex: 0 0 156px !important;
}

.cs-cat-hero {
  background: #fff !important;
  border-left: 4px solid #dc2626 !important;
  border-bottom: 0 !important;
  padding: 28px 24px !important;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}
.cs-cat-hero h1 { color: #0f172a !important; font-weight: 800 !important; }
.cs-cat-side {
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-top: 3px solid #2563eb !important;
}
.cs-cat-side__title { color: #2563eb !important; }
.cs-cat-side input,
.cs-cat-side select {
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
}

.cs-theater__screen {
  border-radius: 16px !important;
  border: 0 !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.18) !important;
}
.cs-theater__meta {
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.cs-theater__info h1 { color: #0f172a !important; }
.cs-theater__tags span {
  border-radius: 999px !important;
  background: rgba(220, 38, 38, 0.1) !important;
  color: #dc2626 !important;
}
.cs-theater__tags span:nth-child(2n) {
  background: rgba(37, 99, 235, 0.1) !important;
  color: #2563eb !important;
}

.cs-foot {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #7f1d1d 100%) !important;
  border-top: 0 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.cs-foot__inner { max-width: var(--me-max) !important; }
.cs-foot__col--brand strong { color: #fca5a5 !important; }
.cs-foot__col--brand p { color: rgba(255, 255, 255, 0.5) !important; }
.cs-foot__label { color: #93c5fd !important; }
.cs-foot__col--nav a { color: rgba(255, 255, 255, 0.65) !important; }
.cs-foot__col--nav a:hover { color: #fff !important; }
.cs-foot__col--legal { color: rgba(255, 255, 255, 0.4) !important; }

.cs-genres--grid .category-tile,
.cs-genres--grid .overview-card {
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: #0f172a !important;
}
.cs-genres--grid .category-tile:hover,
.cs-genres--grid .overview-card:hover {
  border-color: #2563eb !important;
  transform: translateY(-2px);
}
.cs-empty { background: #fff !important; border-radius: 14px !important; color: #64748b !important; }

@media (max-width: 1100px) {
  .cs-wall__grid,
  .movie-grid.cs-wall__grid,
  .cs-wall__grid--dense,
  .cs-wall__grid--fresh,
  .cs-wall__grid--cat { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .cs-body .section-block .movie-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 820px) {
  .cs-stage { padding: 8px !important; border-radius: 18px !important; }
  .cs-stage__content { padding: 36px 24px 40px !important; border-radius: 12px !important; }
  .cs-wall__grid,
  .movie-grid.cs-wall__grid,
  .cs-wall__grid--dense,
  .cs-wall__grid--fresh,
  .cs-wall__grid--cat { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
  .cs-body .section-block .movie-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
  .cs-cat-layout { grid-template-columns: 1fr !important; }
  .cs-cat-side { position: static !important; }
  .cs-foot__inner { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 520px) {
  .cs-wall__grid,
  .movie-grid.cs-wall__grid,
  .cs-wall__grid--dense,
  .cs-wall__grid--fresh,
  .cs-wall__grid--cat { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .cs-body .section-block .movie-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .cs-foot__inner { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  .cs-body { animation: none !important; }
  .cs-stage__content::before { animation: none !important; }
}

/* starfield · auto */
/* 星点：红蓝白 · 全屏漂浮呼吸，不拦截点击 */
body::before,
body::after{
  content:""!important;
  position:fixed!important;
  left:0!important;top:0!important;
  width:2px!important;height:2px!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:0!important;
  mix-blend-mode:normal!important;
  will-change:transform,opacity;
}
body::before{
  box-shadow:
    4.2vw 12.5vh 0 0.9px rgba(220,38,38,0.75),
    18.6vw 28.1vh 0 0.6px rgba(37,99,235,0.7),
    32.1vw 8.4vh 0 1.1px rgba(255,255,255,0.85),
    47.3vw 41.2vh 0 0.55px rgba(220,38,38,0.55),
    61.8vw 16.7vh 0 1.3px rgba(37,99,235,0.8),
    78.4vw 33.9vh 0 0.7px rgba(255,255,255,0.7),
    91.2vw 6.2vh 0 0.95px rgba(220,38,38,0.65),
    8.7vw 55.3vh 0 0.8px rgba(37,99,235,0.6),
    25.4vw 72.8vh 0 1.2px rgba(255,255,255,0.8),
    39.9vw 61.1vh 0 0.5px rgba(220,38,38,0.7),
    54.6vw 88.4vh 0 1.05px rgba(37,99,235,0.75),
    69.1vw 49.6vh 0 0.65px rgba(255,255,255,0.65),
    84.5vw 77.2vh 0 1.15px rgba(220,38,38,0.6),
    12.3vw 94.5vh 0 0.75px rgba(37,99,235,0.55),
    43.8vw 22.0vh 0 0.9px rgba(255,255,255,0.9),
    57.2vw 5.8vh 0 0.55px rgba(220,38,38,0.8),
    73.6vw 58.3vh 0 1.4px rgba(37,99,235,0.7),
    96.1vw 45.7vh 0 0.7px rgba(255,255,255,0.75),
    2.8vw 38.9vh 0 1.0px rgba(220,38,38,0.5),
    21.5vw 48.2vh 0 0.6px rgba(37,99,235,0.85),
    36.7vw 95.1vh 0 0.85px rgba(255,255,255,0.6),
    50.4vw 70.3vh 0 1.2px rgba(220,38,38,0.7),
    66.9vw 11.4vh 0 0.5px rgba(37,99,235,0.65),
    81.3vw 92.6vh 0 0.95px rgba(255,255,255,0.8),
    15.9vw 3.1vh 0 0.7px rgba(220,38,38,0.75),
    29.2vw 35.6vh 0 1.1px rgba(37,99,235,0.55),
    44.8vw 52.9vh 0 0.6px rgba(255,255,255,0.7),
    59.5vw 27.4vh 0 1.3px rgba(220,38,38,0.6),
    74.1vw 84.8vh 0 0.8px rgba(37,99,235,0.8),
    88.7vw 19.5vh 0 0.55px rgba(255,255,255,0.85),
    6.4vw 66.2vh 0 1.0px rgba(220,38,38,0.55),
    33.5vw 14.8vh 0 0.75px rgba(37,99,235,0.7),
    48.9vw 79.5vh 0 1.15px rgba(255,255,255,0.65),
    63.2vw 37.1vh 0 0.5px rgba(220,38,38,0.8),
    77.8vw 8.9vh 0 0.9px rgba(37,99,235,0.6),
    93.4vw 63.7vh 0 1.25px rgba(255,255,255,0.75),
    10.1vw 81.4vh 0 0.65px rgba(220,38,38,0.7),
    27.6vw 44.0vh 0 0.85px rgba(37,99,235,0.75),
    41.3vw 2.6vh 0 1.05px rgba(255,255,255,0.55),
    55.7vw 56.8vh 0 0.7px rgba(220,38,38,0.65),
    70.4vw 99.2vh 0 0.95px rgba(37,99,235,0.5),
    85.9vw 31.3vh 0 0.55px rgba(255,255,255,0.9),
    1.5vw 21.7vh 0 1.2px rgba(220,38,38,0.6),
    19.8vw 87.0vh 0 0.8px rgba(37,99,235,0.7),
    35.2vw 64.5vh 0 0.6px rgba(255,255,255,0.8),
    52.6vw 9.3vh 0 1.1px rgba(220,38,38,0.55),
    67.0vw 73.9vh 0 0.75px rgba(37,99,235,0.85),
    82.4vw 51.2vh 0 0.9px rgba(255,255,255,0.7),
    97.8vw 25.0vh 0 0.5px rgba(220,38,38,0.75),
    14.0vw 40.6vh 0 1.35px rgba(37,99,235,0.6),
    30.8vw 18.2vh 0 0.65px rgba(255,255,255,0.65),
    46.1vw 90.8vh 0 0.85px rgba(220,38,38,0.7),
    60.5vw 43.4vh 0 1.0px rgba(37,99,235,0.55),
    76.2vw 67.1vh 0 0.7px rgba(255,255,255,0.8),
    90.0vw 98.5vh 0 1.15px rgba(220,38,38,0.5),
    5.2vw 74.6vh 0 0.55px rgba(37,99,235,0.8),
    22.9vw 7.5vh 0 0.95px rgba(255,255,255,0.75),
    38.4vw 30.9vh 0 0.8px rgba(220,38,38,0.65),
    53.0vw 82.1vh 0 1.25px rgba(37,99,235,0.7),
    68.6vw 24.3vh 0 0.6px rgba(255,255,255,0.55),
    83.1vw 46.8vh 0 0.9px rgba(220,38,38,0.8),
    98.5vw 12.0vh 0 0.7px rgba(37,99,235,0.6),
    11.7vw 59.7vh 0 1.05px rgba(255,255,255,0.85),
    26.3vw 97.3vh 0 0.5px rgba(220,38,38,0.55);
  opacity:0.75;
  animation:sf-float-a 40s ease-in-out infinite, sf-glow-a 5.5s ease-in-out infinite alternate!important;
}
body::after{
  box-shadow:
    7.3vw 15.2vh 0 1.6px rgba(220,38,38,0.9),
    23.8vw 62.4vh 0 1.4px rgba(37,99,235,0.85),
    41.5vw 28.7vh 0 1.9px rgba(255,255,255,0.95),
    58.9vw 81.3vh 0 1.3px rgba(220,38,38,0.7),
    76.2vw 9.6vh 0 2.0px rgba(37,99,235,0.8),
    92.7vw 54.1vh 0 1.5px rgba(255,255,255,0.75),
    13.4vw 89.5vh 0 1.7px rgba(220,38,38,0.8),
    31.0vw 41.8vh 0 1.2px rgba(37,99,235,0.9),
    49.6vw 6.3vh 0 1.8px rgba(255,255,255,0.85),
    64.8vw 35.9vh 0 1.4px rgba(220,38,38,0.65),
    80.1vw 72.0vh 0 2.1px rgba(37,99,235,0.75),
    95.4vw 21.5vh 0 1.3px rgba(255,255,255,0.9),
    4.6vw 48.2vh 0 1.55px rgba(220,38,38,0.7),
    18.9vw 3.8vh 0 1.25px rgba(37,99,235,0.85),
    36.2vw 76.6vh 0 1.85px rgba(255,255,255,0.7),
    52.5vw 17.4vh 0 1.45px rgba(220,38,38,0.9),
    69.8vw 93.1vh 0 1.7px rgba(37,99,235,0.6),
    86.3vw 39.0vh 0 1.35px rgba(255,255,255,0.8),
    9.1vw 33.5vh 0 2.0px rgba(220,38,38,0.55),
    27.7vw 55.8vh 0 1.5px rgba(37,99,235,0.8),
    45.0vw 98.2vh 0 1.65px rgba(255,255,255,0.75),
    61.4vw 44.7vh 0 1.4px rgba(220,38,38,0.75),
    78.0vw 12.9vh 0 1.9px rgba(37,99,235,0.7),
    94.2vw 68.4vh 0 1.3px rgba(255,255,255,0.85);
  opacity:0.85;
  animation:sf-float-b 26s ease-in-out infinite, sf-glow-b 3.4s ease-in-out infinite alternate!important;
}
@keyframes sf-float-a{
  0%{transform:translate3d(0,0,0)}
  33%{transform:translate3d(-2vw,1.4vh,0)}
  66%{transform:translate3d(1.6vw,-1.8vh,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes sf-float-b{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(2.4vw,-2vh,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes sf-glow-a{
  0%{opacity:0.35}
  100%{opacity:0.9}
}
@keyframes sf-glow-b{
  0%{opacity:0.45}
  100%{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  body::before,body::after{animation:none!important;opacity:.4!important}
}
/* /starfield */