子比主题 - 首页动态标题模块

一、核心优化效果（适配子比主题特性）

1. 渐变动态标题：替代纯色标题，蓝→紫→粉循环流动，与子比主题清新风格契合
2. hover 文字跳动：“学无止境，活到老，学到老” 副标题鼠标悬停时，文字逐个向上跳动，增强交互感
3. 全场景适配：完美兼容子比主题「深色模式」「移动端响应式」，不破坏原有主题样式

二、子比主题适配 3 大关键

1. 样式无冲突：代码避开子比主题核心类名（如zib-前缀），仅作用于自定义 “最新文章” 模块
2. 深色模式同步：匹配子比主题深色模式切换逻辑，标题渐变、文字颜色自动适配（亮色调转柔和色，不刺眼）
3. 响应式对齐：贴合子比主题移动端布局，小屏幕自动缩小标题字号、优化字符间距，避免换行

三、实操步骤（子比主题直接用）

步骤 1：自定义HTML小工具

步骤 2：粘贴核心代码