vivid 短文：文字类内容缩进 12px（字不贴边线），图片网格全宽贴边并跟随纸条圆角裁切，外链卡片内缩 12px

frontend/src/ui/yohaku/home.css

@@ -110,14 +110,22 @@ html[data-ui='vivid'] .tg::before {content:"#"}
 /* 短文纸条：不再用左线标记（线 + 内边距在手机上吃掉近 30px，且离内容有段
    间距）。区分改用两层信号：极淡的强调色底块（背景不占布局宽度）+ meta 里的
    SHORT 徽标；正文与长文卡片左缘对齐，一行内容都不浪费。 */
-/* 内边距对齐全站 12px 节奏；meta 上方 16px 的旧留白收掉 */
+/* 内边距对齐全站 12px 节奏；meta 上方 16px 的旧留白收掉。
+   纸条本体横向 padding 归零：文字类内容自己缩进 12px（字贴边线不好看），
+   图片网格全宽贴边、圆角归零；外链卡片是带边框的卡，同样缩进 12px。 */
 html[data-ui='vivid'] .note {display:block;
   background:color-mix(in srgb,var(--accent) 7%,transparent);
   border-radius:var(--radius);
-  padding:0;
+  padding:10px 0;
   margin-left:0;
+  overflow:hidden;
   position:relative;
   transition:background .35s var(--ease),transform .55s var(--spring),border-color .3s;}
+html[data-ui='vivid'] .note .body,
+html[data-ui='vivid'] .note .meta,
+html[data-ui='vivid'] .note .tags {padding-left:12px;padding-right:12px}
+html[data-ui='vivid'] .note .link-card {margin-left:12px;margin-right:12px}
+html[data-ui='vivid'] .note .imgs {border-radius:0}
 @media (hover: hover) and (pointer: fine) {
   html[data-ui='vivid'] .note:hover {background:color-mix(in srgb,var(--accent) 12%,transparent);
   transform:translateX(6px);