余白：手机端文章去卡片 + 信息流元信息下移 + 标签统一为纯文本 #标签

信息流（首页）
- 元信息（类型 / 日期 / 时长 / 字数）从标题上方挪到摘要之后，和标签同一块：
  卡片开头只留标题摘要，读完再看「什么时候、多长」
- 标签去掉 chip 样式，改为纯文本 #标签（# 走 ::before，链接的可读名仍是标签本身）；
  原来那排药丸看着能点，其实是卡片链接里的 span，点哪儿都进文章
- .card .tags / .note .tags 间距 6px -> 14px，配合纯文本

文章详情页
- 手机上不再套卡片：.article-layout 28px + .paper 22px + 卡片边框三层一共
  吃掉约 84px，390 屏上正文只剩 275px；平铺后 330px。同时关掉卡片右上角
  那团强调色渐晕（::before，卡片没了就只剩一块脏）。桌面 / 平板仍是卡片
- 底部标签跟信息流统一成纯文本 #标签，并去掉「标签」二字的小标
  （有 # 就是标签，再来两个字是重复）
- 详情页的标签是链接，补 padding:6px 0 —— 12.5px 裸文字按下去只有 ~18px 高，
  手机上不好点；不画背景不画边框，观感不变

标签样式只有 home.css 一处 .tg，信息流与详情页共用。

验证：headless Chromium 从站上量取计算样式 + 截图（390 / 1280）
- 详情页手机：paper bg=透明 border=0 radius=0 shadow=none padding=0，::before=none，
  正文 330px；桌面：bg=#fffefb border=1px radius=20px padding=48px，::before=block
- .end 子元素只剩 [A.tg, A.tg]；.tg 12.5px / padding 0 / ::before "#"；gap 14px
- 公网 138.2.17.73:8080 产物 md5 与磁盘一致；npm run build 无警告

frontend/src/ui/yohaku/home.css

@@ -86,8 +86,9 @@ html[data-ui='vivid'] .card .cov img {width:100%;height:100%;object-fit:cover;tr
   html[data-ui='vivid'] .card:hover .cov img {transform:scale(1.04)}
 }
 html[data-ui='vivid'] .card .body {padding:22px 26px 24px}
+/* 元信息挪到摘要之后（原来在标题上方）：和标签一起收在卡片尾部 */
 html[data-ui='vivid'] .card .meta {display:flex;gap:10px;align-items:center;flex-wrap:wrap;
-  font-size:12px;color:var(--muted);font-weight:600;margin-bottom:10px;}
+  font-size:12px;color:var(--muted);font-weight:600;margin-top:16px;}
 html[data-ui='vivid'] .badge {font-size:10.5px;font-weight:800;letter-spacing:.06em;
   padding:3px 9px;border-radius:999px;}
 html[data-ui='vivid'] .badge.long {background:var(--accent-soft);color:var(--accent)}
@@ -100,14 +101,12 @@ html[data-ui='vivid'] .card h2 {margin:0 0 10px;font-size:clamp(19px,2.2vw,23px)
 }
 html[data-ui='vivid'] .card .sum {margin:0;font-size:14.5px;line-height:1.75;color:var(--soft);
   display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
-html[data-ui='vivid'] .card .tags {display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
-html[data-ui='vivid'] .tg {font-size:11.5px;font-weight:700;color:var(--soft);
-  padding:4px 11px;border-radius:999px;
-  background:color-mix(in srgb,var(--ink) 5%,transparent);
-  transition:background .35s var(--spring),color .35s var(--spring),transform .35s var(--spring);}
-@media (hover: hover) and (pointer: fine) {
-  html[data-ui='vivid'] .tg:hover {background:var(--accent-soft);color:var(--accent);transform:translateY(-2px)}
-}
+html[data-ui='vivid'] .card .tags {display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
+/* 标签（信息流卡片 + 详情页共用）：纯文本 #标签，比一排药丸安静。
+   # 走 ::before，不影响链接/朗读的名字。 */
+html[data-ui='vivid'] .tg {font-size:12.5px;font-weight:600;color:var(--muted);
+  transition:color .35s var(--ease);}
+html[data-ui='vivid'] .tg::before {content:"#"}
 html[data-ui='vivid'] .note {display:block;background:transparent;
   border-left:3px solid var(--accent);
   border-radius:0 var(--radius) var(--radius) 0;
@@ -121,7 +120,7 @@ html[data-ui='vivid'] .note {display:block;background:transparent;
   box-shadow:var(--shadow);}
 }
 html[data-ui='vivid'] .note .meta {display:flex;gap:10px;align-items:center;
-  font-size:12px;color:var(--muted);font-weight:600;margin-bottom:8px;}
+  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 a {color:var(--accent);font-weight:600;
   border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
@@ -129,7 +128,7 @@ html[data-ui='vivid'] .note .body a {color:var(--accent);font-weight:600;
 @media (hover: hover) and (pointer: fine) {
   html[data-ui='vivid'] .note .body a:hover {border-bottom-color:var(--accent)}
 }
-html[data-ui='vivid'] .note .tags {display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
+html[data-ui='vivid'] .note .tags {display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
 html[data-ui='vivid'] .pager {display:flex;gap:8px;align-items:center;justify-content:center;
   margin-top:36px;flex-wrap:wrap;}
 html[data-ui='vivid'] .pager button {font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;