/* 浅色模式静态背景 — 每次进入随机一帧，无动画 */
.light-ambient-bg,
.ambient-bg {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

body.light-mode .light-ambient-bg,
body.light-mode .ambient-bg,
html.light-mode-early .light-ambient-bg,
html.light-mode-early .ambient-bg,
html:not([data-theme="dark"]) .light-ambient-bg,
html:not([data-theme="dark"]) .ambient-bg {
  display: block;
}

html[data-theme="dark"] .light-ambient-bg,
html[data-theme="dark"] .ambient-bg {
  display: none !important;
}

.light-ambient-gradient,
.light-ambient-veil,
.light-ambient-blobs,
.ambient-gradient,
.ambient-veil,
.ambient-blobs {
  position: absolute;
  inset: -20%;
}

.light-ambient-gradient,
.ambient-gradient {
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 194, 138, 0.28), transparent 45%),
    radial-gradient(circle at 80% 16%, rgba(146, 206, 255, 0.27), transparent 43%),
    radial-gradient(circle at 74% 80%, rgba(255, 220, 156, 0.22), transparent 41%),
    radial-gradient(circle at 52% 52%, rgba(166, 192, 255, 0.20), transparent 44%),
    radial-gradient(circle at 30% 72%, rgba(255, 230, 192, 0.18), transparent 42%),
    radial-gradient(circle at 22% 48%, rgba(164, 236, 255, 0.17), transparent 41%),
    radial-gradient(circle at 64% 34%, rgba(225, 188, 255, 0.15), transparent 43%);
  filter: blur(46px) saturate(94%);
  opacity: 0.50;
  transform: scale(1.2);
}

.light-ambient-veil,
.ambient-veil {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(251, 252, 255, 0.56) 0%, rgba(255, 253, 249, 0.78) 100%),
    radial-gradient(circle at 50% 24%, rgba(255, 250, 244, 0.18), transparent 58%);
  z-index: 1;
}

.light-ambient-blobs,
.ambient-blobs {
  z-index: 0;
}

.light-ambient-blob,
.ambient-blob {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 999px;
  pointer-events: none;
  mix-blend-mode: multiply;
  filter: blur(46px);
}