修两套 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/chrome.css

@@ -178,6 +178,16 @@ html[data-ui='vivid'] .foot-social a {color:var(--soft);font-weight:400;
 html[data-ui='vivid'] .foot-social a:hover {color:var(--accent);background:var(--accent-soft);}
 html[data-ui='vivid'] .foot-social svg {width:17px;height:17px;fill:currentColor;}
 html[data-ui='vivid'] .foot-social span {font-size:12px;}
+/* 项目信息行：源码入口 + 版权。刻意不并进 .foot-social——那一排是站主的社交
+   身份，源码是仓库入口，混在一起会让人以为它也是一个社交账号。
+   放在 .foot a 规则之后：两者特指度相同，靠后者才能压掉默认的强调色。 */
+html[data-ui='vivid'] .foot-meta {display:flex;justify-content:center;align-items:center;
+  gap:8px;margin:16px 0 0;color:var(--muted);}
+html[data-ui='vivid'] .foot-meta a {display:inline-flex;align-items:center;justify-content:center;
+  width:26px;height:26px;border-radius:7px;color:var(--soft);font-weight:400;
+  transition:color .25s,background .25s;}
+html[data-ui='vivid'] .foot-meta a:hover {color:var(--accent);background:var(--accent-soft);}
+html[data-ui='vivid'] .foot-meta svg {width:15px;height:15px;fill:currentColor;}
 @media (hover: hover) and (pointer: fine) {
   html[data-ui='vivid'] .foot a:hover {opacity:.75}
 }