游戏笔记 v0.3.1：英雄画廊 - 排序与移动端布局修复

修复海克斯大乱斗英雄画廊的三个体验问题：胜率/热度排序跨页不连续、移动端每页多出半个英雄、以及移动端标题与数据源按钮错位。

排序逻辑修复

• 按胜率或热度排序时，原实现只重排了 DOM 而没更新 JS 数组，导致分页仍按初始顺序切片——每一页内部是降序、但翻页后整体顺序不连续。
• 改为保留 originalCards 原始顺序，排序时从原始顺序生成结果并重新赋给 cards，让分页严格基于排序后的顺序切片，跨页整体也保持降序。

移动端分页密度

• 原硬编码每页 15 个英雄，移动端两列布局下会多出半个、不整齐。
• 改为按视口自适应：用 matchMedia(max-width: 719px) 判断，移动端每页 14 个（7 行 × 2 列），桌面端（三列）保留 15 个（5 行 × 3 列）；横竖屏切换时自动重排并回到第 1 页。

移动端标题布局

• 将「英雄出装速查」标题与「数据源 RESG」按钮从纵向错开改为同一行排列。
• 通过 flex-direction: row + 标题 flex: 1 占满剩余宽度、按钮固定在右侧，base.css 与 lol.css 两个断点同步调整。

UI 设计图留档

以下截图按提交 d81da67 复原，记录英雄画廊排序与分页密度调整后的稳定三列资料卡布局。