/* 全站页面百叶窗过场：独立于主站、Hub、Event 等各自的视觉壳。 */
body {
  --dnf-pagefx-color: var(--color-ink, currentColor);
}

.hub-body { --dnf-pagefx-color: var(--hub-bg); }
.event-body { --dnf-pagefx-color: var(--ev-bg); }
.dotnfilm-proposal-scope { --dnf-pagefx-color: var(--dp-bg); }
.dotnfilm-q-body { --dnf-pagefx-color: var(--bg); }
.casting-body { --dnf-pagefx-color: currentColor; }

.dnf-pagefx {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  overflow: hidden;
  align-content: start;
  justify-content: start;
  pointer-events: none;
  isolation: isolate;
}

.dnf-pagefx.on {
  display: grid;
  pointer-events: auto;
}

.dnf-pagefx i {
  display: block;
  background: var(--dnf-pagefx-color);
}

/* 首帧纯色覆盖与 tiles 同色，JS 同帧交接后不会闪出页面内容。 */
html.dnf-pagefx-cover .dnf-pagefx {
  display: block;
  background: var(--dnf-pagefx-color);
  opacity: 1;
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  html.dnf-pagefx-cover .dnf-pagefx {
    display: none;
  }
}