/* ==========================================================================
   cursor.css — 鼠标星光拖尾
   星星本体：238×236 的四角星 PNG，两份随主题换：
     assets/star-light.png  白心 + 靛蓝边（亮色主题）
     assets/star.png        白心 + 薄荷边（暗色主题）
   位置/尺寸/旋转/用哪张图，都由 js/cursor.js 随机写内联样式；这里只管定位、光晕与淡出。
   z-index 定在 860：盖在卡片与播放器（800）之上，但在弹窗（900）与设置面板（950）之下。
   ========================================================================== */

.star-dust {
    position: fixed;
    z-index: 860;
    pointer-events: none;
    background: center / contain no-repeat;
    opacity: 1;
    /* 亮色主题：靛蓝星 + 冷白光晕，在明快的视频背景上也咬得住 */
    filter: drop-shadow(0 0 10px rgba(108, 124, 255, 0.8)) drop-shadow(0 1px 3px rgba(28, 36, 88, 0.28));
    transition:
        transform 0.9s cubic-bezier(0.16, 0.84, 0.44, 1),
        opacity 0.9s ease-out;
    will-change: transform, opacity;
}

/* 暗色主题：薄荷星 + 更亮的青色光晕，像夜里的星点 */
html[data-theme="dark"] .star-dust {
    filter: brightness(1.25) drop-shadow(0 0 12px rgba(175, 245, 235, 0.95));
}

/* 系统开了「减少动态效果」时彻底不出现（JS 也不会生成，这里是双保险） */
@media (prefers-reduced-motion: reduce) {
    .star-dust {
        display: none;
    }
}