From 8315af0f0ca5cab2659245714be5b9656cd674fe Mon Sep 17 00:00:00 2001
From: Sakurasan <26715255+Sakurasan@users.noreply.github.com>
Date: Thu, 1 Oct 2026 17:10:47 +0800
Subject: [PATCH] =?UTF-8?q?vivid=20=E7=9F=AD=E6=96=87=EF=BC=9A=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E7=B1=BB=E5=86=85=E5=AE=B9=E7=BC=A9=E8=BF=9B=2012px?=
 =?UTF-8?q?=EF=BC=88=E5=AD=97=E4=B8=8D=E8=B4=B4=E8=BE=B9=E7=BA=BF=EF=BC=89?=
 =?UTF-8?q?=EF=BC=8C=E5=9B=BE=E7=89=87=E7=BD=91=E6=A0=BC=E5=85=A8=E5=AE=BD?=
 =?UTF-8?q?=E8=B4=B4=E8=BE=B9=E5=B9=B6=E8=B7=9F=E9=9A=8F=E7=BA=B8=E6=9D=A1?=
 =?UTF-8?q?=E5=9C=86=E8=A7=92=E8=A3=81=E5=88=87=EF=BC=8C=E5=A4=96=E9=93=BE?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=86=85=E7=BC=A9=2012px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/ui/yohaku/home.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/ui/yohaku/home.css b/frontend/src/ui/yohaku/home.css
index 67678c5..960df9e 100644
--- a/frontend/src/ui/yohaku/home.css
+++ b/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);