feat(website): 官网企业版视觉升级

- 引入 Geist 字体，去除紫色渐变，克制阴影与交互态
- 导航/卡片/按钮统一企业风格，各区块视觉收敛

release-notes-v0.7.1.md

@@ -0,0 +1,18 @@
+## v0.7.1
+
+### 实验功能设置：子代理模型配置
+
+- 新增「子代理模型（次主力模型）」设置：选择次主力模型后，子代理默认绑定该模型，不再继承主模型
+- 仅保存模型引用，子代理直接继承所选模型的上下文长度与思考模式，无需补丁配置
+- 界面只读展示继承的上下文长度与思考模式
+
+### 仪表盘用量统计
+
+- 识别子代理请求（`__secondary__`）：归为「子代理模型（估算）」独立展示，并缓存次主力模型定价，删除配置后历史记录仍稳定估算
+- 自定义网关模型（未收录 models.dev）按官方同名模型跨 provider 匹配价格，不再落入兜底估算
+
+### Downloads by platform
+
+- **Windows**: `.msi` installer
+- **macOS**: `.dmg` (unsigned — first launch needs right-click → Open) + `.app`
+- **Linux**: `.deb` / `.AppImage` / `.rpm`

src/components/SubagentSettingsPage.tsx

@@ -15,7 +15,7 @@ import {
   setSecondaryModelOnly,
   type ExperimentalFlagDef,
 } from "../lib/subagent-settings";
