feat: 为 DataTable 组件添加条纹表格样式和属性支持

src/lib/components/admin/DataTable.svelte

@@ -1,10 +1,17 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	let { children }: { children: Snippet } = $props();
+
+	let {
+		children,
+		striped = true
+	}: {
+		children: Snippet;
+		striped?: boolean;
+	} = $props();
 </script>
 
 <div class="table-container">
-	<table class="data-table">
+	<table class="data-table" class:striped>
 		{@render children()}
 	</table>
 </div>
@@ -58,7 +65,11 @@
 		transition: background-color 0.2s ease;
 	}
 
+	:global(.data-table.striped tbody tr:nth-child(even)) {
+		background-color: rgba(0, 0, 0, 0.025);
+	}
+
 	:global(.data-table tbody tr:hover) {
-		background-color: rgba(0, 0, 0, 0.02);
+		background-color: rgba(0, 0, 0, 0.05);
 	}
 </style>