refactor: 优化管理后台设置页面的缓存刷新失败提示展示方式

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

@@ -36,6 +36,15 @@
 			addToast(form.error, 'error');
 		}
 	});
+	$effect(() => {
+		const purgeError = data.settings['cache.purge_error'];
+		if (purgeError) {
+			addToast(
+				`内容已保存，但缓存刷新失败：${purgeError}。请检查缓存清理权限后重试保存。`,
+				'error'
+			);
+		}
+	});
 </script>
 
 <div class="admin-page-header">
@@ -52,13 +61,6 @@
 	bind:activeTab
 />
 
-{#if data.settings['cache.purge_error']}
-	<p role="alert" class="cache-warning">
-		内容已保存，但最近一次缓存刷新失败：{data.settings['cache.purge_error']}。列表页最多可能延迟 5
-		分钟，详情页最多 1 小时更新。请检查缓存清理权限后重试保存。
-	</p>
-{/if}
-
 <div class="settings-container">
 	{#if activeTab === 'basic'}
 		<div class="basic-top-row">
@@ -364,13 +366,6 @@
 </div>
 
 <style>
-	.cache-warning {
-		padding: 16px;
-		background: #fff3cd;
-		color: #735400;
-		border-radius: 8px;
-		line-height: 1.6;
-	}
 	.admin-page-header {
 		margin-bottom: 25px;
 		border-bottom: 2px solid var(--text-color);