From a780da5c3aa0f0c82eaadfbbe9f2d271f4f50a22 Mon Sep 17 00:00:00 2001
From: Sakurasan <26715255+Sakurasan@users.noreply.github.com>
Date: Thu, 1 Oct 2026 16:59:09 +0800
Subject: [PATCH] =?UTF-8?q?vivid=20=E7=9F=AD=E6=96=87=E6=A0=87=E8=AE=B0?=
 =?UTF-8?q?=E5=8E=BB=E7=BA=BF=E6=94=B9=E6=B7=A1=E5=BA=95=E5=9D=97=EF=BC=9A?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E4=B8=8D=E5=8D=A0=E5=B8=83=E5=B1=80=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=EF=BC=8C=E6=AD=A3=E6=96=87=E4=B8=8E=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=B7=A6=E7=BC=98=E5=AF=B9=E9=BD=90=EF=BC=8C=E5=8C=BA=E5=88=86?=
 =?UTF-8?q?=E4=BF=A1=E5=8F=B7=20=3D=20accent=20=E6=B7=A1=E5=BA=95=20+=20SH?=
 =?UTF-8?q?ORT=20=E5=BE=BD=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/ui/yohaku/home.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/ui/yohaku/home.css b/frontend/src/ui/yohaku/home.css
index 483b7d2..856942e 100644
--- a/frontend/src/ui/yohaku/home.css
+++ b/frontend/src/ui/yohaku/home.css
@@ -107,18 +107,18 @@ html[data-ui='vivid'] .card .tags {display:flex;gap:14px;flex-wrap:wrap;margin-t
 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:"#"}
-/* 短文纸条：左线收细到 2px，去掉 12px 左外边距、内边距收窄——
-   短文本身显示面积就少，左侧原来共吃掉近 60px（wrap 20 + margin 12 +
-   border 3 + padding 24），内容往边框靠，给正文腾宽度 */
-html[data-ui='vivid'] .note {display:block;background:transparent;
-  border-left:2px solid var(--accent);
-  border-radius:0 var(--radius) var(--radius) 0;
-  padding:14px 16px;
+/* 短文纸条：不再用左线标记（线 + 内边距在手机上吃掉近 30px，且离内容有段
+   间距）。区分改用两层信号：极淡的强调色底块（背景不占布局宽度）+ meta 里的
+   SHORT 徽标；正文与长文卡片左缘对齐，一行内容都不浪费。 */
+html[data-ui='vivid'] .note {display:block;
+  background:color-mix(in srgb,var(--accent) 7%,transparent);
+  border-radius:var(--radius);
+  padding:14px;
   margin-left:0;
   position:relative;
   transition:background .35s var(--ease),transform .55s var(--spring),border-color .3s;}
 @media (hover: hover) and (pointer: fine) {
-  html[data-ui='vivid'] .note:hover {background:var(--card);
+  html[data-ui='vivid'] .note:hover {background:color-mix(in srgb,var(--accent) 12%,transparent);
   transform:translateX(6px);
   box-shadow:var(--shadow);}
 }