fix(v1.2.2): 移动端二级菜单/页脚遮挡/切换不同步/卡片边框；新增瞬间详情页；Steam 页适配

- 移动端抽屉菜单：子菜单 th:block 移入 th:each 循环，修复二级菜单从未渲染
- 页脚：去掉 z-index 抬升，overflow-x hidden 改 clip，评论区翻页等弹层不再被遮挡/裁切
- 深浅色切换：页脚渐变背景改为可过渡的 background-color + 遮罩色层，全站同步过渡
- 玻璃卡片：移除与悬浮位移冲突的 backdrop-filter（Chromium 合成层吃掉顶边框），
  影响瞬间/友链页/友链圈/订阅页卡片；瞬间卡悬浮加描边
- 新增瞬间详情页主题化模板 moment.html（卡片视觉/九宫格/点赞恢复/空态兜底/灯箱）
- Steam 页：统计数据恒显示并兜底 '-'，失败原因提示；成就进度移至右侧并加奖杯标识；
  修复容器查询写在被查询元素上导致失效的存量问题
- 评论聚焦环改用 color-mix(var(--accent))，跟随配色；订阅页圆角补兜底
- 已通过 ocr review 全量审查（22 文件），采纳其中有效发现

src/pages/moments.astro

@@ -538,19 +538,22 @@ import LightGallery from "../components/LightGallery.astro";
 
   .wi-moments-page__card-item {
     background: var(--glass-bg);
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
+    /* 不用 backdrop-filter：Chromium 下带 backdrop-filter 的元素一发生
+       transform（悬浮上移），合成层就会吃掉顶部 1px 边框；卡片背后是
+       纯页面背景，毛玻璃模糊本身没有可见效果，去掉即可修复 */
     border: 1px solid var(--glass-border);
     border-radius: 16px;
     padding: var(--space-xl);
     transition:
       box-shadow var(--duration-normal) var(--ease-out-expo),
-      transform var(--duration-normal) var(--ease-out-expo);
+      transform var(--duration-normal) var(--ease-out-expo),
+      border-color var(--duration-normal) var(--ease-out-expo);
   }
 
   .wi-moments-page__card-item:hover {
     box-shadow: var(--shadow-md);
     transform: translateY(-3px);
+    border-color: var(--accent);
   }
 
   /* 朋友圈式布局：头像在左，昵称/正文/九宫格在右 */