添加 krg 表情差分

src/routes/error_report/+page.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+    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:
+    Standard Error (stderr):
+    -----------------------------------------------------------------------
+    dial tcp 10.96.0.10:53: i/o timeout
+    error: failed to connect to the cluster discovery service
+
+    Diagnostic Information:
+    - Operation: UPSERT_SERVICE_ENDPOINT
+    - Status: NetworkUnreachable (Code: 503)
+    - Trace ID: 8f2b1d3c-9a0e-4f76-b521-723049586ac2
+
+    Hint: The upstream cluster is not responding. Check your security groups
+    and ensure the internal DNS resolver is reachable from this subnet.
+    -----------------------------------------------------------------------
+
+(exit status 1)`;
+
+    onMount(async () => {
+        (window as any)['setContent'] = (_content: string) => {
+            content = _content;
+        };
+    });
+</script>
+
+<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>
+

src/routes/k8x12S/+page.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+let content = "私は細胞ですが、肉はエヌですか?";
+</script>
+
+<textarea name="content" id="content" bind:value={content}></textarea>
+
+<div id="main" class="main">
+  {@html content}
+</div>
+
+<style>
+  @font-face { font-family: k8x12S; src: url(../../lib/assets/k8x12S.ttf); }
+  @font-face { font-family: muzai-pixel; src: url(../../lib/assets/MZPXorig.ttf); }
+
+  #main {
+    font-family: k8x12S, muzai-pixel;
+    font-size: 48px;
+    display: block;
+    color: #c9d1d9;
+    background-color: #0d1117;
+    width: fit-content;
+    max-width: 600px;
+    padding: 10px;
+  }
+
+  :global(html, body) {
+    background-color: #0d1117;
+    color: #c9d1d9;
+  }
+</style>

src/routes/krgsay/+page.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+    import { onMount } from "svelte";
+    import krgsay from "$lib/assets/krgsay.jpg";
+    import krgcry from "$lib/assets/krgcry.png";
+    import krghungry from "$lib/assets/krghungry.png";
+    import krgblush from "$lib/assets/krgblush.png";
+
+    let content = '嗨小朋友们大家好！\n你们认识我是谁吗？';
+    let style = 'say';
+
+    let images = {
+        'say': krgsay,
+        'cry': krgcry,
+        'hungry': krghungry,
+        'blush': krgblush
+    };
+
+    onMount(async () => {
+        (window as any)['setContent'] = (_content: string, _style: string = "say") => {
+            content = _content;
+            style = _style;
+        };
+    });
+</script>
+
+<div id="main" style={`background-image: url(${images[style]}); background-size: contain; width: 800px; height: 800px; margin: 20px;`}>
+    <div class="inner">{ content }</div>
+</div>
+
+<style>
+@font-face {
+    font-family: "QuanPixel 8px";
+    src: url("$lib/assets/quan.ttf");
+}
+
+#main {
+    font-family: "QuanPixel 8px";
+    font-size: 32px;
+    color: #658ca6;
+    position: relative;
+    line-height: 40px;
+}
+
+#main>.inner {
+    position: absolute;
+    left: 32px;
+    top: 108px;
+    width: 568px;
+    height: 380px;
+    padding: 0 32px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    white-space: pre-wrap;
+}
+</style>

src/routes/notice/+page.svelte

@@ -33,43 +33,48 @@ onMount(async () => {
 
 <style>
   .container {
-    background-color: #000000;
+    font-size: 2em;
+    background-color: rgb(0, 0, 0);
     padding: 10px;
   }
 
   #main {
-    background-color: #000000;
+    background-color: rgb(90, 90, 90);
     width: fit-content;
-    padding: 5px;
+    padding: 4px 0.25em 0.25em 8px;
   }
 
   .notice-container {
     width: fit-content;
-    border: 1px solid #ddd;
+    border: 0.05em solid rgb(120, 120, 120);
     background-color: white;
-    border-radius: 8px;
+    border-radius: 0.5em;
     overflow: hidden;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+    box-shadow: 0.1em 0.1em 0.2em rgba(90,90,90, 0.75);
   }
 
   .notice-title {
-    font-size: 24px;
+    font-size: 1em;
     font-weight: bold;
-    padding: 10px;
+    padding: 0.6em;
     color: white;
-    background-color: #66ccff;
+    background-color: #ff3939;
+    text-align: center;
   }
 
   .notice-content {
-    font-size: 16px;
-    padding: 10px;
+    font-size: 1em;
+    font-weight: bold;
+    padding: 0.6em;
     color: #333;
+    max-width: 12em;
   }
 
   .mask-mode {
     background-color: black!important;
     .notice-container {
-      box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
+      border: 0.05em solid rgb(255, 255, 255);
+      box-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.5);
     }
     .notice-title {
       background-color: #ffffff!important;

src/routes/old_font/+page.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+let content = "那是一条神奇的天路耶！带我们走进天堂的门阖！";
+</script>
+
+<textarea name="content" id="content" bind:value={content}></textarea>
+
+<div id="main" class="main ss02">
+  {@html content}
+</div>
+
+<style>
+  @font-face { font-family: Simp; src: url(../../lib/assets/EvilSung-Regular.ttf); }
+  :global(.ss01) { font-feature-settings: "ss01"; }
+  :global(.ss02) { font-feature-settings: "ss02"; }
+  :global(.ss03) { font-feature-settings: "ss03"; }
+  :global(.ss04) { font-feature-settings: "ss04"; }
+  :global(.ss05) { font-feature-settings: "ss05"; }
+  :global(.ss06) { font-feature-settings: "ss06"; }
+  :global(.ss07) { font-feature-settings: "ss07"; }
+
+  #main {
+    font-family: Simp;
+    font-size: 2em;
+    display: block;
+    color: #c9d1d9;
+    background-color: #0d1117;
+    width: fit-content;
+    max-width: 600px;
+    padding: 10px;
+  }
+
+  :global(html, body) {
+    background-color: #0d1117;
+    color: #c9d1d9;
+  }
+</style>