diff --git a/CLAUDE.md b/CLAUDE.md
index e29361c..180724c 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -230,23 +230,52 @@ Applies to everything reader-facing on the whole site, the home page included: a
 
 When editing an existing article for any reason, fix style violations you touch. A dedicated sweep should rewrite each em-dash by hand; a blind find-and-replace produces broken sentences.
 
-**Images.** The rule covers text in images ByteFuture generates: cover images, charts, diagrams. Two kinds of article images are exempt as factual captures: screenshots (terminal output, product UI) and third-party figures reproduced with attribution (e.g. Artificial Analysis charts). Generated images are produced from HTML files in `blog/asset-sources/` (one per image, named after the output PNG), rendered with headless Chrome:
+**Images.** The rule covers text in images ByteFuture generates: cover images, charts, diagrams. Two kinds of article images are exempt as factual captures: screenshots (terminal output, product UI) and third-party figures reproduced with attribution (e.g. Artificial Analysis charts).
+
+**HARD RULE — every cover image ships pre-rendered, with its text burnt in.** A cover is a flat PNG committed to `blog/`. The words are pixels in that file. Nothing about a cover is assembled when a reader loads the page, when a card is drawn, or when a link preview is fetched.
+
+That forbids, without limitation:
+
+- Rendering a cover from a template at request time, or from a shared template that takes a slug/params and produces the image on the fly.
+- Shipping the SVG itself as the cover, or any live HTML or canvas standing in for one, and text layered over a background image with CSS or JS at view time. SVG is the authoring source; the reader only ever gets the rasterized PNG.
+- Any generated-at-view-time OG image (`/og/<slug>.png` handlers, on-demand image services, third-party card generators).
+- Fonts, colours, or copy resolved at view time. A cover must look identical with no network, no fonts available, and no JS.
+
+The listing cards and `og:image` therefore point at a committed PNG and nothing else. The single output artifact is the PNG; anything used to produce it is authoring-time only and never reaches a reader.
+
+**Generate the PNG from an SVG.** Every generated image has exactly one source, an **SVG** in `blog/asset-sources/` named after the output PNG (`<name>.svg` → `blog/<name>.png`). Rasterize it once with headless Chrome, which burns the text into the pixels:
 
 ```sh
 "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
   --headless=new --disable-gpu --hide-scrollbars --virtual-time-budget=6000 \
   --window-size=1200,630 \
-  --screenshot=blog/<name>.png "file://$PWD/blog/asset-sources/<name>.html"
+  --screenshot=blog/<name>.png "file://$PWD/blog/asset-sources/<name>.svg"
 ```
 