-import { Card, Checkbox } from "./ui/controls";
+import { Card, Toggle } from "./ui/controls";
 
 interface SubagentSettingsPageProps {
   /** config.raw_other — hosts the `[experimental]` and `[secondary_model]` sections. */
@@ -71,6 +71,7 @@ export function SubagentSettingsPage({
     : isFlagLockedByEnv(env, secondaryFlag)
       ? forcedEnvValue(env, secondaryFlag)
       : flags["secondary-model"] === true;
+  const secondaryLocked = masterOn || isFlagLockedByEnv(env, secondaryFlag);
 
   const aliasList = Object.keys(models).sort();
 
@@ -127,10 +128,10 @@ export function SubagentSettingsPage({
             🔒 {t("lockedByEnv")}
           </span>
         )}
-        <Checkbox
+        <Toggle
-          label=""
           checked={on}
           disabled={locked}
+          ariaLabel={t(labels.name)}
           onChange={(checked) =>
             onChange(setExperimentalFlag(rawOther, flag.id, checked))
           }
@@ -160,17 +161,8 @@ export function SubagentSettingsPage({
           </div>
         )}
 
-        {/* Subagent: experimental flag + secondary model in one card */}
+        {/* Subagent: secondary model picker + inherited settings */}
         <Card title={t("secondaryModelSection")}>
-          {renderFlagRow(secondaryFlag)}
-          <div className="border-t border-border" />
-
-          {!secondaryEnabled && (
-            <div className="bg-amber-100 dark:bg-amber-900/20 border border-amber-300 dark:border-amber-500/30 rounded-lg px-3 py-2 text-sm text-amber-800 dark:text-amber-400">
-              {t("secondaryModelDisabledHint")}
-            </div>
-          )}
-
           <label className="flex items-center gap-3 text-sm text-content-primary">
             <span className="text-content-muted">{t("secondaryModelLabel")}</span>
             <select
@@ -200,21 +192,44 @@ export function SubagentSettingsPage({
             </select>
           </label>
 
+          <div className="border-t border-border" />
+          <div className="flex items-center gap-3">
+            <div className="flex-1 min-w-0">
+              <div className="text-xs text-content-muted">
+                {t(FLAG_LABELS[secondaryFlag.id].desc)}
+                <code className="ml-2">{secondaryFlag.envVar}</code>
+              </div>
+            </div>
+            {secondaryLocked && (
+              <span className="text-xs text-content-muted shrink-0">
+                🔒 {t("lockedByEnv")}
+              </span>
+            )}
+            <Toggle
+              checked={secondaryEnabled}
+              disabled={secondaryLocked}
+              ariaLabel={t(FLAG_LABELS[secondaryFlag.id].name)}
+              onChange={(checked) =>
+                onChange(setExperimentalFlag(rawOther, secondaryFlag.id, checked))
+              }
+            />
+          </div>
+
           {secondary.model !== undefined && (
-            <div className="rounded-lg border border-border bg-input/40 px-3 py-2 space-y-1.5">
+            <div className="rounded-lg border border-border bg-input/40 px-3 py-2.5 space-y-2">
-              <div className="flex items-center gap-3 text-sm">
+              <div className="flex items-baseline gap-2 text-sm">
-                <span className="text-content-muted w-24 shrink-0">
+                <span className="shrink-0 text-content-muted">
                   {t("secondaryModelInheritedContext")}
                 </span>
-                <span className="text-content-primary">
+                <span className="font-medium text-content-primary">
                   {inheritedContext ? fmtContext(inheritedContext) : "—"}
                 </span>
               </div>
-              <div className="flex items-center gap-3 text-sm">
+              <div className="flex items-baseline gap-2 text-sm">
-                <span className="text-content-muted w-24 shrink-0">
+                <span className="shrink-0 text-content-muted">
                   {t("secondaryModelInheritedEffort")}
                 </span>
-                <span className="text-content-primary">
+                <span className="font-medium text-content-primary">
                   {inheritedEffort ? effortLabel(inheritedEffort) : "—"}
                 </span>
               </div>
@@ -224,7 +239,6 @@ export function SubagentSettingsPage({
             </div>
           )}
 
-          <p className="text-xs text-content-muted">{t("secondaryModelHint")}</p>
           <p className="text-xs text-content-muted">{t("secondaryModelPriorityHint")}</p>
         </Card>
 

src/components/ui/controls.tsx

@@ -42,6 +42,39 @@ export function Checkbox({
   );
 }
 
+/** Pill-style toggle switch with a sliding knob. */
+export function Toggle({
+  checked,
+  disabled,
+  onChange,
+  ariaLabel,
+}: {
+  checked: boolean;
+  disabled?: boolean;
+  onChange: (checked: boolean) => void;
+  ariaLabel?: string;
+}) {
+  return (
+    <button
+      type="button"
+      role="switch"
+      aria-checked={checked}
+      aria-label={ariaLabel}
+      disabled={disabled}
+      onClick={() => onChange(!checked)}
+      className={`relative h-5 w-9 shrink-0 rounded-full transition-colors duration-200 focus:ring-2 focus:ring-blue-500 focus:outline-none ${
+        checked ? "bg-blue-600" : "bg-border"
+      } ${disabled ? "cursor-not-allowed opacity-50" : ""}`}
+    >
+      <span
+        className={`absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-white shadow-sm transition-transform duration-200 ${
+          checked ? "translate-x-4" : "translate-x-0"
+        }`}
+      />
+    </button>
+  );
+}
+
 export function NumberField({
   label,
   value,

src/lib/models-dev-full.json

@@ -20034,9 +20034,9 @@
           "id": "deepseek-v4-flash",
           "name": "DeepSeek V4 Flash",
           "cost": {
-            "input": 0.14,
+            "input": 0.076,
-            "output": 0.28,
+            "output": 0.153,
-            "cache_read": 0.0028
+            "cache_read": 0.014
           },
           "context": 1050000,
           "output_limit": 384000,
@@ -28471,7 +28471,7 @@
           "id": "moonshotai/kimi-k2.7-code",
           "name": "Kimi K2.7 Code",
           "cost": {
-            "input": 0.73,
+            "input": 0.7,
             "output": 3.5,
             "cache_read": 0.15,
             "cache_write": 0
@@ -54542,8 +54542,8 @@
             "output": 0.6,
             "cache_read": 0.015
           },
-          "context": 128000,
+          "context": 131072,
-          "output_limit": 32768,
+          "output_limit": 131072,
           "reasoning": true,
           "tool_call": true,
           "structured_output": true
@@ -57906,6 +57906,42 @@
           "output_limit": 65536,
           "reasoning": true
         },
+        {
+          "id": "google/gemini-3.1-flash-image",
+          "name": "Gemini 3.1 Flash Image",
+          "cost": {
+            "input": 0.5,
+            "output": 3
+          },
+          "context": 32768,
+          "output_limit": 32768,
+          "reasoning": true,
+          "image": true
+        },
+        {
+          "id": "google/gemini-2.5-flash-image",
+          "name": "Gemini 2.5 Flash Image",
+          "cost": {
+            "input": 0.3,
+            "output": 2.5
+          },
+          "context": 32768,
+          "output_limit": 32768,
+          "reasoning": true,
+          "image": true
+        },
+        {
+          "id": "google/gemini-3-pro-image",
+          "name": "Gemini 3 Pro Image",
+          "cost": {
+            "input": 2,
+            "output": 12
+          },
+          "context": 65536,
+          "output_limit": 65536,
+          "reasoning": true,
+          "image": true
+        },
         {
           "id": "google/gemini-3.1-pro-preview",
           "name": "Gemini 3.1 Pro Preview",
@@ -58312,11 +58348,10 @@
             "output": 0.917,
             "cache_read": 0.023
           },
-          "context": 256000,
+          "context": 131072,
-          "output_limit": 64000,
+          "output_limit": 32768,
           "reasoning": true,
-          "tool_call": true,
+          "tool_call": true
-          "image": true
         },
         {
           "id": "qwen/qwen3-next-80b-a3b-instruct",
@@ -58788,7 +58823,7 @@
         },
         {
           "id": "minimax/minimax-m2",
-          "name": "MiniMax-M2",
+          "name": "MiniMax M2",
           "cost": {
             "input": 0.3,
             "output": 1.2,
@@ -61823,6 +61858,10 @@
           "name": "FLUX.1 Kontext Pro",
           "context": 512
         },
+        {
+          "id": "bfl/flux-3-video",
+          "name": "Flux 3"
+        },
         {
           "id": "bfl/flux-2-klein-4b",
           "name": "FLUX.2 [klein] 4B"
@@ -63354,22 +63393,6 @@
           "structured_output": true,
           "image": true
         },
-        {
-          "id": "anthropic/claude-opus-4.1",
-          "name": "Claude Opus 4.1",
-          "cost": {
-            "input": 15,
-            "output": 75,
-            "cache_read": 1.5,
-            "cache_write": 18.75
-          },
-          "context": 200000,
-          "output_limit": 32000,
-          "reasoning": true,
-          "tool_call": true,
-          "structured_output": true,
-          "image": true
-        },
         {
           "id": "perplexity/pplx-embed-v1-0.6b",
           "name": "Embed v1 0.6b",
@@ -68528,8 +68551,8 @@
             "output": 0.6,
             "cache_read": 0.015
           },
-          "context": 128000,
+          "context": 131072,
-          "output_limit": 128000,
+          "output_limit": 131072,
           "reasoning": true,
           "tool_call": true,
           "structured_output": true
@@ -69194,7 +69217,7 @@
           "id": "minimax/minimax-m2.5",
           "name": "MiniMax-M2.5",
           "cost": {
-            "input": 0.15,
+            "input": 0.22,
             "output": 0.9,
             "cache_read": 0.05
           },
@@ -70159,12 +70182,12 @@
           "id": "z-ai/glm-5.1",
           "name": "GLM-5.1",
           "cost": {
-            "input": 0.966,
+            "input": 0.952,
-            "output": 3.036,
+            "output": 2.992,
-            "cache_read": 0.1794
+            "cache_read": 0.1768
           },
           "context": 204800,
-          "output_limit": 128000,
+          "output_limit": 131072,
           "reasoning": true,
           "tool_call": true,
           "structured_output": true
@@ -70372,7 +70395,7 @@
           "id": "moonshotai/kimi-k2.7-code",
           "name": "Kimi K2.7 Code",
           "cost": {
-            "input": 0.73,
+            "input": 0.7,
             "output": 3.5,
             "cache_read": 0.15
           },
@@ -80440,12 +80463,12 @@
           "id": "deepseek-v4-flash-0731",
           "name": "DeepSeek V4 Flash 0731",
           "cost": {
-            "input": 0.258,
+            "input": 0.25,
-            "output": 0.31,
+            "output": 0.3,
-            "cache_read": 0.0645
+            "cache_read": 0.062
           },
           "context": 1048576,
-          "output_limit": 384000,
+          "output_limit": 1048576,
           "reasoning": true,
           "tool_call": true
         },

src/lib/models-dev.json

@@ -16192,9 +16192,9 @@
     "tool_call": true,
     "structured_output": true,
     "cost": {
-      "input": 0.14,
+      "input": 0.076,
-      "output": 0.28,
+      "output": 0.153,
-      "cache_read": 0.0028
+      "cache_read": 0.014
     }
   },
   "llmgateway/kimi-k2.5": {
@@ -23183,7 +23183,7 @@
     "image": true,
     "video": true,
     "cost": {
-      "input": 0.73,
+      "input": 0.7,
       "output": 3.5,
       "cache_read": 0.15,
       "cache_write": 0
@@ -44882,7 +44882,7 @@
   },
   "kilo/upstage/solar-pro-3": {
     "name": "Upstage: Solar Pro 3",
-    "context": 128000,
+    "context": 131072,
     "reasoning": true,
     "tool_call": true,
     "structured_output": true,
@@ -47727,6 +47727,36 @@
       "output": 0.4
     }
   },
+  "merge-gateway/google/gemini-3.1-flash-image": {
+    "name": "Gemini 3.1 Flash Image",
+    "context": 32768,
+    "reasoning": true,
+    "image": true,
+    "cost": {
+      "input": 0.5,
+      "output": 3
+    }
+  },
+  "merge-gateway/google/gemini-2.5-flash-image": {
+    "name": "Gemini 2.5 Flash Image",
+    "context": 32768,
+    "reasoning": true,
+    "image": true,
+    "cost": {
+      "input": 0.3,
+      "output": 2.5
+    }
+  },
+  "merge-gateway/google/gemini-3-pro-image": {
+    "name": "Gemini 3 Pro Image",
+    "context": 65536,
+    "reasoning": true,
+    "image": true,
+    "cost": {
+      "input": 2,
+      "output": 12
+    }
+  },
   "merge-gateway/google/gemini-3.1-pro-preview": {
     "name": "Gemini 3.1 Pro Preview",
     "context": 1048576,
@@ -48067,10 +48097,9 @@
   },
   "merge-gateway/qwen/qwen3.5-122b-a10b": {
     "name": "Qwen3.5 122B A10B",
-    "context": 256000,
+    "context": 131072,
     "reasoning": true,
     "tool_call": true,
-    "image": true,
     "cost": {
       "input": 0.115,
       "output": 0.917,
@@ -48474,7 +48503,7 @@
     }
   },
   "merge-gateway/minimax/minimax-m2": {
-    "name": "MiniMax-M2",
+    "name": "MiniMax M2",
     "context": 204800,
     "reasoning": true,
     "tool_call": true,
@@ -50974,6 +51003,9 @@
     "name": "FLUX.1 Kontext Pro",
     "context": 512
   },
+  "vercel/bfl/flux-3-video": {
+    "name": "Flux 3"
+  },
   "vercel/bfl/flux-2-klein-4b": {
     "name": "FLUX.2 [klein] 4B"
   },
@@ -52255,20 +52287,6 @@
       "cache_write": 3.75
     }
   },
-  "vercel/anthropic/claude-opus-4.1": {
-    "name": "Claude Opus 4.1",
-    "context": 200000,
-    "reasoning": true,
-    "tool_call": true,
-    "structured_output": true,
-    "image": true,
-    "cost": {
-      "input": 15,
-      "output": 75,
-      "cache_read": 1.5,
-      "cache_write": 18.75
-    }
-  },
   "vercel/perplexity/pplx-embed-v1-0.6b": {
     "name": "Embed v1 0.6b",
     "context": 32000
@@ -56585,7 +56603,7 @@
   },
   "openrouter/upstage/solar-pro-3": {
     "name": "Solar Pro 3",
-    "context": 128000,
+    "context": 131072,
     "reasoning": true,
     "tool_call": true,
     "structured_output": true,
@@ -57154,7 +57172,7 @@
     "tool_call": true,
     "structured_output": true,
     "cost": {
-      "input": 0.15,
+      "input": 0.22,
       "output": 0.9,
       "cache_read": 0.05
     }
@@ -57976,9 +57994,9 @@
     "tool_call": true,
     "structured_output": true,
     "cost": {
-      "input": 0.966,
+      "input": 0.952,
-      "output": 3.036,
+      "output": 2.992,
-      "cache_read": 0.1794
+      "cache_read": 0.1768
     }
   },
   "openrouter/z-ai/glm-4.7-flash": {
@@ -58158,7 +58176,7 @@
     "structured_output": true,
     "image": true,
     "cost": {
-      "input": 0.73,
+      "input": 0.7,
       "output": 3.5,
       "cache_read": 0.15
     }
@@ -66437,9 +66455,9 @@
     "reasoning": true,
     "tool_call": true,
     "cost": {
-      "input": 0.258,
+      "input": 0.25,
-      "output": 0.31,
+      "output": 0.3,
-      "cache_read": 0.0645
+      "cache_read": 0.062
     }
   },
   "cortecs/mixtral-8x7B-instruct-v0.1": {

website/package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.6.7",
       "dependencies": {
         "@fontsource/fira-code": "^5.3.0",
+        "@fontsource/geist": "^5.3.0",
         "@fontsource/inter": "^5.3.0",
         "@phosphor-icons/react": "^2.1.10",
         "react": "^18.3.1",
@@ -722,6 +723,15 @@
         "url": "https://github.com/sponsors/ayuhito"
       }
     },
+    "node_modules/@fontsource/geist": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@fontsource/geist/-/geist-5.3.0.tgz",
+      "integrity": "sha512-u03ftlfVwb05uijq2jGDJ03/HKGqMKaNFk7KOhkpBUex8+BhrAOfMs/XciJ2UUNUX9fEsZbZQld/RWMA2oFU7g==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@fontsource/inter": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.3.0.tgz",

website/package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@fontsource/fira-code": "^5.3.0",
+    "@fontsource/geist": "^5.3.0",
     "@fontsource/inter": "^5.3.0",
     "@phosphor-icons/react": "^2.1.10",
     "react": "^18.3.1",

website/src/components/Footer.tsx

@@ -19,7 +19,7 @@ export default function Footer() {
       <div className="container-page space-y-8">
         {/* 推荐链接 */}
         <div>
-          <h3 className="mb-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground">
+          <h3 className="mb-4 text-sm font-semibold text-muted-foreground">
             {t.footer.recommend}
           </h3>
           <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
@@ -32,9 +32,10 @@ export default function Footer() {
                   href={link.url}
                   target="_blank"
                   rel="noreferrer"
-                  className="group flex items-start gap-3 rounded-xl border border-border bg-card p-4 transition-all hover:-translate-y-0.5 hover:border-primary/50"
+                  className="group flex items-start gap-3 rounded-2xl border border-border bg-card p-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40"
+                  style={{ boxShadow: "var(--shadow-soft)" }}
                 >
-                  <div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border bg-white">
+                  <div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-xl border border-border bg-white">
                     {logo ? (
                       <img
                         src={asset(logo)}
@@ -48,11 +49,11 @@ export default function Footer() {
                     )}
                   </div>
                   <div className="min-w-0 flex-1">
-                    <div className="font-semibold group-hover:text-primary">
+                    <div className="font-semibold tracking-tight group-hover:text-primary">
                       {link.name}
                     </div>
                     {text && (
-                      <p className="mt-1 line-clamp-3 text-xs text-muted-foreground">
+                      <p className="mt-1 line-clamp-3 text-xs leading-relaxed text-muted-foreground">
                         {text}
                       </p>
                     )}

website/src/components/Nav.tsx

@@ -11,7 +11,7 @@ export default function Nav() {
     { to: "/download", label: t.nav.download },
   ];
   return (
-    <header className="sticky top-0 z-40 border-b border-border bg-background/80 backdrop-blur">
+    <header className="sticky top-0 z-40 border-b border-border bg-background/70 backdrop-blur-md">
       <div className="container-page flex h-14 items-center justify-between gap-4">
         <NavLink
           to="/"

website/src/components/SectionShell.tsx

@@ -25,12 +25,12 @@ export default function SectionShell({ id, title, subtitle, children }: SectionS
         <div className="mb-12 max-w-3xl">
           <h2
             id={`${id}-title`}
-            className="text-3xl font-bold tracking-tight md:text-4xl"
+            className="text-3xl font-bold tracking-[-0.03em] md:text-4xl"
           >
             {title}
           </h2>
           {subtitle && (
-            <p className="mt-3 text-base text-muted-foreground">{subtitle}</p>
+            <p className="mt-3 text-base leading-relaxed text-muted-foreground">{subtitle}</p>
           )}
         </div>
         {children}

website/src/i18n.tsx

@@ -164,6 +164,15 @@ const zh = {
           "仪表盘性能再优化：价格解析记忆化缓存，扫描从秒级降到百毫秒级；右上角新增加载耗时/数据量跟踪",
         ],
       },
+      {
+        version: "v0.6.7",
+        date: "2026-08-01",
+        items: [
+          "应用内置 Kimi 授权登录（Device Code Flow，等同 kimi login）：浏览器授权即用，无需命令行",
+          "授权后凭据自动写入，15 分钟过期自动续期，用量查询直接可用",
+          "修复外链打开问题：授权页 / 设置页超链接统一走 Rust 侧 opener 命令（更可靠）",
+        ],
+      },
       {
         version: "v0.6.8",
         date: "2026-08-01",
@@ -310,7 +319,7 @@ const zh = {
       "智谱 GLM":
         "通过我的邀请链接注册 BigModel.cn，即可获得 2000 万 Tokens 大礼包，畅享新一代旗舰模型 GLM-5.2",
       DeepSeek: "",
-      OpenCodeGo: "",
+      OpenCodeGo: "好友订阅后，您可获得 $5，对方也可获得 $5。",
       MiniMax:
         "MiniMax Token Plan：订阅套餐解锁最新模型，好友订阅享 9 折 + Builder 权益，邀请人得 10% 返利",
       基元律动: "",
@@ -630,7 +639,7 @@ const en: Dict = {
       "智谱 GLM":
         "Register on BigModel.cn via my invite link and get a 20M token gift pack for the new GLM-5.2 flagship",
       DeepSeek: "",
-      OpenCodeGo: "",
+      OpenCodeGo: "When a friend subscribes, you get $5 and they get $5.",
       MiniMax:
         "MiniMax Token Plan: subscribe to unlock the latest models. Friends get 10% off, inviters get 10% rebate",
       基元律动: "",

website/src/index.css

@@ -1,8 +1,8 @@
-@import "@fontsource/inter/400.css";
+@import "@fontsource/geist/400.css";
-@import "@fontsource/inter/500.css";
+@import "@fontsource/geist/500.css";
-@import "@fontsource/inter/600.css";
+@import "@fontsource/geist/600.css";
-@import "@fontsource/inter/700.css";
+@import "@fontsource/geist/700.css";
-@import "@fontsource/inter/800.css";
+@import "@fontsource/geist/800.css";
 @import "@fontsource/fira-code/400.css";
 @import "@fontsource/fira-code/500.css";
 
@@ -26,6 +26,11 @@
     --primary: 221 83% 53%;
     --primary-foreground: 0 0% 100%;
     --ring: 221 83% 53%;
+    /* 克制分层阴影（色相一致的 tinted shadow，非荧光发光） */
+    --shadow-soft: 0 1px 2px hsl(240 9% 11% / 0.05),
+      0 8px 24px hsl(240 9% 11% / 0.06);
+    --shadow-lift: 0 1px 2px hsl(240 9% 11% / 0.05),
+      0 12px 36px hsl(240 9% 11% / 0.1);
   }
 
   @media (prefers-color-scheme: dark) {
@@ -42,6 +47,10 @@
       --primary: 217 91% 60%;
       --primary-foreground: 0 0% 100%;
       --ring: 217 91% 60%;
+      --shadow-soft: 0 1px 2px hsl(222 47% 2% / 0.5),
+        0 8px 24px hsl(222 47% 2% / 0.45);
+      --shadow-lift: 0 1px 2px hsl(222 47% 2% / 0.5),
+        0 12px 36px hsl(222 47% 2% / 0.55);
     }
   }
 
@@ -59,8 +68,8 @@
     z-index: 0;
     pointer-events: none;
     background-image:
-      linear-gradient(to right, hsl(var(--primary) / 0.05) 1px, transparent 1px),
+      linear-gradient(to right, hsl(var(--primary) / 0.04) 1px, transparent 1px),
-      linear-gradient(to bottom, hsl(var(--primary) / 0.05) 1px, transparent 1px);
+      linear-gradient(to bottom, hsl(var(--primary) / 0.04) 1px, transparent 1px);
     background-size: 44px 44px;
     mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 75%);
   }
@@ -68,6 +77,21 @@
     position: relative;
     z-index: 1;
   }
+
+  /* 选中色与键盘焦点（无障碍） */
+  ::selection {
+    background: hsl(var(--primary) / 0.16);
+  }
+  :focus-visible {
+    outline: 2px solid hsl(var(--ring));
+    outline-offset: 2px;
+  }
+  /* 展示标题：更紧字距 + 防孤词 */
+  h1,
+  h2 {
+    text-wrap: balance;
+    letter-spacing: -0.02em;
+  }
 }
 
 @layer components {
@@ -75,27 +99,41 @@
     @apply mx-auto w-full max-w-6xl px-6;
   }
   .btn {
-    @apply inline-flex items-center justify-center gap-2 rounded-xl px-5 py-2.5 text-sm font-medium transition-colors;
+    @apply inline-flex items-center justify-center gap-2 rounded-xl px-5 py-2.5 text-sm font-medium transition-all duration-200;
   }
   .btn-primary {
-    @apply btn bg-primary text-primary-foreground hover:opacity-90;
+    @apply btn bg-primary text-primary-foreground hover:bg-primary/90 hover:-translate-y-px active:translate-y-0 active:scale-[0.98];
-    box-shadow: 0 0 20px hsl(var(--primary) / 0.35);
+    box-shadow: 0 1px 2px hsl(var(--primary) / 0.3),
+      0 6px 16px hsl(var(--primary) / 0.22);
+  }
+  .btn-primary:hover {
+    box-shadow: 0 1px 2px hsl(var(--primary) / 0.3),
+      0 10px 24px hsl(var(--primary) / 0.3);
   }
   .btn-ghost {
-    @apply btn border border-border text-foreground hover:bg-accent;
+    @apply btn border border-border bg-card/60 text-foreground hover:border-foreground/25 hover:bg-accent active:scale-[0.98];
   }
   .card {
-    @apply rounded-xl border border-border bg-card p-6 transition-shadow;
+    @apply rounded-2xl border border-border bg-card p-6;
+    box-shadow: var(--shadow-soft);
+    transition:
+      box-shadow 0.3s ease,
+      transform 0.3s ease,
+      border-color 0.3s ease;
   }
   .card:hover {
-    box-shadow: 0 0 28px hsl(var(--primary) / 0.12);
+    box-shadow: var(--shadow-lift);
   }
   /* 截图容器：限定最大宽高，避免撑满页面 */
   .screenshot {
-    @apply overflow-hidden rounded-xl border border-border bg-muted;
+    @apply overflow-hidden rounded-2xl border border-border bg-muted;
-    box-shadow: 0 0 36px hsl(var(--primary) / 0.1);
+    box-shadow: var(--shadow-lift);
   }
   .screenshot > img {
     @apply block h-auto w-full;
   }
+  /* 图标容器：统一的蓝色徽标容器 */
+  .icon-chip {
+    @apply flex h-10 w-10 items-center justify-center rounded-xl border border-primary/20 bg-primary/10 text-primary;
+  }
 }

website/src/sections/CTA.tsx

@@ -10,20 +10,24 @@ export default function CTA() {
       className="py-24"
     >
       <div className="container-page">
-        <div className="relative overflow-hidden rounded-xl border border-primary/25 bg-gradient-to-r from-primary/10 via-primary/5 to-violet-500/10 p-12 text-center md:p-16">
+        <div className="card relative overflow-hidden p-12 text-center md:p-16">
-          {/* 科技风光晕 */}
+          {/* 克制同色系光晕 + 顶部强调线（去紫，保持页面调性） */}
           <div
             aria-hidden="true"
-            className="pointer-events-none absolute -top-24 left-1/2 h-64 w-[480px] -translate-x-1/2 rounded-full bg-primary/15 blur-3xl"
+            className="pointer-events-none absolute -top-24 left-1/2 h-64 w-[480px] -translate-x-1/2 rounded-full bg-primary/10 blur-3xl"
+          />
+          <div
+            aria-hidden="true"
+            className="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-primary/40 to-transparent"
           />
           <div className="relative">
             <h2
               id="cta-title"
-              className="text-3xl font-bold tracking-tight md:text-5xl"
+              className="text-3xl font-bold tracking-[-0.03em] md:text-5xl"
             >
               {t.cta.title}
             </h2>
-            <p className="mt-4 text-base text-muted-foreground md:text-lg">
+            <p className="mx-auto mt-4 max-w-2xl text-base text-muted-foreground md:text-lg">
               {t.cta.subtitle}
             </p>
             <div className="mt-8 flex flex-wrap justify-center gap-3">

website/src/sections/Changelog.tsx

@@ -18,12 +18,38 @@ function cacheKey(embedded: ChangelogEntry[]) {
   return `kimi-switch-changelog-${embedded[0]?.version ?? "v1"}`;
 }
 
-/** Parse a GitHub release body into bullet items. */
+/** Compare semantic versions like "v0.7.1" for descending order. */
+function compareVersionsDesc(a: string, b: string): number {
+  const parse = (v: string) =>
+    v.replace(/^v/, "").split(".").map((n) => Number(n) || 0);
+  const pa = parse(a);
+  const pb = parse(b);
+  for (let i = 0; i < 3; i++) {
+    const da = pa[i] ?? 0;
+    const db = pb[i] ?? 0;
+    if (da !== db) return db - da;
+  }
+  return 0;
+}
+
+/** Parse a GitHub release body into bullet items, stripping markdown syntax
+ *  and the release-template "Downloads by platform" section (changelog entries
+ *  are about changes, not installers). */
 function parseBody(body: string): string[] {
-  return body
+  const items: string[] = [];
-    .split("\n")
+  for (const raw of body.split("\n")) {
-    .map((l) => l.replace(/^\s*[-*]\s+/, "").trim())
+    const line = raw.replace(/^\s*[-*]\s+/, "").trim();
-    .filter((l) => l.length > 0 && l !== "---");
+    if (line.length === 0 || line === "---") continue;
+    // Drop the release template's download section and everything after it.
+    if (/downloads?\s+by\s+platform/i.test(line)) break;
+    const cleaned = line
+      .replace(/^#{1,6}\s+/, "") // markdown heading markers
+      .replace(/\*\*(.+?)\*\*/g, "$1") // bold
+      .replace(/`([^`]+)`/g, "$1") // inline code
+      .trim();
+    if (cleaned.length > 0) items.push(cleaned);
+  }
+  return items;
 }
 
 async function fetchReleases(): Promise<ChangelogEntry[]> {
@@ -94,12 +120,13 @@ export default function Changelog() {
   }, []);
 
   // 远端拉到的版本优先显示（含未翻译的新版本），内置列表补齐缺失版本。
+  // 合并后按版本倒序排序，避免未翻译版本被无脑塞到最前导致时间轴顺序错乱。
   const entries: ChangelogEntry[] = [
     ...(remote ?? []).filter(
       (r) => !embedded.some((e) => e.version === r.version),
     ),
     ...embedded,
-  ];
+  ].sort((a, b) => compareVersionsDesc(a.version, b.version));
 
   return (
     <SectionShell
@@ -107,16 +134,16 @@ export default function Changelog() {
       title={t.changelog.title}
       subtitle={t.changelog.subtitle}
     >
-      <ol className="relative space-y-8 border-l border-border pl-8">
+      <ol className="relative space-y-10 border-l border-border pl-7">
         {entries.map((e) => (
           <li key={e.version} className="relative">
-            <span className="absolute -left-[37px] top-1.5 h-2.5 w-2.5 rounded-full bg-primary" />
+            <span className="absolute -left-[34px] top-[5px] h-3 w-3 rounded-full border-2 border-background bg-primary ring-4 ring-primary/10" />
             <div className="flex flex-wrap items-baseline gap-3">
-              <h3 className="font-mono text-lg font-semibold">{e.version}</h3>
+              <h3 className="font-mono text-lg font-semibold tracking-tight">{e.version}</h3>
               <time className="text-xs text-muted-foreground">{e.date}</time>
             </div>
             {e.items.length > 0 && (
-              <ul className="mt-2 list-disc space-y-1 pl-5 text-sm text-muted-foreground">
+              <ul className="mt-2 list-disc space-y-1 pl-5 text-sm leading-relaxed text-muted-foreground">
                 {e.items.map((item) => (
                   <li key={item}>{item}</li>
                 ))}

website/src/sections/Download.tsx

@@ -45,14 +45,14 @@ export default function Download() {
           return (
             <div key={p.id} className="card flex flex-col">
               <div className="mb-3 flex items-center justify-between">
-                <div className="flex h-10 w-10 items-center justify-center rounded-xl border border-primary/25 bg-primary/10 text-primary">
+                <div className="icon-chip">
                   <Icon className="h-5 w-5" weight="duotone" />
                 </div>
-                <span className="rounded-full border border-primary/25 bg-primary/10 px-2.5 py-0.5 text-xs font-medium text-primary">
+                <span className="rounded-md border border-primary/20 bg-primary/10 px-2 py-0.5 text-[11px] font-medium tracking-wide text-primary">
                   {t.download.ready}
                 </span>
               </div>
-              <h3 className="mb-2 text-lg font-semibold">{p.name}</h3>
+              <h3 className="mb-2 text-lg font-semibold tracking-tight">{p.name}</h3>
               <p className="text-sm text-muted-foreground">{p.note}</p>
               <div className="mt-4 flex flex-wrap gap-2">
                 {links.map((l) => (

website/src/sections/Features.tsx

@@ -59,10 +59,10 @@ export default function Features() {
                 />
               </div>
               <div className="p-6">
-                <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-xl border border-primary/25 bg-primary/10 text-primary">
+                <div className="icon-chip mb-3">
                   <Icon className="h-5 w-5" weight="duotone" />
                 </div>
-                <h3 className="mb-2 text-lg font-semibold">{f.title}</h3>
+                <h3 className="mb-2 text-lg font-semibold tracking-tight">{f.title}</h3>
                 <p className="text-sm leading-relaxed text-muted-foreground">
                   {f.desc}
                 </p>

website/src/sections/Hero.tsx

@@ -23,29 +23,29 @@ export default function Hero() {
       aria-labelledby="hero-title"
       className="relative overflow-hidden pt-16 pb-20 md:pt-24"
     >
-      {/* 科技风光晕 */}
+      {/* 克制的同色系光晕（去紫，统一蓝色 + 中性） */}
       <div
         aria-hidden="true"
-        className="pointer-events-none absolute -top-32 right-[-10%] h-[420px] w-[420px] rounded-full bg-primary/15 blur-3xl"
+        className="pointer-events-none absolute -top-32 right-[-10%] h-[420px] w-[420px] rounded-full bg-primary/10 blur-3xl"
       />
       <div
         aria-hidden="true"
-        className="pointer-events-none absolute -left-40 top-1/2 h-[320px] w-[320px] rounded-full bg-violet-500/10 blur-3xl"
+        className="pointer-events-none absolute -left-40 top-1/2 h-[320px] w-[320px] rounded-full bg-primary/5 blur-3xl"
       />
       <div className="container-page relative grid grid-cols-1 gap-10 md:grid-cols-2 md:items-center">
         <div>
           <div {...reveal(0)}>
-            <span className="inline-block rounded-full border border-primary/25 bg-primary/10 px-3 py-1 text-xs font-medium text-primary">
+            <span className="inline-block rounded-full border border-primary/25 bg-primary/10 px-3 py-1 text-xs font-medium tracking-wide text-primary">
               {t.hero.badge}
             </span>
           </div>
           <h1
             id="hero-title"
-            {...reveal(100, "mt-4 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl")}
+            {...reveal(100, "mt-5 text-4xl font-bold leading-[1.05] tracking-[-0.03em] md:text-5xl lg:text-6xl")}
           >
             {t.hero.titleBefore}
             <br />
-            <span className="whitespace-nowrap bg-gradient-to-r from-blue-500 to-violet-500 bg-clip-text text-transparent">
+            <span className="whitespace-nowrap text-primary">
               {t.hero.titleAccent}
             </span>
             {t.hero.titleAfter}

website/src/sections/Performance.tsx

@@ -65,7 +65,7 @@ function Counter({
   const v = useCountUp(target, inView);
   return (
     <div ref={ref} className="card text-center">
-      <div className="font-mono text-4xl font-bold tracking-tight tabular-nums">
+      <div className="font-mono text-4xl font-bold tracking-[-0.03em] tabular-nums">
         {v.toFixed(decimals)}
         {suffix}
       </div>

website/src/sections/Privacy.tsx

@@ -21,10 +21,10 @@ export default function Privacy() {
           const Icon = icons[it.id] ?? Database;
           return (
             <div key={it.id} className="card">
-              <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-xl border border-primary/25 bg-primary/10 text-primary">
+              <div className="icon-chip mb-3">
                 <Icon className="h-5 w-5" weight="duotone" />
               </div>
-              <h3 className="mb-2 text-lg font-semibold">{it.title}</h3>
+              <h3 className="mb-2 text-lg font-semibold tracking-tight">{it.title}</h3>
               <p className="text-sm leading-relaxed text-muted-foreground">
                 {it.desc}
               </p>

website/tailwind.config.js

@@ -27,7 +27,7 @@ export default {
       },
       fontFamily: {
         sans: [
-          "Inter",
+          "Geist",
           "-apple-system",
           "BlinkMacSystemFont",
           '"Segoe UI"',