/* 全局动态效果降级层：不隐藏信息，只降低装饰性动画。 */
html[data-effects="off"] *,
html[data-effects="reduced"] * {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.001ms !important;
}

html[data-effects="off"] .effects-ambient,
html[data-effects="reduced"] .effects-ambient {
  display: none !important;
}

/* 丰富档位只增加 transform / opacity / shadow 等合成友好的效果。 */
html[data-effects="expressive"] .home-resource-open-btn,
html[data-effects="expressive"] .home-module-card,
html[data-effects="expressive"] .module-card {
  transition-duration: 220ms;
}

html[data-effects="expressive"] .home-resource-open-btn:hover,
html[data-effects="expressive"] .home-module-card:hover,
html[data-effects="expressive"] .module-card:hover {
  transform: translateY(-2px);
}

html[data-effects="expressive"] .home-main::before {
  content: '';
  position: fixed;
  z-index: -1;
  top: 14vh;
  right: 8vw;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(99, 102, 241, .11), rgba(99, 102, 241, 0) 68%);
  animation: uiEffectsAmbient 12s ease-in-out infinite alternate;
}

@keyframes uiEffectsAmbient {
  from { opacity: .35; transform: translate3d(0, 0, 0) scale(.94); }
  to { opacity: .8; transform: translate3d(-24px, 16px, 0) scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-effects="expressive"] .home-main::before {
    animation: none !important;
    opacity: .25;
  }
}