[codex] follow-up blog benchmark fixes

[hiyouga]

What changed

• Fixed the Chinese spacing around SDK in the blog copy.
• Kept the benchmark caption/header fixed on mobile while only the benchmark table content scrolls horizontally.
• Split fewshot and reflect into separate color families so the two modes are easier to distinguish.

Context

PR #17 was already merged. This branch was rebuilt from the latest main and only cherry-picks the follow-up commits that landed after that merge.

Validation

• npm run build

[gemini-code-assist]

Code Review

This pull request refactors the benchmark visualization styles by introducing reusable CSS variables for the 'fewshot' and 'reflect' modes across light and dark themes, replacing hardcoded color values. It also wraps the benchmark columns and rows in a new scrollable container class to improve overflow handling on smaller screens, and corrects a minor spacing typo in the Chinese translation content. I have no feedback to provide.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[Copilot]

Pull request overview

This PR applies follow-up polish to the site blog benchmark UI and related styling, improving mobile usability and making benchmark modes easier to distinguish visually.

Changes:

• Introduces distinct CSS color variables for fewshot (mapped from demo) vs reflect, and updates benchmark/legend styling to use them.
• Prevents the benchmark figure caption/header from horizontally scrolling on mobile by moving horizontal overflow to a new inner .blog-benchmark-table wrapper.
• Fixes Chinese typography spacing around “SDK” in the blog copy.

Reviewed changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated no comments.

File	Description
site/styles.css	Adds --fewshot/--reflect color families (light/dark) and updates benchmark/legend styling; moves horizontal scrolling to .blog-benchmark-table.
site/src/content/blog.js	Adjusts Chinese copy to include proper spacing in “评估 SDK”.
site/src/components/BenchmarkFigure.jsx	Wraps benchmark columns/rows in .blog-benchmark-table so only the table content scrolls horizontally.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.