/* ============================================================
   Java 教程通用组件：标题彩蛋（随机闪现 + 色散边缘）
   用法：给标题元素加 class="titleflash"，脚本会自动逐字拆分。
   配置（均可选，详见 titleflash.js）：
   - data-titleflash-fill="颜色"     闪现时文字填充色（缺省保持原色，仅加色散边缘）
   - data-titleflash-duration="毫秒"  闪现时长（缺省 90ms）
   - data-titleflash-interval="毫秒"  闪现平均间隔（缺省 5000ms，实际 ±40% 随机）
   在 prefers-reduced-motion 下脚本自动禁用，本组件不产生常驻动效。
   ============================================================ */
/* 标题作为固定单行布局块参与绘制：
   逐字 inline-block 与 text-wrap:balance 在部分窄屏 / 字体下会把标题折行，
   这里锁定单行（期望行数由作者控制，当前均为单行标题）。 */
.titleflash {
  white-space: nowrap;
}

.titleflash-char {
  display: inline-block;
}

/* 闪现：填充色由 --titleflash-fill 控制（缺省保持原色）；
   色散边缘用 text-shadow 实现，红 / 青残影只露在字形边缘，不覆盖文字本身 */
.titleflash-char.lit {
  color: var(--titleflash-fill, inherit);
  text-shadow:
    -2px 1px 0 rgba(255, 0, 64, .7),
    2px -1px 0 rgba(0, 255, 255, .7);
}