diff --git a/src/routes/error_report/+page.svelte b/src/routes/error_report/+page.svelte
index ad48d38..7e503f2 100644
--- a/src/routes/error_report/+page.svelte
+++ b/src/routes/error_report/+page.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
-let content = `[ERROR] 2026-02-25T12:35:41Z - node-prod-04.cluster.local
+    import { onMount } from "svelte";
+
+    let content = `[ERROR] 2026-02-25T12:35:41Z - node-prod-04.cluster.local
 Deployment failed: service-mesh-gateway (v2.4.1)
 
 Caused by:
@@ -18,16 +20,32 @@ Caused by:
     -----------------------------------------------------------------------
 
 (exit status 1)`;
+
+    onMount(async () => {
+        (window as any)['setContent'] = (_content: string) => {
+            content = _content;
+        };
+    });
 </script>
 
-<div class="m-4 text-white w-max max-w-3xl">
-    <div id="main" class="p-10 bg-gray-700">
-        <div class="bg-gray-900 p-4 rounded-2xl shadow-2xl">
-            <h1 class="text-3xl font-serif font-black my-3">出错啦！</h1>
-            <div class="mx-3 my-3 font-sans whitespace-pre-wrap wrap-break-word">
+<div class="p-4 text-white w-max max-w-3xl bg-red-950">
+    <div id="main" class="p-10 bg-red-950">
+        <div class="bg-red-800 p-4 rounded-2xl shadow-2xl">
+            <h1 class="text-3xl font-serif font-black my-3 text-amber-300">出错啦！</h1>
+            <div class="text-amber-200 mx-3 my-3 font-sans whitespace-pre-wrap wrap-break-word">
                 { content }
             </div>
         </div>
     </div>
 </div>
 
+<style>
+.font-serif {
+    font-family: "Noto Serif SC", "Noto Serif CJK SC";
+}
+
+.font-sans {
+    font-family: "Noto Sans SC", "Noto Sans CJK SC";
+}
+</style>
+