vivid 手机端全站统一离边框 12px：hero/wrap/page-head/foot/showcase 对齐正文列与评论区（原 20/28px 混用），顶栏品牌左缘同步对齐，页脚底部留白收到 56px

frontend/src/ui/yohaku/chrome.css

@@ -57,7 +57,7 @@ html[data-ui='vivid'] .menu-btn {display:none}
 html[data-ui='vivid'] .top-m {position:fixed;z-index:120;
   top:0;left:0;right:0;
   display:none;align-items:center;justify-content:space-between;
-  padding:max(8px, env(safe-area-inset-top)) 10px 8px 14px;
+  padding:max(8px, env(safe-area-inset-top)) 12px 8px;
   border-bottom:1px solid var(--line);
   background:color-mix(in srgb,var(--card) 82%,transparent);
   backdrop-filter:blur(20px) saturate(1.5);