修两套 UI 的横向溢出 + vivid 页脚把源码入口从社交排里分出来

溢出（两处，同一类成因）：
- vivid 时间线：短文正文用的是 .note .body 而不是 .prose，所以 c6eb0bb 给
  .prose 加的 overflow-wrap:anywhere 没覆盖到它，正文里的裸链接把列撑到 552px
  （视口 516）。补上 anywhere 而非 break-word——要参与 min-content 计算才压得住
- classic 时间线：.shell 的页边距在 640px 断点从 20px 收到 12px，而 .row-feed 的
  负出血要到 520px 才跟着收到 -12px，521~640 这段出血比父容器内边距多 4px，
  整页横向溢出。把出血断点对齐到 640px（桌面视觉不动）
- LinkCard 的 .lc-site 同样补 anywhere：主机名是最典型的不可断行长 token

vivid 页脚：源码仓库入口原先被 concat 进社交数组，和站主的 GitHub/X 排成同一行，
看起来像「又一个社交账号」。改成社交排只放账号（同 classic RightRail 的过滤），
源码图标与版权单独成 .foot-meta 压在页脚最底；样式写在 .foot a 之后，靠同特指度
的后者压掉页脚链接默认的强调色

frontend/src/ui/yohaku/home.css

@@ -121,7 +121,12 @@ html[data-ui='vivid'] .note {display:block;background:transparent;
 }
 html[data-ui='vivid'] .note .meta {display:flex;gap:10px;align-items:center;
   font-size:12px;color:var(--muted);font-weight:600;margin-top:16px;}
-html[data-ui='vivid'] .note .body {margin:0;font-size:15.5px;line-height:1.8;color:var(--text);}
+html[data-ui='vivid'] .note .body {margin:0;font-size:15.5px;line-height:1.8;color:var(--text);
+  /* 短文正文用的是 .body 而不是 .prose，所以拿不到 styles.css 里 .prose 的
+     overflow-wrap:anywhere——裸链接这种不可断行的长 token 会把整列撑到 550px+，
+     手机上表现为页面横向能滚、右侧留白。用 anywhere 而非 break-word：
+     要让它参与 min-content 计算才真正压得住列宽。 */
+  overflow-wrap:anywhere;}
 html[data-ui='vivid'] .note .body a {color:var(--accent);font-weight:600;
   border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
   transition:border-color .25s;}