style: 优化后台标签页面的徽章样式和悬停效果

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

@@ -226,30 +226,31 @@
 		line-height: 1;
 		vertical-align: middle;
 		box-sizing: border-box;
+		border-radius: 4px;
+		font-size: 85%;
 	}
 
 	.badge-link {
+		background-color: rgba(65, 155, 56, 0.12);
 		color: var(--accent-color, #419b38);
 		text-decoration: none;
 		cursor: pointer;
 		font-weight: 600;
 		opacity: 1 !important;
-		transition:
-			background-color 0.15s ease,
-			color 0.15s ease;
+		transition: background-color 0.15s ease;
 	}
 
-	.badge-link:hover,
-	.badge-link:focus-visible {
-		background-color: var(--accent-color, #419b38);
-		color: #ffffff;
+	.badge-link:hover {
+		background-color: rgba(65, 155, 56, 0.25);
+		color: var(--accent-color, #419b38);
 		opacity: 1 !important;
-		text-decoration: none;
-		outline: none;
+		text-decoration: underline;
+		text-underline-offset: 2px;
 	}
 
 	.badge-link:focus-visible {
-		box-shadow: 0 0 0 2px rgba(65, 155, 56, 0.4);
+		outline: 2px solid var(--accent-color, #419b38);
+		outline-offset: 1px;
 	}
 
 	.badge-empty {