新站标「一横」：墨圆 + 一道白横，接进两套 UI 与图标

立意：既是字母 O 也是汉字「一」，对应站名 ONE / 一个博客。

- favicon.svg 重画：横杠用 fill-rule=evenodd 挖成真洞而不是叠一块纸色矩形，
  所以纸感 / 墨色暗端 / 后台卡片任何底色都直接透过去，不必为皮肤各出一版；
  SVG 内带 prefers-color-scheme，标签页深浅自动翻色
- 补 favicon-16/32.png（不认 SVG 的老浏览器）与 apple-touch-icon.png 180
  （iOS 不支持 SVG 且会把透明压成黑底，故铺纸色实底）。PNG 由临时 Go 程序
  按 8x8 子采样光栅化生成，生成器未入库，产物是资产
- LogoMark.vue 内联 SVG 组件：颜色跟 currentColor，尺寸由外层给
- 接入 6 处：classic 桌面左栏品牌位（原来是个排版字符 ○）、移动顶栏 brand、
  时间线头像位、详情页头像位、快发盒头像位；vivid 顶栏与底部 dock 品牌标记
  （右下角绿色在线点保留，它是「有人在写」的信号，不属于被替换的部分）
- 顺带清理：三处只为算首字母的死代码（initial 与只服务于它的 userName）、
  vivid 里一条被同特指度靠后规则完全覆盖的 .av 死规则；标记 wrapper 统一加
  flex:none，否则站名一长会被压成椭圆

frontend/src/components/TopBar.vue

@@ -3,6 +3,7 @@ import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { RouterLink, useRoute } from 'vue-router'
 import { site } from '../site'
 import NavBurger from './NavBurger.vue'
+import LogoMark from './LogoMark.vue'
 
 // 手机端导航。原来把 5 个链接平铺在顶栏里：375px 挤成一排小字，
 // 触点只有十几像素高，320px 的屏还会折行。改成 brand + 汉堡钮，
@@ -105,7 +106,10 @@ onBeforeUnmount(() => {
 <template>
   <!-- 窄屏时左栏收起，导航回到顶部；下滑隐藏、上滑唤回 -->
   <header class="topbar" :class="{ hidden }">
-    <RouterLink to="/" class="brand">{{ site.site_title || 'ONE' }}</RouterLink>
+    <RouterLink to="/" class="brand">
+      <span class="mk"><LogoMark /></span>
+      <span>{{ site.site_title || 'ONE' }}</span>
+    </RouterLink>
     <NavBurger
       ref="burger"
       class="burger"
@@ -179,6 +183,16 @@ onBeforeUnmount(() => {
     font-family: var(--serif);
     font-size: 17px;
     color: var(--ink);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .brand .mk {
+    width: 20px;
+    height: 20px;
+    flex: none;
+    color: var(--ink);
   }
 
   .burger {