feat(viewer): likes, bubbles, visit reporting and hot sorting

Task 10 viewer 互动化：

- 点赞：useLikes 批次状态机（500ms 防抖 / 5 次满额即冲 / 失败同 batchId
  退避重试 3 次后回滚丢弃），乐观计数 + 服务端 total 权威校准
  （countVersion 单调），大图与格子双入口；
- WS 实时：RealtimeClient 纯状态机（半频心跳、指数退避重连、三败降级、
  重连成功 resync 第 1 页重取），消息路由器做 likes.burst 自身过滤
  （originBatchIds 求交）、隐藏页暂停与减少动画下仅校准不出气泡；
  photo.hidden/deleted 即时移出序列并回退邻居大图；降级后 8s 轮询接管；
- 浏览上报：visitorId 跨标签 BroadcastChannel first-writer-wins 协调，
  可见时上报、requestId 持久幂等、网络失败指数重试；
- 排序：最新/热门 chips（热门走 ov 冷快照），大图打开期间禁用切换；
  顶栏「减少动画」偏好开关；
- 契约包新增 ./realtime 子路径出口（浏览器面不可引桶出口——其连带
  internal-sync 的 node:crypto 会被 Vite 外置化致整页崩溃）；
- e2e 注入钩子 __viewerWsUrl/__viewerWsRetryBaseMs/__viewerRealtimePollMs/
  __viewerBubbleMs 与 .activity[data-connection] 连接态锚。

vitest：viewer 105（新增 36：likes 批次 8、visitor 协调 5、上报门控 4、
路由 8、WS 状态机 7、排序 4）；Playwright：viewer 21（新增 likes.spec 7、
journey 补互动腿断言）。

Co-Authored-By: Claude Code <noreply@anthropic.com>

apps/viewer/src/components/PhotoFeed.vue

@@ -3,6 +3,7 @@ import { computed, onBeforeUnmount, reactive, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import type { PublicPhoto } from '../api/client';
 import type { PhotoSequence } from '../feed/sequence';
+import type { LikesController } from '../likes/useLikes';
 import { layoutWaterfall } from '../feed/layout';
 
 // 观众瀑布流（Task 7；Task 8 起数据层上提）：双列绝对定位（短列优先，条目高按
@@ -21,6 +22,8 @@ import { layoutWaterfall } from '../feed/layout';
 
 const props = defineProps<{
   sequence: PhotoSequence;
+  /** 点赞控制器（Task 10）：缺省不渲染单元格点赞位（组件单测组装）。 */
+  likes?: LikesController;
 }>();
 
 const emit = defineEmits<{
@@ -154,6 +157,11 @@ async function onImgError(photo: PublicPhoto): Promise<void> {
   if (result !== 'replaced') failedIds.add(photo.photoId);
 }
 
+/** 单元格点赞（Task 10）：乐观 +1，不冒泡打开大图。 */
+function likeCell(photo: PublicPhoto): void {
+  props.likes?.like(photo.photoId);
+}
+
 onBeforeUnmount(() => {
   lazyObserver?.disconnect();
   sentinelObserver?.disconnect();
@@ -202,6 +210,16 @@ onBeforeUnmount(() => {
             decoding="async"
             @error="onImgError(photos[placement.index])"
           >
+          <button
+            v-if="likes !== undefined"
+            type="button"
+            class="cell-like"
+            :aria-label="t('viewer.like')"
+            @click.stop="likeCell(photos[placement.index])"
+          >
+            <span :key="likes.popNonce(photos[placement.index].photoId)" class="heart" aria-hidden="true">♥</span>
+            <span class="count">{{ likes.displayFor(photos[placement.index]) }}</span>
+          </button>
         </div>
       </div>
 
@@ -284,6 +302,43 @@ onBeforeUnmount(() => {
   height: 100%;
   object-fit: cover;
 }
+.cell-like {
+  position: absolute;
+  left: 6px;
+  bottom: 6px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  border: none;
+  border-radius: 999px;
+  background: rgba(17, 24, 39, 0.65);
+  color: #f9fafb;
+  padding: 2px 8px;
+  font-size: 0.75rem;
+  cursor: pointer;
+}
+.cell-like .heart {
+  color: #ef4444;
+  display: inline-block;
+  animation: heart-pop 400ms ease-out;
+}
+.cell-like .count {
+  font-variant-numeric: tabular-nums;
+}
+@keyframes heart-pop {
+  0% {
+    transform: scale(1);
+  }
+  40% {
+    transform: scale(1.6);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+.viewer-reduced-motion .cell-like .heart {
+  animation: none;
+}
 .end-note {
   text-align: center;
   color: #9ca3af;