-(Use the canvas size in the source file's `body` rule: covers are 1200×630, charts vary.) To change an image's text, edit its source HTML and re-render; keep the source and PNG in the same commit. `blog/asset-sources/` is not an article directory and holds no published pages.
+Match `--window-size` to the SVG's `width`/`height`: covers are 1200×630, charts vary. Commit the PNG; it is what the site serves.
+
+Authoring an SVG cover:
+
+- Set `width`, `height`, and a matching `viewBox` on the root `<svg>`, and give it `xmlns="http://www.w3.org/2000/svg"`.
+- Text is native `<text>`, never `<foreignObject>` with HTML inside. SVG does not wrap text, so **each line is its own `<text>` with an explicit `y`** — there is no automatic line breaking to lean on.
+- Style with a `<style>` block and classes. Brand fonts come from the Google Fonts `@import`; inside SVG the `&` in that URL must be written `&amp;`.
+- `letter-spacing` in SVG is a length, so use px (`-2.8px`), not the em values CSS uses.
+- Colours, the dot grid, washes, chips, and the ByteFuture mark are drawn with ordinary SVG shapes and gradients.
+
+Rendering needs network access the first time so the webfonts resolve; check the PNG after rendering rather than trusting the SVG preview. To make a source fully self-contained, convert its text to paths — the PNG is identical either way, since the text is burnt in regardless.
+
+Each cover source is standalone: no shared stylesheet, no include, no parameters. Everything the image needs is in the one file, so the words are readable in the diff of the file named after the PNG, and re-rendering one cover cannot disturb another. Repeat the frame (dot grid pattern, washes, chip pills, the ByteFuture mark) in each file rather than factoring it out.
+
+To change an image's text, edit its SVG and re-render; keep the source and the PNG in the same commit. Re-rendering is a manual step an author runs, never part of `npm run build` — the build copies the finished PNG and nothing more. `blog/asset-sources/` is not an article directory and holds no published pages.
+
+All 11 cover sources are SVG. The two `*-benchmarks.html` chart sources are the last HTML holdouts; move them to SVG when they are next touched, and add no new HTML sources.
 
 ### Publishing a new article
 
 1. **Create the Markdown file(s):** `src/content/writings/<lang>/<slug>.md`. `<slug>` is lowercase-kebab-case and is the **single source of truth** (the filename minus `.md`, the frontmatter `slug`, and the built `/blog/<slug>[-lang].html` all share it). English lives in `en/`; each translation is the **same slug** in `zh/` `ja/` `ko/`.
 2. **Fill the frontmatter** (validated by `src/content.config.ts`): `slug`, `lang`, `title`, `summary`, `category` (closed set, see below), `date` (`YYYY-MM-DD`), optional `cover` (root-relative, e.g. `blog/<file>.png`) and `cta`. Then write the article body below it. **No page chrome goes in the body** — `WritingLayout` supplies the `<title>`/OG tags, canonical, hreflang, nav, footer, GA tag, view counter, and the share row automatically. Do not paste a share row, GA snippet, or counter into the Markdown.
 3. **The listing updates itself:** `/posts.json` (+ per-language manifests) is generated from the frontmatter at build, so there is no `posts.json` to hand-edit and no 1:1 file/registry sync to maintain. Category/title/summary/date on the card come straight from the frontmatter.
-4. **Cover image (optional):** drop the file in `blog/` and set `cover: blog/<file>.png` in the frontmatter.
+4. **Cover image (optional):** drop the file in `blog/` and set `cover: blog/<file>.png` in the frontmatter. It becomes the listing card thumbnail **and** the article's `og:image`, so make it 1200×630.
 5. **Mobile check:** verify the built article at ~375px per the **Mobile optimization** rule — wide tables/code/images must scroll inside their box, never the page.
 6. **Sitemap:** `sitemap.xml` is hand-maintained (no Astro sitemap integration) — add a `<url>` for each language URL (English `priority` 0.7, translations 0.6), `lastmod` = publish date.
 7. **Build & ship:** `npm run build`; a push to `main` deploys via GitHub Actions.
@@ -264,7 +293,7 @@ Publish an article in **all four languages together** (create the four Markdown
 | `summary` | string | ✅ | 1–2 sentences; shown on the card. |
 | `category` | string | ✅ | One of `engineering`, `product`, `research`, `tutorial`. |
 | `date` | string | ✅ | `YYYY-MM-DD`. Sorting + display derive from this. |
-| `cover` | string | optional | Repo-root-relative, e.g. `blog/foo.png`. Omit for an auto gradient cover. |
+| `cover` | string | optional | Repo-root-relative, e.g. `blog/foo.png`. Drives the listing card **and** `og:image`. 1200×630. Omit for an auto gradient card and a text-only link preview. |
 
 Rules:
 
@@ -293,7 +322,7 @@ Rules:
 ### SEO / meta
 
 - `canonical` and `og:url`: `https://bytefuture.ai/blog/<slug>.html`.
-- `og:image`: an **absolute** `https://bytefuture.ai/...` URL.
+- `og:image`: emitted by `WritingLayout` from the `cover` frontmatter, as an **absolute** `https://bytefuture.ai/...` URL, with `og:image:width` 1200 / `og:image:height` 630 and `og:image:alt` set to the title. It points at the committed PNG in `blog/`, never at a generated-on-demand image — see the hard rule under **Images**. All four language versions share the one English-language cover. An article with no `cover` emits no `og:image`, and its `twitter:card` drops from `summary_large_image` to `summary`.
 - Listing canonical: `https://bytefuture.ai/blog/`.
 
 ### View counter (every article)
diff --git a/blog/american-open-models-catching-up-nemotron-gpt55-cover.png b/blog/american-open-models-catching-up-nemotron-gpt55-cover.png
index 82fd9ec..938eb6c 100644
Binary files a/blog/american-open-models-catching-up-nemotron-gpt55-cover.png and b/blog/american-open-models-catching-up-nemotron-gpt55-cover.png differ
diff --git a/blog/asset-sources/american-open-models-catching-up-nemotron-gpt55-cover.html b/blog/asset-sources/american-open-models-catching-up-nemotron-gpt55-cover.html
deleted file mode 100644
index e3f6d65..0000000
--- a/blog/asset-sources/american-open-models-catching-up-nemotron-gpt55-cover.html
+++ /dev/null
@@ -1,84 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Source+Serif+4:ital,opsz,wght@1,8..60,400&display=swap');
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { width:1200px; height:630px; background:#faf9f5; font-family:'Space Grotesk',sans-serif; overflow:hidden; position:relative; }
-
-  .grid {
-    position:absolute; inset:0;
-    background-image: radial-gradient(rgba(24,24,27,0.07) 1.2px, transparent 1.2px);
-    background-size: 28px 28px;
-  }
-  .wash {
-    position:absolute; top:-220px; right:-160px; width:680px; height:680px; border-radius:50%;
-    background: radial-gradient(circle, rgba(13,148,136,0.16) 0%, rgba(37,99,235,0.08) 45%, transparent 70%);
-  }
-
-  /* ranking bars, bottom-right */
-  .chart { position:absolute; right:64px; bottom:150px; width:470px; height:300px; opacity:0.97; }
-
-  .content { position:absolute; inset:0; padding:64px 72px; display:flex; flex-direction:column; }
-
-  .kicker {
-    font-family:'JetBrains Mono',monospace; font-size:17px; font-weight:600;
-    letter-spacing:0.16em; text-transform:uppercase; color:#0D9488; margin-bottom:24px;
-  }
-
-  h1 { font-size:80px; font-weight:700; letter-spacing:-0.035em; line-height:1.0; color:#18181b; max-width:720px; }
-  h1 .pct { color:#0D9488; }
-  h1 .sub { display:block; font-family:'Source Serif 4',serif; font-style:italic; font-weight:400; font-size:38px; letter-spacing:-0.01em; color:#52525b; margin-top:22px; max-width:680px; line-height:1.2; }
-
-  .bottom { margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; }
-  .chips { display:flex; gap:14px; align-items:center; }
-  .chip {
-    background:#ffffff; border:1.5px solid #e4e4e7; border-radius:50px; padding:13px 26px;
-    font-size:22px; font-weight:600; color:#18181b;
-  }
-  .chip.accent { border-color:rgba(13,148,136,0.40); color:#0D9488; background:#f0fdfa; }
-
-  .brand { display:flex; align-items:center; gap:13px; }
-  .brand span { font-size:23px; font-weight:600; color:#52525b; }
-</style>
-</head>
-<body>
-  <div class="grid"></div>
-  <div class="wash"></div>
-
-  <svg class="chart" viewBox="0 0 470 300" fill="none">
-    <line x1="6" y1="272" x2="464" y2="272" stroke="#d4d4d8" stroke-width="2"/>
-    <rect x="34"  y="206" width="52" height="66"  rx="6" fill="#2563EB" fill-opacity="0.16"/>
-    <rect x="108" y="176" width="52" height="96"  rx="6" fill="#2563EB" fill-opacity="0.20"/>
-    <rect x="182" y="142" width="52" height="130" rx="6" fill="#2563EB" fill-opacity="0.24"/>
-    <rect x="256" y="104" width="52" height="168" rx="6" fill="#2563EB" fill-opacity="0.30"/>
-    <rect x="330" y="34"  width="52" height="238" rx="6" fill="#0D9488"/>
-    <circle cx="356" cy="20" r="7" fill="#0D9488"/>
-  </svg>
-
-  <div class="content">
-    <div class="kicker">NVIDIA &middot; Nemotron-3 Ultra &middot; Open Weights</div>
-    <h1>America's strongest <span class="pct">open model</span>.
-      <span class="sub">47.7 on the AA Index, ahead of every US open rival. Free to run for now.</span>
-    </h1>
-
-    <div class="bottom">
-      <div class="chips">
-        <div class="chip">Open weights</div>
-        <div class="chip">AA Index 47.7</div>
-        <div class="chip accent">free for now</div>
-      </div>
-      <div class="brand">
-        <svg width="40" height="40" viewBox="0 0 32 32" fill="none">
-          <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
-          <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
-          <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
-          <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
-        </svg>
-        <span>ByteFuture</span>
-      </div>
-    </div>
-  </div>
-</body>
-</html>
diff --git a/blog/asset-sources/american-open-models-catching-up-nemotron-gpt55-cover.svg b/blog/asset-sources/american-open-models-catching-up-nemotron-gpt55-cover.svg
new file mode 100644
index 0000000..1651524
--- /dev/null
+++ b/blog/asset-sources/american-open-models-catching-up-nemotron-gpt55-cover.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>american-open-models-catching-up-nemotron-gpt55-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <svg x="666" y="180" width="470" height="300" viewBox="0 0 470 300" fill="none" opacity="0.97">
+    <line x1="6" y1="272" x2="464" y2="272" stroke="#d4d4d8" stroke-width="2"></line>
+    <rect x="34" y="206" width="52" height="66" rx="6" fill="#2563EB" fill-opacity="0.16"></rect>
+    <rect x="108" y="176" width="52" height="96" rx="6" fill="#2563EB" fill-opacity="0.20"></rect>
+    <rect x="182" y="142" width="52" height="130" rx="6" fill="#2563EB" fill-opacity="0.24"></rect>
+    <rect x="256" y="104" width="52" height="168" rx="6" fill="#2563EB" fill-opacity="0.30"></rect>
+    <rect x="330" y="34" width="52" height="238" rx="6" fill="#0D9488"></rect>
+    <circle cx="356" cy="20" r="7" fill="#0D9488"></circle>
+  </svg>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">NVIDIA · NEMOTRON-3 ULTRA · OPEN WEIGHTS</text>
+  <text x="72" y="178" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">America's</text>
+  <text x="72" y="258" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">strongest</text>
+  <text x="445.2" y="258" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(13, 148, 136)">open</text>
+  <text x="72" y="338" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(13, 148, 136)">model</text>
+  <text x="293.77" y="338" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">.</text>
+  <text x="72" y="407" font-family="'Source Serif 4', serif" font-size="38" font-weight="400" font-style="italic" letter-spacing="-0.38px" fill="rgb(82, 82, 91)">47.7 on the AA Index, ahead of every US open</text>
+  <text x="72" y="452.59" font-family="'Source Serif 4', serif" font-size="38" font-weight="400" font-style="italic" letter-spacing="-0.38px" fill="rgb(82, 82, 91)">rival. Free to run for now.</text>
+  <rect x="72.5" y="510.5" width="198.47" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Open weights</text>
+  <rect x="285.97" y="510.5" width="191.81" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="312.47" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">AA Index 47.7</text>
+  <rect x="492.78" y="510.5" width="183.22" height="55" rx="27.5" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="519.28" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(13, 148, 136)">free for now</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32" fill="none">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"></rect>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"></circle>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"></circle>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"></path>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/claude-fable-5-cover.html b/blog/asset-sources/claude-fable-5-cover.html
deleted file mode 100644
index fba1772..0000000
--- a/blog/asset-sources/claude-fable-5-cover.html
+++ /dev/null
@@ -1,102 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Source+Serif+4:ital,opsz,wght@1,8..60,400&display=swap');
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { width:1200px; height:630px; background:#faf9f5; font-family:'Space Grotesk',sans-serif; overflow:hidden; position:relative; }
-
-  /* subtle dot grid */
-  .grid {
-    position:absolute; inset:0;
-    background-image: radial-gradient(rgba(24,24,27,0.07) 1.2px, transparent 1.2px);
-    background-size: 28px 28px;
-  }
-  /* gradient wash top-right */
-  .wash {
-    position:absolute; top:-220px; right:-180px; width:680px; height:680px; border-radius:50%;
-    background: radial-gradient(circle, rgba(124,58,237,0.14) 0%, rgba(37,99,235,0.10) 45%, transparent 70%);
-  }
-  .wash2 {
-    position:absolute; bottom:-260px; left:-160px; width:600px; height:600px; border-radius:50%;
-    background: radial-gradient(circle, rgba(13,148,136,0.12) 0%, transparent 65%);
-  }
-
-  .content { position:absolute; inset:0; padding:64px 72px; display:flex; flex-direction:column; }
-
-  .kicker {
-    font-family:'JetBrains Mono',monospace; font-size:17px; font-weight:600;
-    letter-spacing:0.18em; text-transform:uppercase; color:#2563EB; margin-bottom:26px;
-  }
-
-  h1 { font-size:88px; font-weight:700; letter-spacing:-0.035em; line-height:1.02; color:#18181b; }
-  h1 .sub { display:block; font-family:'Source Serif 4',serif; font-style:italic; font-weight:400; font-size:46px; letter-spacing:-0.01em; color:#52525b; margin-top:18px; }
-
-  /* price tag */
-  .tag {
-    position:absolute; top:84px; right:72px; transform:rotate(6deg);
-    background:#18181b; color:#faf9f5; border-radius:16px; padding:22px 28px 20px;
-    box-shadow: 0 18px 44px rgba(24,24,27,0.28);
-  }
-  .tag::before {
-    content:''; position:absolute; top:-9px; left:50%; transform:translateX(-50%);
-    width:18px; height:18px; border-radius:50%; background:#faf9f5; border:4px solid #18181b;
-  }
-  .tag .lab { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:#a1a1aa; margin-bottom:8px; text-align:center; }
-  .tag .price { font-size:40px; font-weight:700; letter-spacing:-0.02em; text-align:center; }
-  .tag .price span { color:#fb923c; }
-  .tag .per { font-family:'JetBrains Mono',monospace; font-size:12px; color:#a1a1aa; text-align:center; margin-top:6px; }
-
-  .bottom { margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; }
-
-  .chips { display:flex; gap:14px; align-items:center; }
-  .chip {
-    background:#ffffff; border:1.5px solid #e4e4e7; border-radius:50px; padding:13px 26px;
-    font-size:23px; font-weight:600; color:#18181b;
-  }
-  .chip.accent { border-color:rgba(37,99,235,0.35); color:#2563EB; background:#eef4ff; }
-  .arrow { font-size:26px; color:#a1a1aa; }
-
-  .brand { display:flex; align-items:center; gap:13px; }
-  .brand span { font-size:24px; font-weight:600; color:#52525b; letter-spacing:-0.01em; }
-</style>
-</head>
-<body>
-  <div class="grid"></div>
-  <div class="wash"></div>
-  <div class="wash2"></div>
-
-  <div class="tag">
-    <div class="lab">API Price / 1M tok</div>
-    <div class="price">$10 <span>/</span> $50</div>
-    <div class="per">2× Opus 4.8 · 25× Grok Build</div>
-  </div>
-
-  <div class="content">
-    <div class="kicker">Claude Fable 5 · on Token Station</div>
-    <h1>Rent it.<br>Don&rsquo;t buy it.
-      <span class="sub">Fable 5 in the harness you already use, temporarily.</span>
-    </h1>
-
-    <div class="bottom">
-      <div class="chips">
-        <div class="chip">Codex</div>
-        <div class="chip">OpenClaw</div>
-        <div class="chip">Pi</div>
-        <div class="arrow">&rarr;</div>
-        <div class="chip accent">anthropic/claude-fable-5</div>
-      </div>
-      <div class="brand">
-        <svg width="40" height="40" viewBox="0 0 32 32" fill="none">
-          <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
-          <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
-          <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
-          <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
-        </svg>
-        <span>ByteFuture</span>
-      </div>
-    </div>
-  </div>
-</body>
-</html>
diff --git a/blog/asset-sources/claude-fable-5-cover.svg b/blog/asset-sources/claude-fable-5-cover.svg
new file mode 100644
index 0000000..76a588c
--- /dev/null
+++ b/blog/asset-sources/claude-fable-5-cover.svg
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>claude-fable-5-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1040" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(124,58,237)" stop-opacity="0.14"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.1"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="wash2" gradientUnits="userSpaceOnUse" cx="140" cy="590" r="424.26">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.12"/>
+      <stop offset="0.65" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <filter id="sh1" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="rgb(24,24,27)" flood-opacity="0.28"/>
+    </filter>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="700" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <rect x="-160" y="290" width="600" height="600" fill="url(#wash2)"/>
+  <rect x="870.39" y="84" width="257.61" height="139" rx="16" fill="rgb(24, 24, 27)" filter="url(#sh1)" transform="rotate(6 999.2 153.5)"/>
+  <circle cx="999.2" cy="84" r="7" fill="rgb(250, 249, 245)" stroke="rgb(24, 24, 27)" stroke-width="4" transform="rotate(6 999.2 153.5)"/>
+  <text x="917.11" y="118" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" letter-spacing="1.92px" fill="rgb(161, 161, 170)" transform="rotate(6 999.2 153.5)">API PRICE / 1M TOK</text>
+  <text x="913.66" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(6 999.2 153.5)">$10</text>
+  <text x="988.86" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(251, 146, 60)" transform="rotate(6 999.2 153.5)">/</text>
+  <text x="1012.95" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(6 999.2 153.5)">$50</text>
+  <text x="898.39" y="199" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" fill="rgb(161, 161, 170)" transform="rotate(6 999.2 153.5)">2× Opus 4.8 · 25× Grok Build</text>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="3.06px" fill="rgb(37, 99, 235)">CLAUDE FABLE 5 · ON TOKEN STATION</text>
+  <text x="72" y="187" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">Rent it.</text>
+  <text x="72" y="276.75" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">Don’t buy it.</text>
+  <text x="72" y="348.5" font-family="'Source Serif 4', serif" font-size="46" font-weight="400" font-style="italic" letter-spacing="-0.46px" fill="rgb(82, 82, 91)">Fable 5 in the harness you already use, temporarily.</text>
+  <rect x="72.5" y="508.5" width="122.86" height="57" rx="28.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(24, 24, 27)">Codex</text>
+  <rect x="210.36" y="508.5" width="162.84" height="57" rx="28.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="236.86" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(24, 24, 27)">OpenClaw</text>
+  <rect x="388.2" y="508.5" width="72.88" height="57" rx="28.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="414.7" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(24, 24, 27)">Pi</text>
+  <text x="475.58" y="546" font-family="'Space Grotesk', sans-serif" font-size="26" font-weight="400" fill="rgb(161, 161, 170)">→</text>
+  <rect x="516.08" y="508.5" width="335.17" height="57" rx="28.5" fill="rgb(238, 244, 255)" stroke="rgba(37, 99, 235, 0.35)" stroke-width="1"/>
+  <text x="542.58" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(37, 99, 235)">anthropic/claude-fable-5</text>
+  <svg x="946" y="526" width="40" height="40" viewBox="0 0 32 32" fill="none">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"></rect>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"></circle>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"></circle>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"></path>
+  </svg>
+  <text x="999" y="554.5" font-family="'Space Grotesk', sans-serif" font-size="24" font-weight="600" letter-spacing="-0.24px" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/glm-5-2-zai-stock-jump-cover.html b/blog/asset-sources/glm-5-2-zai-stock-jump-cover.html
deleted file mode 100644
index 941ec29..0000000
--- a/blog/asset-sources/glm-5-2-zai-stock-jump-cover.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Source+Serif+4:ital,opsz,wght@1,8..60,400&display=swap');
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { width:1200px; height:630px; background:#faf9f5; font-family:'Space Grotesk',sans-serif; overflow:hidden; position:relative; }
-
-  .grid {
-    position:absolute; inset:0;
-    background-image: radial-gradient(rgba(24,24,27,0.07) 1.2px, transparent 1.2px);
-    background-size: 28px 28px;
-  }
-  .wash {
-    position:absolute; top:-220px; right:-160px; width:680px; height:680px; border-radius:50%;
-    background: radial-gradient(circle, rgba(13,148,136,0.16) 0%, rgba(37,99,235,0.08) 45%, transparent 70%);
-  }
-
-  /* upward stock line, bottom-right */
-  .chart { position:absolute; right:64px; bottom:150px; width:470px; height:300px; opacity:0.95; }
-
-  .content { position:absolute; inset:0; padding:64px 72px; display:flex; flex-direction:column; }
-
-  .kicker {
-    font-family:'JetBrains Mono',monospace; font-size:17px; font-weight:600;
-    letter-spacing:0.16em; text-transform:uppercase; color:#0D9488; margin-bottom:24px;
-  }
-
-  h1 { font-size:80px; font-weight:700; letter-spacing:-0.035em; line-height:1.0; color:#18181b; max-width:760px; }
-  h1 .pct { color:#0D9488; }
-  h1 .sub { display:block; font-family:'Source Serif 4',serif; font-style:italic; font-weight:400; font-size:40px; letter-spacing:-0.01em; color:#52525b; margin-top:20px; }
-
-  .bottom { margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; }
-  .chips { display:flex; gap:14px; align-items:center; }
-  .chip {
-    background:#ffffff; border:1.5px solid #e4e4e7; border-radius:50px; padding:13px 26px;
-    font-size:22px; font-weight:600; color:#18181b;
-  }
-  .chip.accent { border-color:rgba(13,148,136,0.40); color:#0D9488; background:#f0fdfa; }
-
-  .brand { display:flex; align-items:center; gap:13px; }
-  .brand span { font-size:23px; font-weight:600; color:#52525b; }
-</style>
-</head>
-<body>
-  <div class="grid"></div>
-  <div class="wash"></div>
-
-  <svg class="chart" viewBox="0 0 470 300" fill="none">
-    <polyline points="10,270 90,250 160,230 240,180 300,150 360,90 450,20"
-      fill="none" stroke="#0D9488" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M450,20 l-30,4 l16,26 z" fill="#0D9488"/>
-    <polyline points="10,270 90,250 160,230 240,180 300,150 360,90 450,20"
-      fill="none" stroke="#0D9488" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" opacity="0.18"
-      transform="translate(0,18)"/>
-  </svg>
-
-  <div class="content">
-    <div class="kicker">Z.AI &middot; GLM-5.2 &middot; HKEX</div>
-    <h1>The stock jumped <span class="pct">33%</span>.
-      <span class="sub">The model behind it is yours to try for free.</span>
-    </h1>
-
-    <div class="bottom">
-      <div class="chips">
-        <div class="chip">Open source</div>
-        <div class="chip">1M context</div>
-        <div class="chip accent">free on Token Station</div>
-      </div>
-      <div class="brand">
-        <svg width="40" height="40" viewBox="0 0 32 32" fill="none">
-          <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
-          <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
-          <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
-          <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
-        </svg>
-        <span>ByteFuture</span>
-      </div>
-    </div>
-  </div>
-</body>
-</html>
diff --git a/blog/asset-sources/glm-5-2-zai-stock-jump-cover.svg b/blog/asset-sources/glm-5-2-zai-stock-jump-cover.svg
new file mode 100644
index 0000000..1862aaa
--- /dev/null
+++ b/blog/asset-sources/glm-5-2-zai-stock-jump-cover.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>glm-5-2-zai-stock-jump-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <svg x="666" y="180" width="470" height="300" viewBox="0 0 470 300" fill="none" opacity="0.95">
+    <polyline points="10,270 90,250 160,230 240,180 300,150 360,90 450,20" fill="none" stroke="#0D9488" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"></polyline>
+    <path d="M450,20 l-30,4 l16,26 z" fill="#0D9488"></path>
+    <polyline points="10,270 90,250 160,230 240,180 300,150 360,90 450,20" fill="none" stroke="#0D9488" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" opacity="0.18" transform="translate(0,18)"></polyline>
+  </svg>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">Z.AI · GLM-5.2 · HKEX</text>
+  <text x="72" y="178" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">The stock jumped</text>
+  <text x="72" y="258" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(13, 148, 136)">33%</text>
+  <text x="221.53" y="258" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">.</text>
+  <text x="72" y="324" font-family="'Source Serif 4', serif" font-size="40" font-weight="400" font-style="italic" letter-spacing="-0.4px" fill="rgb(82, 82, 91)">The model behind it is yours to try for free.</text>
+  <rect x="72.5" y="510.5" width="186.34" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Open source</text>
+  <rect x="273.84" y="510.5" width="172.17" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="300.34" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">1M context</text>
+  <rect x="461.02" y="510.5" width="280.02" height="55" rx="27.5" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="487.52" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(13, 148, 136)">free on Token Station</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32" fill="none">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"></rect>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"></circle>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"></circle>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"></path>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/gpt-5-6-token-station-cover.html b/blog/asset-sources/gpt-5-6-token-station-cover.html
deleted file mode 100644
index f657130..0000000
--- a/blog/asset-sources/gpt-5-6-token-station-cover.html
+++ /dev/null
@@ -1,99 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Source+Serif+4:ital,opsz,wght@1,8..60,400&display=swap');
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { width:1200px; height:630px; background:#faf9f5; font-family:'Space Grotesk',sans-serif; overflow:hidden; position:relative; }
-
-  .grid {
-    position:absolute; inset:0;
-    background-image: radial-gradient(rgba(24,24,27,0.07) 1.2px, transparent 1.2px);
-    background-size: 28px 28px;
-  }
-  .wash {
-    position:absolute; top:-220px; right:-160px; width:680px; height:680px; border-radius:50%;
-    background: radial-gradient(circle, rgba(37,99,235,0.16) 0%, rgba(13,148,136,0.08) 45%, transparent 70%);
-  }
-
-  /* one endpoint routing to three variants, upper-right */
-  .routes { position:absolute; right:70px; top:118px; width:430px; height:250px; opacity:0.98; }
-
-  .content { position:absolute; inset:0; padding:64px 72px; display:flex; flex-direction:column; }
-
-  .kicker {
-    font-family:'JetBrains Mono',monospace; font-size:17px; font-weight:600;
-    letter-spacing:0.16em; text-transform:uppercase; color:#0D9488; margin-bottom:24px;
-  }
-
-  h1 { font-size:78px; font-weight:700; letter-spacing:-0.035em; line-height:1.02; color:#18181b; max-width:720px; }
-  h1 .model { color:#2563EB; }
-  h1 .sub { display:block; font-family:'Source Serif 4',serif; font-style:italic; font-weight:400; font-size:38px; letter-spacing:-0.01em; color:#52525b; margin-top:22px; }
-
-  .bottom { margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; }
-  .chips { display:flex; gap:14px; align-items:center; }
-  .chip {
-    background:#ffffff; border:1.5px solid #e4e4e7; border-radius:50px; padding:13px 26px;
-    font-size:22px; font-weight:600; color:#18181b;
-  }
-  .chip.accent { border-color:rgba(37,99,235,0.40); color:#2563EB; background:#eff4ff; }
-
-  .brand { display:flex; align-items:center; gap:13px; }
-  .brand span { font-size:23px; font-weight:600; color:#52525b; }
-
-  /* route node graphic */
-  .node-label { font-family:'JetBrains Mono',monospace; font-size:19px; font-weight:600; fill:#18181b; }
-  .node-hub { font-family:'JetBrains Mono',monospace; font-size:17px; font-weight:600; fill:#2563EB; letter-spacing:0.04em; }
-</style>
-</head>
-<body>
-  <div class="grid"></div>
-  <div class="wash"></div>
-
-  <svg class="routes" viewBox="0 0 430 250" fill="none">
-    <!-- links from single endpoint to three routes -->
-    <path d="M60 125 C 170 125, 190 34,  300 34"  stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"/>
-    <path d="M60 125 C 170 125, 190 125, 300 125" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"/>
-    <path d="M60 125 C 170 125, 190 216, 300 216" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"/>
-
-    <!-- endpoint hub -->
-    <circle cx="60" cy="125" r="28" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="2.4"/>
-    <circle cx="60" cy="125" r="8.5" fill="#2563EB"/>
-
-    <!-- three variant nodes -->
-    <circle cx="300" cy="34"  r="14" fill="none" stroke="#0D9488" stroke-width="3"/>
-    <circle cx="300" cy="125" r="14" fill="none" stroke="#0D9488" stroke-width="3"/>
-    <circle cx="300" cy="216" r="14" fill="none" stroke="#0D9488" stroke-width="3"/>
-
-    <text x="326" y="41"  class="node-label">Sol</text>
-    <text x="326" y="132" class="node-label">Terra</text>
-    <text x="326" y="223" class="node-label">Luna</text>
-  </svg>
-
-  <div class="content">
-    <div class="kicker">OpenAI &middot; GPT-5.6 &middot; Coding agents</div>
-    <h1><span class="model">GPT-5.6</span> is now supported
-      <span class="sub">Sol, Terra, and Luna from one endpoint.</span>
-    </h1>
-
-    <div class="bottom">
-      <div class="chips">
-        <div class="chip">Sol</div>
-        <div class="chip">Terra</div>
-        <div class="chip">Luna</div>
-        <div class="chip accent">on Token Station</div>
-      </div>
-      <div class="brand">
-        <svg width="40" height="40" viewBox="0 0 32 32" fill="none">
-          <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
-          <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
-          <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
-          <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
-        </svg>
-        <span>ByteFuture</span>
-      </div>
-    </div>
-  </div>
-</body>
-</html>
diff --git a/blog/asset-sources/gpt-5-6-token-station-cover.svg b/blog/asset-sources/gpt-5-6-token-station-cover.svg
new file mode 100644
index 0000000..9f04329
--- /dev/null
+++ b/blog/asset-sources/gpt-5-6-token-station-cover.svg
@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>gpt-5-6-token-station-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(37,99,235)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(13,148,136)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <svg x="700" y="118" width="430" height="250" viewBox="0 0 430 250" fill="none" opacity="0.98">
+    <!-- links from single endpoint to three routes -->
+    <path d="M60 125 C 170 125, 190 34,  300 34" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"></path>
+    <path d="M60 125 C 170 125, 190 125, 300 125" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"></path>
+    <path d="M60 125 C 170 125, 190 216, 300 216" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"></path>
+    
+    <!-- endpoint hub -->
+    <circle cx="60" cy="125" r="28" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="2.4"></circle>
+    <circle cx="60" cy="125" r="8.5" fill="#2563EB"></circle>
+    
+    <!-- three variant nodes -->
+    <circle cx="300" cy="34" r="14" fill="none" stroke="#0D9488" stroke-width="3"></circle>
+    <circle cx="300" cy="125" r="14" fill="none" stroke="#0D9488" stroke-width="3"></circle>
+    <circle cx="300" cy="216" r="14" fill="none" stroke="#0D9488" stroke-width="3"></circle>
+    
+    <text x="326" y="41" font-family="'JetBrains Mono', monospace" font-size="19" font-weight="600" fill="rgb(24, 24, 27)">Sol</text>
+    <text x="326" y="132" font-family="'JetBrains Mono', monospace" font-size="19" font-weight="600" fill="rgb(24, 24, 27)">Terra</text>
+    <text x="326" y="223" font-family="'JetBrains Mono', monospace" font-size="19" font-weight="600" fill="rgb(24, 24, 27)">Luna</text>
+  </svg>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">OPENAI · GPT-5.6 · CODING AGENTS</text>
+  <text x="72" y="176" font-family="'Space Grotesk', sans-serif" font-size="78" font-weight="700" letter-spacing="-2.73px" fill="rgb(37, 99, 235)">GPT-5.6</text>
+  <text x="359.67" y="176" font-family="'Space Grotesk', sans-serif" font-size="78" font-weight="700" letter-spacing="-2.73px" fill="rgb(24, 24, 27)">is now</text>
+  <text x="72" y="255.55" font-family="'Space Grotesk', sans-serif" font-size="78" font-weight="700" letter-spacing="-2.73px" fill="rgb(24, 24, 27)">supported</text>
+  <text x="72" y="323.09" font-family="'Source Serif 4', serif" font-size="38" font-weight="400" font-style="italic" letter-spacing="-0.38px" fill="rgb(82, 82, 91)">Sol, Terra, and Luna from one endpoint.</text>
+  <rect x="72.5" y="510.5" width="85.61" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Sol</text>
+  <rect x="173.11" y="510.5" width="106.23" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="199.61" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Terra</text>
+  <rect x="294.34" y="510.5" width="104.7" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="320.84" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Luna</text>
+  <rect x="414.05" y="510.5" width="231.03" height="55" rx="27.5" fill="rgb(239, 244, 255)" stroke="rgba(37, 99, 235, 0.4)" stroke-width="1"/>
+  <text x="440.55" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(37, 99, 235)">on Token Station</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32" fill="none">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"></rect>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"></circle>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"></circle>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"></path>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/kimi-k2-7-code-cover.html b/blog/asset-sources/kimi-k2-7-code-cover.html
deleted file mode 100644
index f1d2907..0000000
--- a/blog/asset-sources/kimi-k2-7-code-cover.html
+++ /dev/null
@@ -1,100 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Source+Serif+4:ital,opsz,wght@1,8..60,400&display=swap');
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { width:1200px; height:630px; background:#faf9f5; font-family:'Space Grotesk',sans-serif; overflow:hidden; position:relative; }
-
-  .grid {
-    position:absolute; inset:0;
-    background-image: radial-gradient(rgba(24,24,27,0.07) 1.2px, transparent 1.2px);
-    background-size: 28px 28px;
-  }
-  .wash {
-    position:absolute; top:-220px; right:-180px; width:680px; height:680px; border-radius:50%;
-    background: radial-gradient(circle, rgba(13,148,136,0.16) 0%, rgba(37,99,235,0.10) 45%, transparent 70%);
-  }
-  .wash2 {
-    position:absolute; bottom:-260px; left:-160px; width:600px; height:600px; border-radius:50%;
-    background: radial-gradient(circle, rgba(37,99,235,0.10) 0%, transparent 65%);
-  }
-
-  .content { position:absolute; inset:0; padding:64px 72px; display:flex; flex-direction:column; }
-
-  .kicker {
-    font-family:'JetBrains Mono',monospace; font-size:17px; font-weight:600;
-    letter-spacing:0.18em; text-transform:uppercase; color:#0D9488; margin-bottom:26px;
-  }
-
-  h1 { font-size:88px; font-weight:700; letter-spacing:-0.035em; line-height:1.02; color:#18181b; }
-  h1 .sub { display:block; font-family:'Source Serif 4',serif; font-style:italic; font-weight:400; font-size:44px; letter-spacing:-0.01em; color:#52525b; margin-top:18px; }
-
-  /* price tag */
-  .tag {
-    position:absolute; top:84px; right:72px; transform:rotate(-5deg);
-    background:#0D9488; color:#faf9f5; border-radius:16px; padding:22px 28px 20px;
-    box-shadow: 0 18px 44px rgba(13,148,136,0.32);
-  }
-  .tag::before {
-    content:''; position:absolute; top:-9px; left:50%; transform:translateX(-50%);
-    width:18px; height:18px; border-radius:50%; background:#faf9f5; border:4px solid #0D9488;
-  }
-  .tag .lab { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:rgba(250,249,245,0.7); margin-bottom:8px; text-align:center; }
-  .tag .price { font-size:40px; font-weight:700; letter-spacing:-0.02em; text-align:center; }
-  .tag .price span { color:#fde68a; }
-  .tag .per { font-family:'JetBrains Mono',monospace; font-size:12px; color:rgba(250,249,245,0.7); text-align:center; margin-top:6px; }
-
-  .bottom { margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; }
-
-  .chips { display:flex; gap:14px; align-items:center; }
-  .chip {
-    background:#ffffff; border:1.5px solid #e4e4e7; border-radius:50px; padding:13px 26px;
-    font-size:23px; font-weight:600; color:#18181b;
-  }
-  .chip.accent { border-color:rgba(13,148,136,0.40); color:#0D9488; background:#f0fdfa; }
-  .arrow { font-size:26px; color:#a1a1aa; }
-
-  .brand { display:flex; align-items:center; gap:13px; }
-  .brand span { font-size:24px; font-weight:600; color:#52525b; letter-spacing:-0.01em; }
-</style>
-</head>
-<body>
-  <div class="grid"></div>
-  <div class="wash"></div>
-  <div class="wash2"></div>
-
-  <div class="tag">
-    <div class="lab">API Price / 1M tok</div>
-    <div class="price">$0.95 <span>/</span> $4</div>
-    <div class="per">a twelfth of Fable 5 output</div>
-  </div>
-
-  <div class="content">
-    <div class="kicker">Kimi K2.7 Code &middot; on Token Station</div>
-    <h1>The opposite bet.
-      <span class="sub">A $4 workhorse next to your SOTA model.</span>
-    </h1>
-
-    <div class="bottom">
-      <div class="chips">
-        <div class="chip">Claude Code</div>
-        <div class="chip">Codex</div>
-        <div class="chip">OpenClaw</div>
-        <div class="arrow">&rarr;</div>
-        <div class="chip accent">kimi/kimi-k2.7-code</div>
-      </div>
-      <div class="brand">
-        <svg width="40" height="40" viewBox="0 0 32 32" fill="none">
-          <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
-          <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
-          <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
-          <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
-        </svg>
-        <span>ByteFuture</span>
-      </div>
-    </div>
-  </div>
-</body>
-</html>
diff --git a/blog/asset-sources/kimi-k2-7-code-cover.svg b/blog/asset-sources/kimi-k2-7-code-cover.svg
new file mode 100644
index 0000000..1e95380
--- /dev/null
+++ b/blog/asset-sources/kimi-k2-7-code-cover.svg
@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>kimi-k2-7-code-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1040" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.1"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="wash2" gradientUnits="userSpaceOnUse" cx="140" cy="590" r="424.26">
+      <stop offset="0" stop-color="rgb(37,99,235)" stop-opacity="0.1"/>
+      <stop offset="0.65" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <filter id="sh1" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="rgb(13,148,136)" flood-opacity="0.32"/>
+    </filter>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="700" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <rect x="-160" y="290" width="600" height="600" fill="url(#wash2)"/>
+  <rect x="877.59" y="84" width="250.41" height="139" rx="16" fill="rgb(13, 148, 136)" filter="url(#sh1)" transform="rotate(-5 1002.8 153.5)"/>
+  <circle cx="1002.8" cy="84" r="7" fill="rgb(250, 249, 245)" stroke="rgb(13, 148, 136)" stroke-width="4" transform="rotate(-5 1002.8 153.5)"/>
+  <text x="920.7" y="118" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" letter-spacing="1.92px" fill="rgba(250, 249, 245, 0.7)" transform="rotate(-5 1002.8 153.5)">API PRICE / 1M TOK</text>
+  <text x="908.89" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(-5 1002.8 153.5)">$0.95</text>
+  <text x="1024.5" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(253, 230, 138)" transform="rotate(-5 1002.8 153.5)">/</text>
+  <text x="1048.59" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(-5 1002.8 153.5)">$4</text>
+  <text x="905.59" y="199" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" fill="rgba(250, 249, 245, 0.7)" transform="rotate(-5 1002.8 153.5)">a twelfth of Fable 5 output</text>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="3.06px" fill="rgb(13, 148, 136)">KIMI K2.7 CODE · ON TOKEN STATION</text>
+  <text x="72" y="187" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">The opposite bet.</text>
+  <text x="72" y="256.75" font-family="'Source Serif 4', serif" font-size="44" font-weight="400" font-style="italic" letter-spacing="-0.44px" fill="rgb(82, 82, 91)">A $4 workhorse next to your SOTA model.</text>
+  <rect x="72.5" y="508.5" width="191.81" height="57" rx="28.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(24, 24, 27)">Claude Code</text>
+  <rect x="279.31" y="508.5" width="122.86" height="57" rx="28.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="305.81" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(24, 24, 27)">Codex</text>
+  <rect x="417.17" y="508.5" width="162.84" height="57" rx="28.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="443.67" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(24, 24, 27)">OpenClaw</text>
+  <text x="594.52" y="546" font-family="'Space Grotesk', sans-serif" font-size="26" font-weight="400" fill="rgb(161, 161, 170)">→</text>
+  <rect x="635.02" y="508.5" width="270.73" height="57" rx="28.5" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="661.52" y="545" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(13, 148, 136)">kimi/kimi-k2.7-code</text>
+  <svg x="946" y="526" width="40" height="40" viewBox="0 0 32 32" fill="none">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"></rect>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"></circle>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"></circle>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"></path>
+  </svg>
+  <text x="999" y="554.5" font-family="'Space Grotesk', sans-serif" font-size="24" font-weight="600" letter-spacing="-0.24px" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/kimi-k3-token-station-cover.svg b/blog/asset-sources/kimi-k3-token-station-cover.svg
new file mode 100644
index 0000000..b2f5b74
--- /dev/null
+++ b/blog/asset-sources/kimi-k3-token-station-cover.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>kimi-k3-token-station-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="wash2" gradientUnits="userSpaceOnUse" cx="140" cy="590" r="424.26">
+      <stop offset="0" stop-color="rgb(37,99,235)" stop-opacity="0.1"/>
+      <stop offset="0.65" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <filter id="sh1" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="rgb(13,148,136)" flood-opacity="0.32"/>
+    </filter>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <rect x="-160" y="290" width="600" height="600" fill="url(#wash2)"/>
+  <rect x="863.19" y="84" width="264.81" height="139" rx="16" fill="rgb(13, 148, 136)" filter="url(#sh1)" transform="rotate(-5 995.59 153.5)"/>
+  <circle cx="995.59" cy="84" r="7" fill="rgb(250, 249, 245)" stroke="rgb(13, 148, 136)" stroke-width="4" transform="rotate(-5 995.59 153.5)"/>
+  <text x="913.5" y="118" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" letter-spacing="1.92px" fill="rgba(250, 249, 245, 0.7)" transform="rotate(-5 995.59 153.5)">API PRICE / 1M TOK</text>
+  <text x="923.42" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(-5 995.59 153.5)">$3</text>
+  <text x="979.75" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(253, 230, 138)" transform="rotate(-5 995.59 153.5)">/</text>
+  <text x="1003.84" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(-5 995.59 153.5)">$15</text>
+  <text x="891.19" y="199" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" fill="rgba(250, 249, 245, 0.7)" transform="rotate(-5 995.59 153.5)">$0.30 on a cache hit · 1M ctx</text>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">KIMI K3 · ON TOKEN STATION</text>
+  <text x="72" y="178" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">First into the</text>
+  <text x="72" y="259.59" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(13, 148, 136)">3-trillion</text>
+  <text x="394.48" y="259.59" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">class.</text>
+  <text x="72" y="324.19" font-family="'Source Serif 4', serif" font-size="34" font-weight="400" font-style="italic" letter-spacing="-0.34px" fill="rgb(82, 82, 91)">2.8T parameters, free to try.</text>
+  <rect x="72.5" y="510.5" width="185.77" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Claude Code</text>
+  <rect x="273.27" y="510.5" width="119.83" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="299.77" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Codex</text>
+  <rect x="408.09" y="510.5" width="158.06" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="434.59" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">OpenClaw</text>
+  <text x="580.66" y="547" font-family="'Space Grotesk', sans-serif" font-size="26" font-weight="400" fill="rgb(161, 161, 170)">→</text>
+  <rect x="621.16" y="512" width="189.81" height="52" rx="26" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="647.66" y="544.5" font-family="'JetBrains Mono', monospace" font-size="19" font-weight="600" fill="rgb(13, 148, 136)">kimi/kimi-k3</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/qwen-3-8-max-token-station-cover.svg b/blog/asset-sources/qwen-3-8-max-token-station-cover.svg
new file mode 100644
index 0000000..6395a9e
--- /dev/null
+++ b/blog/asset-sources/qwen-3-8-max-token-station-cover.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>qwen-3-8-max-token-station-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <rect x="722.5" y="130.5" width="429" height="61" rx="14" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <rect x="745" y="148" width="26" height="26" rx="13" fill="rgb(199, 214, 247)"/>
+  <text x="752.27" y="166.5" font-family="'Space Grotesk', sans-serif" font-size="15" font-weight="400" fill="rgb(37, 99, 235)">✓</text>
+  <text x="785" y="169" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">GPT-5.6</text>
+  <rect x="722.5" y="206.5" width="429" height="61" rx="14" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <rect x="745" y="224" width="26" height="26" rx="13" fill="rgb(199, 214, 247)"/>
+  <text x="752.27" y="242.5" font-family="'Space Grotesk', sans-serif" font-size="15" font-weight="400" fill="rgb(37, 99, 235)">✓</text>
+  <text x="785" y="245" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Kimi K3</text>
+  <rect x="722.5" y="282.5" width="429" height="61" rx="14" fill="rgb(240, 253, 250)" stroke="rgb(13, 148, 136)" stroke-width="1"/>
+  <rect x="745" y="300" width="26" height="26" rx="13" fill="rgb(13, 148, 136)"/>
+  <text x="752.27" y="318.5" font-family="'Space Grotesk', sans-serif" font-size="15" font-weight="400" fill="rgb(255, 255, 255)">✓</text>
+  <text x="785" y="321" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(13, 148, 136)">Qwen 3.8-Max</text>
+  <text x="990.27" y="317" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" letter-spacing="0.96px" fill="rgb(13, 148, 136)">STEADIEST LATENCY</text>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">ALIBABA · QWEN 3.8-MAX · FIRST LOOK</text>
+  <text x="72" y="168" font-family="'Space Grotesk', sans-serif" font-size="66" font-weight="700" letter-spacing="-2.31px" fill="rgb(24, 24, 27)">No benchmarks yet.</text>
+  <text x="72" y="239.27" font-family="'Space Grotesk', sans-serif" font-size="66" font-weight="700" letter-spacing="-2.31px" fill="rgb(24, 24, 27)">We ran our own.</text>
+  <text x="72" y="304.53" font-family="'Source Serif 4', serif" font-size="34" font-weight="400" font-style="italic" letter-spacing="-0.34px" fill="rgb(82, 82, 91)">Three tasks, three models, all passed.</text>
+  <rect x="72.5" y="510.5" width="129.67" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">3 tasks</text>
+  <rect x="217.17" y="510.5" width="148.41" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="243.67" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">3 models</text>
+  <rect x="380.58" y="510.5" width="159.39" height="55" rx="27.5" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="407.08" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(13, 148, 136)">all passed</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/run-any-model-in-codex-through-token-station-cover.svg b/blog/asset-sources/run-any-model-in-codex-through-token-station-cover.svg
new file mode 100644
index 0000000..f5a6521
--- /dev/null
+++ b/blog/asset-sources/run-any-model-in-codex-through-token-station-cover.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>run-any-model-in-codex-through-token-station-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <filter id="sh1" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="rgb(13,148,136)" flood-opacity="0.28"/>
+    </filter>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <rect x="722" y="96" width="430" height="178" rx="16" fill="rgb(24, 24, 27)" filter="url(#sh1)" transform="rotate(-4 937 185)"/>
+  <circle cx="937" cy="96" r="7" fill="rgb(250, 249, 245)" stroke="rgb(24, 24, 27)" stroke-width="4" transform="rotate(-4 937 185)"/>
+  <text x="752" y="135" font-family="'JetBrains Mono', monospace" font-size="13" font-weight="400" fill="rgb(125, 133, 144)" transform="rotate(-4 937 185)">~/.codex/config.toml</text>
+  <text x="752" y="172" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="400" fill="rgb(125, 133, 144)" transform="rotate(-4 937 185)">model_provider =</text>
+  <text x="925.41" y="172" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="400" fill="rgb(255, 255, 255)" transform="rotate(-4 937 185)">"token_station"</text>
+  <rect x="742" y="187" width="390" height="38" rx="8" fill="rgba(13, 148, 136, 0.2)" transform="rotate(-4 937 185)"/>
+  <text x="752" y="212" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="400" fill="rgb(125, 133, 144)" transform="rotate(-4 937 185)">wire_api =</text>
+  <text x="864.2" y="212" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="400" fill="rgb(45, 212, 191)" transform="rotate(-4 937 185)">"responses"</text>
+  <text x="752" y="244" font-family="'JetBrains Mono', monospace" font-size="13" font-weight="400" fill="rgb(45, 212, 191)" transform="rotate(-4 937 185)">✓ the value that has to be exact</text>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">OPENAI CODEX · TOKEN STATION · RESPONSES API</text>
+  <text x="72" y="185" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">One config line.</text>
+  <text x="72" y="274.75" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">Any model.</text>
+  <text x="72" y="340.5" font-family="'Source Serif 4', serif" font-size="34" font-weight="400" font-style="italic" letter-spacing="-0.34px" fill="rgb(82, 82, 91)">The one value that has to be exact.</text>
+  <rect x="72.5" y="510.5" width="119.83" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Codex</text>
+  <rect x="207.33" y="510.5" width="206.42" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="233.83" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Responses API</text>
+  <rect x="428.75" y="510.5" width="231.03" height="55" rx="27.5" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="455.25" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(13, 148, 136)">on Token Station</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/run-any-model-in-openclaw-through-token-station-cover.svg b/blog/asset-sources/run-any-model-in-openclaw-through-token-station-cover.svg
new file mode 100644
index 0000000..d605b3b
--- /dev/null
+++ b/blog/asset-sources/run-any-model-in-openclaw-through-token-station-cover.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>run-any-model-in-openclaw-through-token-station-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <svg x="680" y="118" width="470" height="250" viewBox="0 0 470 250" fill="none" opacity="0.98">
+    <path d="M60 125 C 170 125, 190 34,  310 34" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"></path>
+    <path d="M60 125 C 170 125, 190 125, 310 125" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"></path>
+    <path d="M60 125 C 170 125, 190 216, 310 216" stroke="#2563EB" stroke-width="4" stroke-linecap="round" opacity="0.55"></path>
+    
+    <circle cx="60" cy="125" r="28" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="2.4"></circle>
+    <circle cx="60" cy="125" r="8.5" fill="#2563EB"></circle>
+    
+    <circle cx="310" cy="34" r="14" fill="none" stroke="#0D9488" stroke-width="3"></circle>
+    <circle cx="310" cy="125" r="14" fill="none" stroke="#0D9488" stroke-width="3"></circle>
+    <circle cx="310" cy="216" r="14" fill="none" stroke="#0D9488" stroke-width="3"></circle>
+    
+    <text x="336" y="41" font-family="'JetBrains Mono', monospace" font-size="18" font-weight="600" fill="rgb(24, 24, 27)">gpt-5.5</text>
+    <text x="336" y="132" font-family="'JetBrains Mono', monospace" font-size="18" font-weight="600" fill="rgb(24, 24, 27)">grok-build</text>
+    <text x="336" y="223" font-family="'JetBrains Mono', monospace" font-size="18" font-weight="600" fill="rgb(24, 24, 27)">glm-5.2</text>
+  </svg>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">OPENCLAW · TOKEN STATION · ANY MODEL</text>
+  <text x="72" y="185" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">One command.</text>
+  <text x="72" y="274.75" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">Any model.</text>
+  <text x="72" y="340.5" font-family="'Source Serif 4', serif" font-size="34" font-weight="400" font-style="italic" letter-spacing="-0.34px" fill="rgb(82, 82, 91)">250+ models, 21 providers, one endpoint.</text>
+  <rect x="72.5" y="510.5" width="158.06" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">OpenClaw</text>
+  <rect x="245.56" y="510.5" width="181.41" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="272.06" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">21 providers</text>
+  <rect x="441.97" y="510.5" width="231.03" height="55" rx="27.5" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="468.47" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(13, 148, 136)">on Token Station</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/use-any-model-in-claude-code-through-token-station-cover.svg b/blog/asset-sources/use-any-model-in-claude-code-through-token-station-cover.svg
new file mode 100644
index 0000000..403b82f
--- /dev/null
+++ b/blog/asset-sources/use-any-model-in-claude-code-through-token-station-cover.svg
@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>use-any-model-in-claude-code-through-token-station-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(37,99,235)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(13,148,136)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <rect x="670.5" y="112.5" width="117" height="49" rx="24.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="704.45" y="144" font-family="'Space Grotesk', sans-serif" font-size="20" font-weight="600" fill="rgb(24, 24, 27)">Opus</text>
+  <text x="802" y="145" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="400" fill="rgb(161, 161, 170)">→</text>
+  <rect x="838.5" y="114" width="196.2" height="46" rx="23" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="861" y="143.5" font-family="'JetBrains Mono', monospace" font-size="18" font-weight="600" fill="rgb(13, 148, 136)">openai/gpt-5.5</text>
+  <rect x="670.5" y="178.5" width="117" height="49" rx="24.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="695" y="210" font-family="'Space Grotesk', sans-serif" font-size="20" font-weight="600" fill="rgb(24, 24, 27)">Sonnet</text>
+  <text x="802" y="211" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="400" fill="rgb(161, 161, 170)">→</text>
+  <rect x="838.5" y="180" width="250.2" height="46" rx="23" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="861" y="209.5" font-family="'JetBrains Mono', monospace" font-size="18" font-weight="600" fill="rgb(13, 148, 136)">openai/gpt-5.4-mini</text>
+  <rect x="670.5" y="244.5" width="117" height="49" rx="24.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="702.33" y="276" font-family="'Space Grotesk', sans-serif" font-size="20" font-weight="600" fill="rgb(24, 24, 27)">Haiku</text>
+  <text x="802" y="277" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="400" fill="rgb(161, 161, 170)">→</text>
+  <rect x="838.5" y="246" width="250.2" height="46" rx="23" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="861" y="275.5" font-family="'JetBrains Mono', monospace" font-size="18" font-weight="600" fill="rgb(13, 148, 136)">openai/gpt-5.4-nano</text>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(37, 99, 235)">CLAUDE CODE · TOKEN STATION · ANY MODEL</text>
+  <text x="72" y="185" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">Same harness.</text>
+  <text x="72" y="274.75" font-family="'Space Grotesk', sans-serif" font-size="88" font-weight="700" letter-spacing="-3.08px" fill="rgb(24, 24, 27)">Any model.</text>
+  <text x="72" y="340.5" font-family="'Source Serif 4', serif" font-size="34" font-weight="400" font-style="italic" letter-spacing="-0.34px" fill="rgb(82, 82, 91)">No wrapper, no proxy, just Token Station.</text>
+  <rect x="72.5" y="510.5" width="106.98" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Opus</text>
+  <rect x="194.48" y="510.5" width="129.41" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="220.98" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Sonnet</text>
+  <rect x="338.89" y="510.5" width="111.67" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="365.39" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Haiku</text>
+  <rect x="465.56" y="510.5" width="231.03" height="55" rx="27.5" fill="rgb(239, 244, 255)" stroke="rgba(37, 99, 235, 0.4)" stroke-width="1"/>
+  <text x="492.06" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(37, 99, 235)">on Token Station</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/asset-sources/use-grok-build-in-codex-and-claude-code-cover.svg b/blog/asset-sources/use-grok-build-in-codex-and-claude-code-cover.svg
new file mode 100644
index 0000000..0e00b6a
--- /dev/null
+++ b/blog/asset-sources/use-grok-build-in-codex-and-claude-code-cover.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <title>use-grok-build-in-codex-and-claude-code-cover</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;500;600&amp;family=Source+Serif+4:ital,opsz,wght@1,8..60,400&amp;display=swap');
+  </style>
+  <defs>
+    <pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse">
+      <circle cx="14" cy="14" r="1.2" fill="rgb(24,24,27)" fill-opacity="0.07"/>
+    </pattern>
+    <radialGradient id="wash1" gradientUnits="userSpaceOnUse" cx="1020" cy="120" r="480.83">
+      <stop offset="0" stop-color="rgb(13,148,136)" stop-opacity="0.16"/>
+      <stop offset="0.45" stop-color="rgb(37,99,235)" stop-opacity="0.08"/>
+      <stop offset="0.7" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="wash2" gradientUnits="userSpaceOnUse" cx="140" cy="590" r="424.26">
+      <stop offset="0" stop-color="rgb(37,99,235)" stop-opacity="0.1"/>
+      <stop offset="0.65" stop-color="rgb(0,0,0)" stop-opacity="0"/>
+    </radialGradient>
+    <filter id="sh1" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="rgb(13,148,136)" flood-opacity="0.32"/>
+    </filter>
+  </defs>
+  <rect width="1200" height="630" fill="#faf9f5"/>
+  <rect x="0" y="0" width="1200" height="630" fill="url(#grid)"/>
+  <rect x="680" y="-220" width="680" height="680" fill="url(#wash1)"/>
+  <rect x="-160" y="290" width="600" height="600" fill="url(#wash2)"/>
+  <rect x="841.59" y="84" width="286.41" height="139" rx="16" fill="rgb(13, 148, 136)" filter="url(#sh1)" transform="rotate(6 984.8 153.5)"/>
+  <circle cx="984.8" cy="84" r="7" fill="rgb(250, 249, 245)" stroke="rgb(13, 148, 136)" stroke-width="4" transform="rotate(6 984.8 153.5)"/>
+  <text x="902.7" y="118" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" letter-spacing="1.92px" fill="rgba(250, 249, 245, 0.7)" transform="rotate(6 984.8 153.5)">API PRICE / 1M TOK</text>
+  <text x="924.5" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(6 984.8 153.5)">$1</text>
+  <text x="974.59" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(253, 230, 138)" transform="rotate(6 984.8 153.5)">/</text>
+  <text x="998.69" y="169" font-family="'Space Grotesk', sans-serif" font-size="40" font-weight="700" letter-spacing="-0.8px" fill="rgb(250, 249, 245)" transform="rotate(6 984.8 153.5)">$2</text>
+  <text x="869.59" y="199" font-family="'JetBrains Mono', monospace" font-size="12" font-weight="400" fill="rgba(250, 249, 245, 0.7)" transform="rotate(6 984.8 153.5)">a fraction of frontier flagships</text>
+  <text x="72" y="81" font-family="'JetBrains Mono', monospace" font-size="17" font-weight="600" letter-spacing="2.72px" fill="rgb(13, 148, 136)">GROK BUILD · ON TOKEN STATION</text>
+  <text x="72" y="178" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">A fraction of the</text>
+  <text x="72" y="259.59" font-family="'Space Grotesk', sans-serif" font-size="80" font-weight="700" letter-spacing="-2.8px" fill="rgb(24, 24, 27)">flagship price.</text>
+  <text x="72" y="324.19" font-family="'Source Serif 4', serif" font-size="34" font-weight="400" font-style="italic" letter-spacing="-0.34px" fill="rgb(82, 82, 91)">No xAI account. No new tool.</text>
+  <rect x="72.5" y="510.5" width="185.77" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="99" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Claude Code</text>
+  <rect x="273.27" y="510.5" width="119.83" height="55" rx="27.5" fill="rgb(255, 255, 255)" stroke="rgb(228, 228, 231)" stroke-width="1"/>
+  <text x="299.77" y="546" font-family="'Space Grotesk', sans-serif" font-size="22" font-weight="600" fill="rgb(24, 24, 27)">Codex</text>
+  <text x="407.59" y="547" font-family="'Space Grotesk', sans-serif" font-size="26" font-weight="400" fill="rgb(161, 161, 170)">→</text>
+  <rect x="448.09" y="512" width="258.2" height="52" rx="26" fill="rgb(240, 253, 250)" stroke="rgba(13, 148, 136, 0.4)" stroke-width="1"/>
+  <text x="474.59" y="544.5" font-family="'JetBrains Mono', monospace" font-size="19" font-weight="600" fill="rgb(13, 148, 136)">xai/grok-build-0.1</text>
+  <svg x="949.08" y="526" width="40" height="40" viewBox="0 0 32 32">
+    <rect x="2.5" y="2.5" width="27" height="27" rx="8" fill="#2563EB" fill-opacity="0.10" stroke="#2563EB" stroke-width="1.6"/>
+    <circle cx="12" cy="16" r="3.4" fill="#2563EB"/>
+    <circle cx="21.5" cy="16" r="3.4" fill="none" stroke="#0D9488" stroke-width="1.8"/>
+    <path d="M15.4 16h2.7" stroke="#0D9488" stroke-width="1.8" stroke-linecap="round"/>
+  </svg>
+  <text x="1002.08" y="554" font-family="'Space Grotesk', sans-serif" font-size="23" font-weight="600" fill="rgb(82, 82, 91)">ByteFuture</text>
+</svg>
diff --git a/blog/claude-fable-5-cover.png b/blog/claude-fable-5-cover.png
index 4ba3ad8..65ee6a9 100644
Binary files a/blog/claude-fable-5-cover.png and b/blog/claude-fable-5-cover.png differ
diff --git a/blog/glm-5-2-zai-stock-jump-cover.png b/blog/glm-5-2-zai-stock-jump-cover.png
index 6cef50f..532d930 100644
Binary files a/blog/glm-5-2-zai-stock-jump-cover.png and b/blog/glm-5-2-zai-stock-jump-cover.png differ
diff --git a/blog/gpt-5-6-token-station-cover.png b/blog/gpt-5-6-token-station-cover.png
index 430a4dc..81b1429 100644
Binary files a/blog/gpt-5-6-token-station-cover.png and b/blog/gpt-5-6-token-station-cover.png differ
diff --git a/blog/kimi-k2-7-code-cover.png b/blog/kimi-k2-7-code-cover.png
index 6ea078e..f8b7a82 100644
Binary files a/blog/kimi-k2-7-code-cover.png and b/blog/kimi-k2-7-code-cover.png differ
diff --git a/blog/kimi-k3-token-station-cover.png b/blog/kimi-k3-token-station-cover.png
new file mode 100644
index 0000000..198fffc
Binary files /dev/null and b/blog/kimi-k3-token-station-cover.png differ
diff --git a/blog/qwen-3-8-max-token-station-cover.png b/blog/qwen-3-8-max-token-station-cover.png
new file mode 100644
index 0000000..7975d76
Binary files /dev/null and b/blog/qwen-3-8-max-token-station-cover.png differ
diff --git a/blog/run-any-model-in-codex-through-token-station-cover.png b/blog/run-any-model-in-codex-through-token-station-cover.png
new file mode 100644
index 0000000..6384ca4
Binary files /dev/null and b/blog/run-any-model-in-codex-through-token-station-cover.png differ
diff --git a/blog/run-any-model-in-openclaw-through-token-station-cover.png b/blog/run-any-model-in-openclaw-through-token-station-cover.png
new file mode 100644
index 0000000..865d01f
Binary files /dev/null and b/blog/run-any-model-in-openclaw-through-token-station-cover.png differ
diff --git a/blog/use-any-model-in-claude-code-through-token-station-cover.png b/blog/use-any-model-in-claude-code-through-token-station-cover.png
new file mode 100644
index 0000000..b44b0f1
Binary files /dev/null and b/blog/use-any-model-in-claude-code-through-token-station-cover.png differ
diff --git a/blog/use-grok-build-in-codex-and-claude-code-cover.png b/blog/use-grok-build-in-codex-and-claude-code-cover.png
new file mode 100644
index 0000000..cf729cb
Binary files /dev/null and b/blog/use-grok-build-in-codex-and-claude-code-cover.png differ
diff --git a/src/content/writings/en/kimi-k3-token-station.md b/src/content/writings/en/kimi-k3-token-station.md
index 8e36905..7afcf71 100644
--- a/src/content/writings/en/kimi-k3-token-station.md
+++ b/src/content/writings/en/kimi-k3-token-station.md
@@ -6,6 +6,7 @@ summary: "Moonshot's Kimi K3 has 2.8 trillion parameters and a 1M-token context
 category: "tutorial"
 date: "2026-07-25"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/kimi-k3-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/en/qwen-3-8-max-token-station.md b/src/content/writings/en/qwen-3-8-max-token-station.md
index 99c436d..6e319a6 100644
--- a/src/content/writings/en/qwen-3-8-max-token-station.md
+++ b/src/content/writings/en/qwen-3-8-max-token-station.md
@@ -6,6 +6,7 @@ summary: "Alibaba has only previewed Qwen 3.8-Max (2.4T parameters, sparse MoE,
 category: product
 date: 2026-07-28
 cta: https://models.bytefuture.ai/intro.html
+cover: "blog/qwen-3-8-max-token-station-cover.png"
 ---
 
 Alibaba previewed Qwen 3.8-Max at the World AI Conference on July 19, 2026: 2.4 trillion parameters, a sparse Mixture-of-Experts, native multimodality, and a claim that it trails only [Claude Fable 5](/blog/try-claude-fable-5-in-codex-openclaw-and-pi.html). What it does not have yet is a benchmark table, a model card, or a confirmed context window.
diff --git a/src/content/writings/en/run-any-model-in-codex-through-token-station.md b/src/content/writings/en/run-any-model-in-codex-through-token-station.md
index 6dda1dd..7999341 100644
--- a/src/content/writings/en/run-any-model-in-codex-through-token-station.md
+++ b/src/content/writings/en/run-any-model-in-codex-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenAI's Codex can run any model, not just OpenAI's. Since February 20
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-codex-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/en/run-any-model-in-openclaw-through-token-station.md b/src/content/writings/en/run-any-model-in-openclaw-through-token-station.md
index f200aa4..4cc582f 100644
--- a/src/content/writings/en/run-any-model-in-openclaw-through-token-station.md
+++ b/src/content/writings/en/run-any-model-in-openclaw-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenClaw supports custom providers through its onboarding wizard and C
 category: "tutorial"
 date: "2026-07-20"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-openclaw-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/en/use-any-model-in-claude-code-through-token-station.md b/src/content/writings/en/use-any-model-in-claude-code-through-token-station.md
index 444c9de..12b4886 100644
--- a/src/content/writings/en/use-any-model-in-claude-code-through-token-station.md
+++ b/src/content/writings/en/use-any-model-in-claude-code-through-token-station.md
@@ -6,6 +6,7 @@ summary: "Claude Code can run through Token Station with either a persistent ~/.
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/use-any-model-in-claude-code-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/en/use-grok-build-in-codex-and-claude-code.md b/src/content/writings/en/use-grok-build-in-codex-and-claude-code.md
index 25364ba..16ad44a 100644
--- a/src/content/writings/en/use-grok-build-in-codex-and-claude-code.md
+++ b/src/content/writings/en/use-grok-build-in-codex-and-claude-code.md
@@ -6,7 +6,7 @@ summary: "xAI's Grok Build model is evolving fast and costs a fraction of GPT-5.
 category: "tutorial"
 date: "2026-06-10"
 cta: "https://models.bytefuture.ai/intro.html"
-cover: "blog/claude-code-grok-build.png"
+cover: "blog/use-grok-build-in-codex-and-claude-code-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ja/kimi-k3-token-station.md b/src/content/writings/ja/kimi-k3-token-station.md
index 28f12bf..46d1ed5 100644
--- a/src/content/writings/ja/kimi-k3-token-station.md
+++ b/src/content/writings/ja/kimi-k3-token-station.md
@@ -6,6 +6,7 @@ summary: "Moonshot の Kimi K3 は 2.8 兆パラメータと 100 万トークン
 category: "tutorial"
 date: "2026-07-25"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/kimi-k3-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ja/qwen-3-8-max-token-station.md b/src/content/writings/ja/qwen-3-8-max-token-station.md
index 670a4f3..f08e0a3 100644
--- a/src/content/writings/ja/qwen-3-8-max-token-station.md
+++ b/src/content/writings/ja/qwen-3-8-max-token-station.md
@@ -6,6 +6,7 @@ summary: "Alibaba は Qwen 3.8-Max（2.4 兆パラメータ、スパース MoE
 category: product
 date: 2026-07-28
 cta: https://models.bytefuture.ai/intro.html
+cover: "blog/qwen-3-8-max-token-station-cover.png"
 ---
 
 Alibaba は 2026 年 7 月 19 日の World AI Conference（WAIC）で Qwen 3.8-Max をプレビューしました。2.4 兆パラメータ、スパース Mixture-of-Experts、ネイティブマルチモーダル、そして [Claude Fable 5](/blog/try-claude-fable-5-in-codex-openclaw-and-pi-ja.html) に次ぐ性能という主張です。ただし、ベンチマーク表もモデルカードも、確定したコンテキストウィンドウもまだ公開されていません。
diff --git a/src/content/writings/ja/run-any-model-in-codex-through-token-station.md b/src/content/writings/ja/run-any-model-in-codex-through-token-station.md
index 7686816..29b94b4 100644
--- a/src/content/writings/ja/run-any-model-in-codex-through-token-station.md
+++ b/src/content/writings/ja/run-any-model-in-codex-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenAI の Codex は OpenAI 製に限らず任意のモデルを動か
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-codex-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ja/run-any-model-in-openclaw-through-token-station.md b/src/content/writings/ja/run-any-model-in-openclaw-through-token-station.md
index a16dee2..52a1b7f 100644
--- a/src/content/writings/ja/run-any-model-in-openclaw-through-token-station.md
+++ b/src/content/writings/ja/run-any-model-in-openclaw-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenClaw はオンボーディングウィザードと CLI からカ
 category: "tutorial"
 date: "2026-07-20"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-openclaw-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ja/use-any-model-in-claude-code-through-token-station.md b/src/content/writings/ja/use-any-model-in-claude-code-through-token-station.md
index 5018698..7096363 100644
--- a/src/content/writings/ja/use-any-model-in-claude-code-through-token-station.md
+++ b/src/content/writings/ja/use-any-model-in-claude-code-through-token-station.md
@@ -6,6 +6,7 @@ summary: "Claude Code は Token Station 経由で任意のモデルを使える
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/use-any-model-in-claude-code-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ja/use-grok-build-in-codex-and-claude-code.md b/src/content/writings/ja/use-grok-build-in-codex-and-claude-code.md
index fcfedd7..dd8cfa6 100644
--- a/src/content/writings/ja/use-grok-build-in-codex-and-claude-code.md
+++ b/src/content/writings/ja/use-grok-build-in-codex-and-claude-code.md
@@ -6,7 +6,7 @@ summary: "xAI の Grok Build モデルは進化が速く、価格は GPT-5.5 や
 category: "tutorial"
 date: "2026-06-10"
 cta: "https://models.bytefuture.ai/intro.html"
-cover: "blog/claude-code-grok-build.png"
+cover: "blog/use-grok-build-in-codex-and-claude-code-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ko/kimi-k3-token-station.md b/src/content/writings/ko/kimi-k3-token-station.md
index 494057c..7091e18 100644
--- a/src/content/writings/ko/kimi-k3-token-station.md
+++ b/src/content/writings/ko/kimi-k3-token-station.md
@@ -6,6 +6,7 @@ summary: "Moonshot의 Kimi K3는 2.8조 파라미터와 100만 토큰 컨텍스
 category: "tutorial"
 date: "2026-07-25"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/kimi-k3-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ko/qwen-3-8-max-token-station.md b/src/content/writings/ko/qwen-3-8-max-token-station.md
index c2a7666..61ba00d 100644
--- a/src/content/writings/ko/qwen-3-8-max-token-station.md
+++ b/src/content/writings/ko/qwen-3-8-max-token-station.md
@@ -6,6 +6,7 @@ summary: "Alibaba는 Qwen 3.8-Max(2.4조 파라미터, 희소 MoE, 멀티모달)
 category: product
 date: 2026-07-28
 cta: https://models.bytefuture.ai/intro.html
+cover: "blog/qwen-3-8-max-token-station-cover.png"
 ---
 
 Alibaba는 2026년 7월 19일 World AI Conference(WAIC)에서 Qwen 3.8-Max를 미리보기로 공개했습니다. 2.4조 파라미터, 희소 Mixture-of-Experts, 네이티브 멀티모달, 그리고 [Claude Fable 5](/blog/try-claude-fable-5-in-codex-openclaw-and-pi-ko.html) 다음가는 성능이라는 주장입니다. 다만 벤치마크 표도, 모델 카드도, 확정된 컨텍스트 윈도도 아직 없습니다.
diff --git a/src/content/writings/ko/run-any-model-in-codex-through-token-station.md b/src/content/writings/ko/run-any-model-in-codex-through-token-station.md
index e605f41..206b033 100644
--- a/src/content/writings/ko/run-any-model-in-codex-through-token-station.md
+++ b/src/content/writings/ko/run-any-model-in-codex-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenAI의 Codex는 OpenAI 모델뿐 아니라 어떤 모델이든 실
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-codex-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ko/run-any-model-in-openclaw-through-token-station.md b/src/content/writings/ko/run-any-model-in-openclaw-through-token-station.md
index af47dcd..c5a6171 100644
--- a/src/content/writings/ko/run-any-model-in-openclaw-through-token-station.md
+++ b/src/content/writings/ko/run-any-model-in-openclaw-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenClaw는 온보딩 위저드와 CLI를 통해 커스텀 프로바
 category: "tutorial"
 date: "2026-07-20"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-openclaw-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ko/use-any-model-in-claude-code-through-token-station.md b/src/content/writings/ko/use-any-model-in-claude-code-through-token-station.md
index 972dafe..66f0df4 100644
--- a/src/content/writings/ko/use-any-model-in-claude-code-through-token-station.md
+++ b/src/content/writings/ko/use-any-model-in-claude-code-through-token-station.md
@@ -6,6 +6,7 @@ summary: "Claude Code는 Token Station을 통해 어떤 모델이든 사용할 
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/use-any-model-in-claude-code-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/ko/use-grok-build-in-codex-and-claude-code.md b/src/content/writings/ko/use-grok-build-in-codex-and-claude-code.md
index 01b805d..7a9d461 100644
--- a/src/content/writings/ko/use-grok-build-in-codex-and-claude-code.md
+++ b/src/content/writings/ko/use-grok-build-in-codex-and-claude-code.md
@@ -6,7 +6,7 @@ summary: "xAI의 Grok Build 모델은 빠르게 진화하며 가격은 GPT-5.5
 category: "tutorial"
 date: "2026-06-10"
 cta: "https://models.bytefuture.ai/intro.html"
-cover: "blog/claude-code-grok-build.png"
+cover: "blog/use-grok-build-in-codex-and-claude-code-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/zh/kimi-k3-token-station.md b/src/content/writings/zh/kimi-k3-token-station.md
index 258ac8c..eaa3aad 100644
--- a/src/content/writings/zh/kimi-k3-token-station.md
+++ b/src/content/writings/zh/kimi-k3-token-station.md
@@ -6,6 +6,7 @@ summary: "Moonshot 的 Kimi K3 拥有 2.8 万亿参数和 100 万 token 的上
 category: "tutorial"
 date: "2026-07-25"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/kimi-k3-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/zh/qwen-3-8-max-token-station.md b/src/content/writings/zh/qwen-3-8-max-token-station.md
index 64d3e8f..a3a9d4c 100644
--- a/src/content/writings/zh/qwen-3-8-max-token-station.md
+++ b/src/content/writings/zh/qwen-3-8-max-token-station.md
@@ -6,6 +6,7 @@ summary: "Alibaba 只是预览了 Qwen 3.8-Max（2.4T 参数、稀疏 MoE、多
 category: product
 date: 2026-07-28
 cta: https://models.bytefuture.ai/intro.html
+cover: "blog/qwen-3-8-max-token-station-cover.png"
 ---
 
 Alibaba 在 2026 年 7 月 19 日的世界人工智能大会（WAIC）上预览了 Qwen 3.8-Max：2.4 万亿参数、稀疏 Mixture-of-Experts、原生多模态，号称仅次于 [Claude Fable 5](/blog/try-claude-fable-5-in-codex-openclaw-and-pi-zh.html)。但它目前还没有 benchmark 表、没有 model card，上下文窗口也没确认。
diff --git a/src/content/writings/zh/run-any-model-in-codex-through-token-station.md b/src/content/writings/zh/run-any-model-in-codex-through-token-station.md
index 9640ab0..c273853 100644
--- a/src/content/writings/zh/run-any-model-in-codex-through-token-station.md
+++ b/src/content/writings/zh/run-any-model-in-codex-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenAI 的 Codex 可以运行任意模型，不只是 OpenAI 自家的
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-codex-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/zh/run-any-model-in-openclaw-through-token-station.md b/src/content/writings/zh/run-any-model-in-openclaw-through-token-station.md
index dee8fd9..ffd58b0 100644
--- a/src/content/writings/zh/run-any-model-in-openclaw-through-token-station.md
+++ b/src/content/writings/zh/run-any-model-in-openclaw-through-token-station.md
@@ -6,6 +6,7 @@ summary: "OpenClaw 通过引导向导和 CLI 支持自定义提供方。将其
 category: "tutorial"
 date: "2026-07-20"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/run-any-model-in-openclaw-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/zh/use-any-model-in-claude-code-through-token-station.md b/src/content/writings/zh/use-any-model-in-claude-code-through-token-station.md
index 81de080..170fd95 100644
--- a/src/content/writings/zh/use-any-model-in-claude-code-through-token-station.md
+++ b/src/content/writings/zh/use-any-model-in-claude-code-through-token-station.md
@@ -6,6 +6,7 @@ summary: "Claude Code 可以通过 Token Station 运行任意模型。你可以
 category: "tutorial"
 date: "2026-06-18"
 cta: "https://models.bytefuture.ai/intro.html"
+cover: "blog/use-any-model-in-claude-code-through-token-station-cover.png"
 draft: false
 ---
 
diff --git a/src/content/writings/zh/use-grok-build-in-codex-and-claude-code.md b/src/content/writings/zh/use-grok-build-in-codex-and-claude-code.md
index 4ddda2c..ac082c5 100644
--- a/src/content/writings/zh/use-grok-build-in-codex-and-claude-code.md
+++ b/src/content/writings/zh/use-grok-build-in-codex-and-claude-code.md
@@ -6,7 +6,7 @@ summary: "xAI 的 Grok Build 模型迭代很快，价格只有 GPT-5.5 或 Claud
 category: "tutorial"
 date: "2026-06-10"
 cta: "https://models.bytefuture.ai/intro.html"
-cover: "blog/claude-code-grok-build.png"
+cover: "blog/use-grok-build-in-codex-and-claude-code-cover.png"
 draft: false
 ---
 
diff --git a/src/layouts/WritingLayout.astro b/src/layouts/WritingLayout.astro
index 1b4e71e..8a17fbc 100644
--- a/src/layouts/WritingLayout.astro
+++ b/src/layouts/WritingLayout.astro
@@ -7,12 +7,15 @@ export interface Props {
   category: string;
   date: Date;
   cta: string;
+  cover?: string;
   draft?: boolean;
 }
 
-const { title, summary, slug, lang, category, date, cta, draft = false } = Astro.props;
+const { title, summary, slug, lang, category, date, cta, cover, draft = false } = Astro.props;
 const suffix = lang === 'en' ? '' : `-${lang}`;
 const url = `https://bytefuture.ai/blog/${slug}${suffix}.html`;
+// Covers are repo-root-relative in frontmatter (blog/foo.png); og:image needs an absolute URL.
+const coverUrl = cover ? `https://bytefuture.ai/${cover.replace(/^\/+/, '')}` : undefined;
 const locale = { en: 'en_US', zh: 'zh_CN', ja: 'ja_JP', ko: 'ko_KR' }[lang];
 const htmlLang = { en: 'en', zh: 'zh-Hans', ja: 'ja', ko: 'ko' }[lang];
 const writings = { en: 'Writings', zh: '文章', ja: '記事', ko: '글' }[lang];
@@ -61,6 +64,15 @@ const dateText = new Intl.DateTimeFormat(lang === 'zh' ? 'zh-CN' : lang === 'ja'
   <meta property="og:type" content="article" />
   <meta property="og:url" content={url} />
   <meta property="og:locale" content={locale} />
+  {coverUrl && (
+    <>
+      <meta property="og:image" content={coverUrl} />
+      <meta property="og:image:width" content="1200" />
+      <meta property="og:image:height" content="630" />
+      <meta property="og:image:alt" content={title} />
+    </>
+  )}
+  <meta name="twitter:card" content={coverUrl ? 'summary_large_image' : 'summary'} />
   <link rel="alternate" hreflang="en" href={`https://bytefuture.ai/blog/${slug}.html`} />
   <link rel="alternate" hreflang="zh-Hans" href={`https://bytefuture.ai/blog/${slug}-zh.html`} />
   <link rel="alternate" hreflang="ja" href={`https://bytefuture.ai/blog/${slug}-ja.html`} />