fix: 优化后台标签页关联文章数量徽章的样式与交互

src/routes/admin/tags/+page.svelte

@@ -82,7 +82,8 @@
 								<a
 									href="{resolve('/admin/posts')}?tagId={tag.id}"
 									class="badge badge-link"
-									title={`查看关联的 ${tag.post_count} 篇${$page.data.aliases?.post || '文章'}`}
+									aria-label={`查看关联的 ${tag.post_count} 篇${$page.data.aliases?.post || '文章'}`}
+									data-sveltekit-preload-data="off"
 								>
 									{tag.post_count}
 								</a>
@@ -215,17 +216,40 @@
 		color: var(--text-muted, rgba(0, 0, 0, 0.6));
 	}
 
+	.badge-link,
+	.badge-empty {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		min-width: 24px;
+		height: 20px;
+		line-height: 1;
+		vertical-align: middle;
+		box-sizing: border-box;
+	}
+
 	.badge-link {
 		color: var(--accent-color, #419b38);
 		text-decoration: none;
 		cursor: pointer;
 		font-weight: 600;
-		transition: all 0.2s ease;
+		opacity: 1 !important;
+		transition:
+			background-color 0.15s ease,
+			color 0.15s ease;
 	}
 
-	.badge-link:hover {
+	.badge-link:hover,
+	.badge-link:focus-visible {
 		background-color: var(--accent-color, #419b38);
 		color: #ffffff;
+		opacity: 1 !important;
+		text-decoration: none;
+		outline: none;
+	}
+
+	.badge-link:focus-visible {
+		box-shadow: 0 0 0 2px rgba(65, 155, 56, 0.4);
 	}
 
 	.badge-empty {