修两套 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/components/LinkCard.vue

@@ -83,6 +83,9 @@ function open() {
   letter-spacing: 0.04em;
   text-transform: lowercase;
   color: var(--v-muted, var(--faint));
+  /* 主机名是最典型的不可断行长 token（子域一长串），不给它 anywhere
+     就会把卡片左列顶宽、整行溢出 */
+  overflow-wrap: anywhere;
 }
 
 .lc-title {