/* ============================================================
 *  ZT 子主题 · 点击飘字样式（assets/css/cursor.css）
 * ------------------------------------------------------------
 *  注意：鼠标指针（皮肤）那部分已经"搬走"了！
 *  现在光标由后台设置动态生成（见 inc/frontend.php），
 *  所以这里只保留"点击飘出文字"的样式。
 * ============================================================ */

/* 飘出来的那一个词 */
.zib-click-word {
    position: fixed;          /* 固定在窗口坐标上，页面滚动也不会跑偏 */
    pointer-events: none;     /* 关键：不挡住下面的点击 */
    transform: translate(-50%, -50%); /* 让文字中心对齐鼠标点 */
    font-size: 20px;
    font-weight: 700;
    color: #e02424;           /* 默认色（JS 会随机覆盖成 hsl 随机色） */
    z-index: 999999;
    white-space: nowrap;
    user-select: none;        /* 禁止选中，免得拖动时选到它 */
    animation: zib-click-float 1.1s ease-out forwards; /* 播完停在最后一帧 */
}

/* 飘出的过程：从小到大、从下往上飘、慢慢消失 */
@keyframes zib-click-float {
    0%   { transform: translate(-50%, -50%) scale(.6);  opacity: 1; }
    100% { transform: translate(-50%, -250%) scale(1.15); opacity: 0; }
}