交互：表情面板 + 短文快发盒 + 双 UI 手机导航重做 + 社交链接与统计脚本接入

评论表情
- 发布 / 回复 / 编辑三处输入框挂上表情面板（EmojiPicker + emoji.js）：
  「表情 / 颜文字」两个 tab，光标处插入（insertAtCursor，未聚焦追加到
  末尾），面板自己管点外 / Esc 收起
- 操作钮 ✎ ✕ ↩ 圆图标改文字钮（回复 / 编辑 / 删除），删除悬停给红，
  补 focus-visible；编辑态去掉「正在改定此评：」交给 placeholder

双 UI 手机导航（参考 innei.in 的底部胶囊 + 上拉菜单）
- 余白：顶栏手机端整条退场，底部悬浮 dock（品牌 + NavBurger 汉堡），
  点开上拉毛玻璃菜单：mono 序号 01-05 + 中文大字 + 英文小字，当前项
  强调色 + 左缘短杠，逐项错峰 45ms 入场；dock 在菜单之下原位变 ✕
- classic：顶栏 brand 居中（三列网格）+ NavBurger + 下拉纸片；下滑隐藏
  上滑唤回——上滑要累计 40px 才算数（页面高度稳定时浏览器会回弹几十
  像素，那种「假上滑」不拉回顶栏）；首页 .sticky-head 用 var(--topbar-h)
  跟随顶栏一起滑
- NavBurger 两套 UI 共用；经典手机 FAB 避开右下角主题浮钮

sticky 失效修复
- body overflow-x:hidden 把 body 变成滚动容器，页内所有 position:sticky
  全部失明（首页筛选条吸顶从来没生效过）→ 改 overflow-x:clip，
  只裁剪不建滚动容器
- 余白手机端 .article-layout 裸 1fr 的自动最小尺寸是 min-content，
  长 token 把整列顶到 592px 横向溢出 → minmax(0,1fr) + overflow-wrap

短文快发盒（QuickShort，Twitter 式）
- 时间线顶部内联发布盒：头像 + 输入框 + 发布（Ctrl/⌘+Enter），手机收进
  右下角 FAB + 上拉 sheet；只有管理员会话在场才渲染（/api/admin/me
  探测），发布走真实 createPost(kind:short)——标题 / slug / 阅读时长
  后端自动生成。读者社交登录是阶段二产物，后端就绪前访客无法登录，
  所以天然只有站主可见；要放开给读者发，换探测和发布接口即可
- 经典 FAB 避开右下角主题浮钮（bottom 72），余白贴安全区（bottom 20）

社交链接 + 统计脚本接入
- Settings 的 social_links 前台两处渲染：经典左栏「常读标签」区域改为
  「社交账号」图标行（url 域名推导图标：GitHub / Telegram / X / 邮箱
  信封，认不出显示名称文字），右栏卡片下方 Twitter 式页脚小字区三排
  （导航行 / 社交图标行 / 项目源码 + 版权行）——项目源码是固定入口
  （本站 git remote），与版权同为固定元素，后台配置挤不掉
- Settings 加 custom_js：后台贴完整 <script> 片段（GA / Plausible /
  Umami），DOMParser 解析后逐个重建 script 节点插进 head（innerHTML
  塞的 script 不会执行）；公开页每页注入一次，/admin 不注入；
  站主自己的代码不做清洗（洗 JS 只会把统计脚本洗坏）
- 订阅卡删掉：RSS 入口在页脚小字里，一张卡只为一个链接不值得

杂项
- vite dev 加 --host：手机连局域网直接评审
- 评论 mock 的状态浮层窄屏上移，给底部 dock 让位
- 经典页脚在 12px 页边距下的排版对齐

验证
- 后端 go test 全绿；前端构建通过
- 浏览器逐状态过目：双 UI × 亮暗 × 桌面/手机；表情插入 / 短文发布真实
  入库（测试内容已删）/ dock 与 sheet 开合 / FAB 与主题浮钮不重叠 /
  顶栏隐藏与筛选条跟随同步

frontend/src/views/HomeView.vue

@@ -4,6 +4,7 @@ import { useRoute, useRouter } from 'vue-router'
 import LeftNav from '../components/LeftNav.vue'
 import RightRail from '../components/RightRail.vue'
 import PostCard from '../components/PostCard.vue'
+import QuickShort from '../components/QuickShort.vue'
 import YohakuHome from '../ui/yohaku/YohakuHome.vue'
 import { publicApi } from '../api'
 import { site, applyDocTitle } from '../site'
@@ -107,6 +108,15 @@ function setKind(value) {
   router.push({ path: '/', query: { ...(value ? { kind: value } : {}), ...(tag.value ? { tag: tag.value } : {}) } })
 }
 
+// 短文发布成功：回到第一页让新内容立刻可见（路由变化会自动触发重载）
+function onPublished() {
+  if (page.value !== 1) {
+    router.replace({ path: '/', query: { ...route.query, page: 1 } })
+  } else {
+    load()
+  }
+}
+
 const pageCount = computed(() => Math.max(1, Math.ceil(total.value / size.value)))
 
 const heading = computed(() => {
@@ -139,7 +149,11 @@ applyDocTitle('')
     @update:tag="(v) => router.push({ path: '/', query: v ? { tag: v } : {} })"
     @update:query="(v) => router.push({ path: '/', query: v ? { q: v } : {} })"
     @go="(n) => router.push({ path: '/', query: { ...route.query, page: n } })"
-  />
+  >
+    <template #compose>
+      <QuickShort @published="onPublished" />
+    </template>
+  </YohakuHome>
 
   <div v-else class="shell">
     <div class="layout">
@@ -164,6 +178,9 @@ applyDocTitle('')
           </nav>
         </header>
 
+        <!-- 短文快发盒：只有管理员会话在场才渲染（见 QuickShort） -->
+        <QuickShort @published="onPublished" />
+
         <div v-if="loading" class="loading">载入中…</div>
         <div v-else-if="error" class="empty">{{ error }}（后端是否已启动？）</div>
         <div v-else-if="!items.length" class="empty">
@@ -296,9 +313,17 @@ applyDocTitle('')
     border-left: 0;
     border-right: 0;
   }
-  /* 移动端 TopBar 也吸顶（高 54px），标题栏贴其下方 */
+  /* 移动端 TopBar 也吸顶，标题栏贴其下方（高度在 styles.css 的 --topbar-h）。
+     TopBar 下滑隐藏时把 html.topbar-hidden 翻上来，偏移归 0，两层同曲线一起滑 */
   .sticky-head {
-    top: 54px;
+    top: var(--topbar-h, 54px);
+    transition: top 0.32s var(--ease, ease);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sticky-head {
+      transition: none;
+    }
   }
 }
 </style>