/* -------------------------------------------------------
   全站自定义指针「小流萤」+ 萤火拖尾
   绘制逻辑在 /assets/scripts/cursor.js
   ------------------------------------------------------- */

.ff-cursor-layer {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.18s ease;
}

.ff-cursor-canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* 蝴蝶 + 指位标识：独立小画布，靠 transform 跟手 */
.ff-cursor-fly {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    will-change: transform;
}

/* 只有脚本初始化成功后才会给 <html> 加 .ff-cursor，避免 JS 失效时没有指针 */
html.ff-cursor,
html.ff-cursor *,
html.ff-cursor *::before,
html.ff-cursor *::after {
    cursor: none !important;
}

/* 系统开启「减少动效」时，仍然保留指针本体（脚本里会关掉拖尾） */
@media (prefers-reduced-motion: reduce) {
    .ff-cursor-canvas {
        transition: none;
    }
}