From a67ab7bfe0878989acf66e027fa650d79282c104 Mon Sep 17 00:00:00 2001
From: CNWei <t6g888@163.com>
Date: Sun, 1 Nov 2026 21:47:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=86=E5=8C=BA=E8=A7=92=E6=A0=87?=
 =?UTF-8?q?=E6=94=B9=E6=8C=89=E5=B7=A6=E8=BE=B9=E7=BC=98=E5=AE=9A=E4=BD=8D?=
 =?UTF-8?q?=EF=BC=8C=E4=BD=8D=E6=95=B0=E4=B8=8D=E5=90=8C=E9=97=B4=E8=B7=9D?=
 =?UTF-8?q?=E4=B9=9F=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

原来 right: -30px 按右边缘定位，badge 宽度随位数变化：
本地服务（1 位数）离标题 14px，推荐电影 / CES（2 位数）只有 8px。
改成 left: calc(100% + 8px)，四张卡片实测间距全部为 8px。
---
 stash-web/src/App.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index f795ca8..e7019eb 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -287,7 +287,9 @@
 .count-badge {
   position: absolute;
   top: -8px;
-  right: -30px;
+  /* 以左边缘定位：不管角标是 1 位还是 2 位数，和标题的距离都一样 */
+  left: calc(100% + 8px);
+  right: auto;
   height: 16px;
   min-width: 16px;
   padding: 0 var(--su-space-1);