diff --git a/assets/images/17Media-backend-interview.png b/assets/images/17Media-backend-interview.png
index c06c870df8..2d032d8762 100644
Binary files a/assets/images/17Media-backend-interview.png and b/assets/images/17Media-backend-interview.png differ
diff --git a/assets/images/javascript/eventque.gif b/assets/images/javascript/eventque.gif
index 07acbb346f..e1562ca9d2 100644
Binary files a/assets/images/javascript/eventque.gif and b/assets/images/javascript/eventque.gif differ
diff --git a/assets/images/javascript/jobque.gif b/assets/images/javascript/jobque.gif
index 760859e7a5..cf58fad6fe 100644
Binary files a/assets/images/javascript/jobque.gif and b/assets/images/javascript/jobque.gif differ
diff --git a/assets/images/llm-knowledge-base/cover.svg b/assets/images/llm-knowledge-base/cover.svg
index 9e1dc512ad..4cf75d8e55 100644
--- a/assets/images/llm-knowledge-base/cover.svg
+++ b/assets/images/llm-knowledge-base/cover.svg
@@ -1,43 +1 @@
-<svg viewBox="0 0 1200 630" xmlns="http://www.w3.org/2000/svg" font-family="-apple-system, 'PingFang TC', 'Noto Sans TC', Helvetica, Arial, sans-serif">
-  <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#0f2027"/>
-      <stop offset="0.5" stop-color="#203a43"/>
-      <stop offset="1" stop-color="#2c5364"/>
-    </linearGradient>
-    <pattern id="diamonds" width="120" height="120" patternUnits="userSpaceOnUse" patternTransform="rotate(15)">
-      <rect width="120" height="120" fill="none"/>
-      <line x1="0" y1="60" x2="120" y2="60" stroke="#ffffff" stroke-width="1"/>
-      <line x1="60" y1="0" x2="60" y2="120" stroke="#ffffff" stroke-width="1"/>
-    </pattern>
-  </defs>
-
-  <rect x="0" y="0" width="1200" height="630" fill="url(#bg)"/>
-  <rect x="0" y="0" width="1200" height="630" fill="url(#diamonds)" opacity="0.12"/>
-
-  <!-- Obsidian mark + wordmark, centered around x=377 -->
-  <g transform="translate(317,190)">
-    <polygon points="60,8 100,40 88,100 32,100 20,40" fill="#8b5cf6"/>
-    <polygon points="60,8 100,40 66,58" fill="#a78bfa"/>
-    <polygon points="20,40 60,8 66,58 40,66" fill="#7c3aed"/>
-    <polygon points="32,100 40,66 66,58 88,100" fill="#6d28d9"/>
-  </g>
-  <text x="377" y="398" text-anchor="middle" font-size="40" font-weight="800" fill="#ffffff" letter-spacing="-0.5">Obsidian</text>
-
-  <!-- plus sign, centered around x=564 -->
-  <text x="564" y="325" text-anchor="middle" dominant-baseline="central" font-size="88" font-weight="800" fill="#f97316">+</text>
-
-  <!-- Claude Code mark + wordmark, centered around x=787 -->
-  <g transform="translate(727,190)" fill="#d97757">
-    <path d="M60 8 L67 46 L60 60 L53 46 Z"/>
-    <path d="M60 112 L67 74 L60 60 L53 74 Z"/>
-    <path d="M8 60 L46 53 L60 60 L46 67 Z"/>
-    <path d="M112 60 L74 53 L60 60 L74 67 Z"/>
-    <path d="M23 23 L52 42 L60 60 L41 51 Z"/>
-    <path d="M97 97 L68 78 L60 60 L79 69 Z"/>
-    <path d="M97 23 L78 52 L60 60 L69 41 Z"/>
-    <path d="M23 97 L42 68 L60 60 L51 79 Z"/>
-    <circle cx="60" cy="60" r="12"/>
-  </g>
-  <text x="787" y="398" text-anchor="middle" font-size="40" font-weight="800" fill="#ffffff" letter-spacing="-0.5">Claude Code</text>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" font-family="-apple-system, 'PingFang TC', 'Noto Sans TC', Helvetica, Arial, sans-serif" viewBox="0 0 1200 630"><defs><linearGradient id="bg" x1="0" x2="1" y1="0" y2="1"><stop offset="0" stop-color="#0f2027"/><stop offset=".5" stop-color="#203a43"/><stop offset="1" stop-color="#2c5364"/></linearGradient><pattern id="diamonds" width="120" height="120" patternTransform="rotate(15)" patternUnits="userSpaceOnUse"><rect width="120" height="120" fill="none"/><line x1="0" x2="120" y1="60" y2="60" stroke="#fff" stroke-width="1"/><line x1="60" x2="60" y1="0" y2="120" stroke="#fff" stroke-width="1"/></pattern></defs><rect width="1200" height="630" x="0" y="0" fill="url(#bg)"/><rect width="1200" height="630" x="0" y="0" fill="url(#diamonds)" opacity=".12"/><g transform="translate(317,190)"><polygon fill="#8b5cf6" points="60 8 100 40 88 100 32 100 20 40"/><polygon fill="#a78bfa" points="60 8 100 40 66 58"/><polygon fill="#7c3aed" points="20 40 60 8 66 58 40 66"/><polygon fill="#6d28d9" points="32 100 40 66 66 58 88 100"/></g><text x="377" y="398" fill="#fff" font-size="40" font-weight="800" letter-spacing="-.5" text-anchor="middle">Obsidian</text><text x="564" y="325" fill="#f97316" dominant-baseline="central" font-size="88" font-weight="800" text-anchor="middle">+</text><g fill="#d97757" transform="translate(727,190)"><path d="M60 8 L67 46 L60 60 L53 46 Z"/><path d="M60 112 L67 74 L60 60 L53 74 Z"/><path d="M8 60 L46 53 L60 60 L46 67 Z"/><path d="M112 60 L74 53 L60 60 L74 67 Z"/><path d="M23 23 L52 42 L60 60 L41 51 Z"/><path d="M97 97 L68 78 L60 60 L79 69 Z"/><path d="M97 23 L78 52 L60 60 L69 41 Z"/><path d="M23 97 L42 68 L60 60 L51 79 Z"/><circle cx="60" cy="60" r="12"/></g><text x="787" y="398" fill="#fff" font-size="40" font-weight="800" letter-spacing="-.5" text-anchor="middle">Claude Code</text></svg>
\ No newline at end of file
diff --git a/assets/images/llm-knowledge-base/workflow.svg b/assets/images/llm-knowledge-base/workflow.svg
index f7a103c4c9..b9c0df9d16 100644
--- a/assets/images/llm-knowledge-base/workflow.svg
+++ b/assets/images/llm-knowledge-base/workflow.svg
@@ -1,75 +1 @@
-<svg viewBox="0 0 920 480" xmlns="http://www.w3.org/2000/svg" font-family="-apple-system, 'PingFang TC', 'Noto Sans TC', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">
-  <defs>
-    <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
-      <path d="M0,0 L10,5 L0,10 z" fill="#475569"/>
-    </marker>
-  </defs>
-
-  <rect x="0" y="0" width="920" height="480" fill="#ffffff"/>
-
-  <!-- Title -->
-  <text x="460" y="36" text-anchor="middle" font-size="20" font-weight="700" fill="#0f172a">LLM 知識庫工作流程</text>
-
-  <!-- Row of 4 phase boxes -->
-  <!-- 1. Collect -->
-  <g>
-    <rect x="30" y="90" width="180" height="120" rx="12" fill="#eff6ff" stroke="#3b82f6" stroke-width="2"/>
-    <text x="120" y="130" text-anchor="middle" font-size="17" font-weight="700" fill="#1d4ed8">1. 收集</text>
-    <text x="120" y="156" text-anchor="middle" font-size="13" fill="#334155">Obsidian Web Clipper</text>
-    <text x="120" y="176" text-anchor="middle" font-size="13" fill="#334155">存進 raw/ 資料夾</text>
-  </g>
-
-  <!-- 2. Compile -->
-  <g>
-    <rect x="255" y="90" width="180" height="120" rx="12" fill="#f0fdf4" stroke="#16a34a" stroke-width="2"/>
-    <text x="345" y="130" text-anchor="middle" font-size="17" font-weight="700" fill="#15803d">2. 整理</text>
-    <text x="345" y="156" text-anchor="middle" font-size="13" fill="#334155">Claude Code 讀取 raw/</text>
-    <text x="345" y="176" text-anchor="middle" font-size="13" fill="#334155">自動分類、建立 wiki 連結</text>
-  </g>
-
-  <!-- 3. Query -->
-  <g>
-    <rect x="480" y="90" width="180" height="120" rx="12" fill="#fefce8" stroke="#ca8a04" stroke-width="2"/>
-    <text x="570" y="130" text-anchor="middle" font-size="17" font-weight="700" fill="#a16207">3. 查詢</text>
-    <text x="570" y="156" text-anchor="middle" font-size="13" fill="#334155">自然語言提問</text>
-    <text x="570" y="176" text-anchor="middle" font-size="13" fill="#334155">回答歸檔回知識庫</text>
-  </g>
-
-  <!-- 4. Maintain -->
-  <g>
-    <rect x="705" y="90" width="185" height="120" rx="12" fill="#fdf2f8" stroke="#db2777" stroke-width="2"/>
-    <text x="797" y="130" text-anchor="middle" font-size="17" font-weight="700" fill="#be185d">4. 維護</text>
-    <text x="797" y="156" text-anchor="middle" font-size="13" fill="#334155">掃描找矛盾</text>
-    <text x="797" y="176" text-anchor="middle" font-size="13" fill="#334155">提示新研究方向</text>
-  </g>
-
-  <!-- Arrows between boxes -->
-  <line x1="210" y1="150" x2="250" y2="150" stroke="#475569" stroke-width="2" marker-end="url(#arrow)"/>
-  <line x1="435" y1="150" x2="475" y2="150" stroke="#475569" stroke-width="2" marker-end="url(#arrow)"/>
-  <line x1="660" y1="150" x2="700" y2="150" stroke="#475569" stroke-width="2" marker-end="url(#arrow)"/>
-
-  <!-- Loop back arrow (maintain -> compile, ongoing cycle) -->
-  <path d="M 797 210 C 797 300, 345 300, 345 215" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="6 5" marker-end="url(#arrow)"/>
-  <text x="571" y="292" text-anchor="middle" font-size="13" fill="#64748b">持續循環：新資料 + 維護結果不斷回饋進整理階段</text>
-
-  <!-- Bottom: 3 roles -->
-  <text x="460" y="356" text-anchor="middle" font-size="15" font-weight="700" fill="#0f172a">三個角色</text>
-
-  <g>
-    <rect x="120" y="380" width="200" height="70" rx="10" fill="#f8fafc" stroke="#cbd5e1" stroke-width="1.5"/>
-    <text x="220" y="408" text-anchor="middle" font-size="14" font-weight="700" fill="#334155">Obsidian</text>
-    <text x="220" y="428" text-anchor="middle" font-size="12" fill="#64748b">存放與呈現，本身不做整理</text>
-  </g>
-
-  <g>
-    <rect x="360" y="380" width="200" height="70" rx="10" fill="#f8fafc" stroke="#cbd5e1" stroke-width="1.5"/>
-    <text x="460" y="408" text-anchor="middle" font-size="14" font-weight="700" fill="#334155">Claude Code</text>
-    <text x="460" y="428" text-anchor="middle" font-size="12" fill="#64748b">讀寫檔案，做分類與連結</text>
-  </g>
-
-  <g>
-    <rect x="600" y="380" width="200" height="70" rx="10" fill="#f8fafc" stroke="#cbd5e1" stroke-width="1.5"/>
-    <text x="700" y="408" text-anchor="middle" font-size="14" font-weight="700" fill="#334155">你</text>
-    <text x="700" y="428" text-anchor="middle" font-size="12" fill="#64748b">丟資料、問問題、抽查結果</text>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" font-family="-apple-system, 'PingFang TC', 'Noto Sans TC', 'Microsoft JhengHei', Helvetica, Arial, sans-serif" viewBox="0 0 920 480"><defs><marker id="arrow" markerHeight="7" markerWidth="7" orient="auto-start-reverse" refX="9" refY="5" viewBox="0 0 10 10"><path fill="#475569" d="M0,0 L10,5 L0,10 z"/></marker></defs><rect width="920" height="480" x="0" y="0" fill="#fff"/><text x="460" y="36" fill="#0f172a" font-size="20" font-weight="700" text-anchor="middle">LLM 知識庫工作流程</text><g><rect width="180" height="120" x="30" y="90" fill="#eff6ff" stroke="#3b82f6" stroke-width="2" rx="12"/><text x="120" y="130" fill="#1d4ed8" font-size="17" font-weight="700" text-anchor="middle">1. 收集</text><text x="120" y="156" fill="#334155" font-size="13" text-anchor="middle">Obsidian Web Clipper</text><text x="120" y="176" fill="#334155" font-size="13" text-anchor="middle">存進 raw/ 資料夾</text></g><g><rect width="180" height="120" x="255" y="90" fill="#f0fdf4" stroke="#16a34a" stroke-width="2" rx="12"/><text x="345" y="130" fill="#15803d" font-size="17" font-weight="700" text-anchor="middle">2. 整理</text><text x="345" y="156" fill="#334155" font-size="13" text-anchor="middle">Claude Code 讀取 raw/</text><text x="345" y="176" fill="#334155" font-size="13" text-anchor="middle">自動分類、建立 wiki 連結</text></g><g><rect width="180" height="120" x="480" y="90" fill="#fefce8" stroke="#ca8a04" stroke-width="2" rx="12"/><text x="570" y="130" fill="#a16207" font-size="17" font-weight="700" text-anchor="middle">3. 查詢</text><text x="570" y="156" fill="#334155" font-size="13" text-anchor="middle">自然語言提問</text><text x="570" y="176" fill="#334155" font-size="13" text-anchor="middle">回答歸檔回知識庫</text></g><g><rect width="185" height="120" x="705" y="90" fill="#fdf2f8" stroke="#db2777" stroke-width="2" rx="12"/><text x="797" y="130" fill="#be185d" font-size="17" font-weight="700" text-anchor="middle">4. 維護</text><text x="797" y="156" fill="#334155" font-size="13" text-anchor="middle">掃描找矛盾</text><text x="797" y="176" fill="#334155" font-size="13" text-anchor="middle">提示新研究方向</text></g><line x1="210" x2="250" y1="150" y2="150" stroke="#475569" stroke-width="2" marker-end="url(#arrow)"/><line x1="435" x2="475" y1="150" y2="150" stroke="#475569" stroke-width="2" marker-end="url(#arrow)"/><line x1="660" x2="700" y1="150" y2="150" stroke="#475569" stroke-width="2" marker-end="url(#arrow)"/><path fill="none" stroke="#94a3b8" stroke-dasharray="6 5" stroke-width="2" marker-end="url(#arrow)" d="M 797 210 C 797 300, 345 300, 345 215"/><text x="571" y="292" fill="#64748b" font-size="13" text-anchor="middle">持續循環：新資料 + 維護結果不斷回饋進整理階段</text><text x="460" y="356" fill="#0f172a" font-size="15" font-weight="700" text-anchor="middle">三個角色</text><g><rect width="200" height="70" x="120" y="380" fill="#f8fafc" stroke="#cbd5e1" stroke-width="1.5" rx="10"/><text x="220" y="408" fill="#334155" font-size="14" font-weight="700" text-anchor="middle">Obsidian</text><text x="220" y="428" fill="#64748b" font-size="12" text-anchor="middle">存放與呈現，本身不做整理</text></g><g><rect width="200" height="70" x="360" y="380" fill="#f8fafc" stroke="#cbd5e1" stroke-width="1.5" rx="10"/><text x="460" y="408" fill="#334155" font-size="14" font-weight="700" text-anchor="middle">Claude Code</text><text x="460" y="428" fill="#64748b" font-size="12" text-anchor="middle">讀寫檔案，做分類與連結</text></g><g><rect width="200" height="70" x="600" y="380" fill="#f8fafc" stroke="#cbd5e1" stroke-width="1.5" rx="10"/><text x="700" y="408" fill="#334155" font-size="14" font-weight="700" text-anchor="middle">你</text><text x="700" y="428" fill="#64748b" font-size="12" text-anchor="middle">丟資料、問問題、抽查結果</text></g></svg>
\ No newline at end of file
diff --git a/assets/images/reverse-interview-blog.png b/assets/images/reverse-interview-blog.png
index 751f14849b..7f234fade3 100644
Binary files a/assets/images/reverse-interview-blog.png and b/assets/images/reverse-interview-blog.png differ
diff --git a/assets/images/sql/cross-join.png b/assets/images/sql/cross-join.png
index ebbcf21fb0..e8c44f842d 100644
Binary files a/assets/images/sql/cross-join.png and b/assets/images/sql/cross-join.png differ
diff --git a/assets/images/sql/execute-order.png b/assets/images/sql/execute-order.png
index 6c51c82994..1fd5c8e27a 100644
Binary files a/assets/images/sql/execute-order.png and b/assets/images/sql/execute-order.png differ
diff --git a/assets/images/sql/order-of-execution.png b/assets/images/sql/order-of-execution.png
index ed05a7cc66..267929f3d6 100644
Binary files a/assets/images/sql/order-of-execution.png and b/assets/images/sql/order-of-execution.png differ