feat(关于页): 重设计为「时间线 + 数据一览」版式，动效对齐全站 UIKit 范式

- 版式：01 关于我（属性四行 + 时间线四节点 + 三张数据卡 + 分类 Top5 条，
  全部构建期实时统计，新增 partial about-intro.html）+ 02 这个博客 + 03 走心
  评论 + 04 热力图，间距统一由 .about-sec 管，字号统一四档
- 动效：纯官方 UIKit scrollspy（与归档页同源）—— target 一律后代选择器、
  动画类用 uk-animation-slide-*-medium（50px 位移）+ repeat:true 滚回重播、
  分节标题 fade 不 repeat；删自研编排器，CSS 只留分类条宽度填充与
  prefers-reduced-motion 守卫
- 修复 PJAX 下 UIKit 不重绑的既有 bug：mypjax.js 换页后调 UIkit.update()
  （评论区/说说的 scrollspy 同样依赖此修复）
- 走心评论：骨架屏、8s 超时、sessionStorage 缓存（10 分钟）、重试按钮；
  异步渲染后手动 UIkit.update() 让卡片参与入场级联

themes/Ying/layouts/partials/heatmap.html

@@ -11,9 +11,14 @@
 }
 </style>
 
-<div id="heatmap-wrapper" class="heatmap-scroll-wrapper">
+<div id="heatmap-wrapper" class="heatmap-scroll-wrapper" uk-scrollspy="cls: uk-animation-slide-bottom-medium; delay: 60">
   <div id="heatmap" style="max-width: 800px; height: 160px; margin: 0 auto 0px auto; padding: 10px; border-radius: 10px; transition: all 0.3s ease; display: block !important; visibility: visible !important; min-width: 300px;"></div>
 </div>
+{{/* ★ 动效说明：散点图画在 #heatmap 里，那行内联 `visibility:visible!important`
+     是 ECharts 测量容器尺寸所需，不能被 scrollspy 的 hidden 覆盖。
+     所以 scrollspy 挂在**外层 wrapper** 上（用 cls:，target 默认为自身），
+     官方 slide-bottom-medium（50px 上浮）入场；图本身不受影响。
+     不开 repeat —— 单个大块反复重播观感太跳。 */}}
 
 <script type="text/javascript">
   function renderHeatmap() {