/* ============================================================
   Spotlight / 鼠标指针提亮效果（移到哪里哪里亮）
   ============================================================ */

/* 全局提亮层：鼠标位置叠加柔和白光，让该区域内容更醒目 */
.cursor-spotlight {
  position: fixed;
  inset: 0;                       /* 铺满全屏 */
  z-index: 9999;                  /* 在最上层 */
  pointer-events: none;           /* 不阻挡鼠标点击/悬停 */

  /* 径向渐变：中心柔和白色提亮 -> 边缘完全透明 */
  background: radial-gradient(
    circle var(--spotlight-r, 320px) at var(--spotlight-x, -9999px) var(--spotlight-y, -9999px),
    rgba(255, 255, 255, 0.14) 0%,
    transparent 65%
  );

  /* screen 混合模式：白色叠加到深色背景上产生提亮效果 */
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity 0.35s ease;
}

/* 移动端 / 触控设备直接隐藏（无鼠标） */
@media (max-width: 900px) {
  .cursor-spotlight { display: none; }
}
