diff --git a/.workbuddy/memory/2026-08-24.md b/.workbuddy/memory/2026-08-24.md
new file mode 100644
index 0000000..de97043
--- /dev/null
+++ b/.workbuddy/memory/2026-08-24.md
@@ -0,0 +1,81 @@
+# 2026-08-24 工作日志
+
+## 品牌弹窗「热门推荐」做成独立 HOT 字母 tab（19:52）
+- 用户要求：把品牌弹窗里的「热门推荐」单独做成一个 letter（字母条里的独立 tab），并且打开弹窗默认就选中这个热门字母。
+- 范围：仅品牌筛选弹窗的 A-Z 字母条（`showsmodal-az`），存在于 `src/pages/cn/shows.astro` 与 `src/components/RunwayLooks.astro`（en /en/runway-looks/）。**en /shows/ 没这个弹窗（只有侧边栏），未动**。
+- 改动（两文件一致）：
+  1. 字母条最前插入 `<button class="az az-hot" @click="modalPickLetter('HOT')">HOT</button>`；原 A-Z 不变。
+  2. `modalPickLetter(l)` 顶部加 `if (l === "HOT") { this.modalKeyword=""; await this.modalLoadHot(); return }`。
+  3. `modalLoadHot()` 开头设 `this.modalLetter = "HOT"`（让 HOT 按钮 `active` 高亮 + 提示「热门推荐」显示）。
+  4. `openBrandModal()` 把 `this.modalLetter = ""` 改成 `= "HOT"`，打开即默认选中热门。
+  5. 提示文案 `x-show="!modalKeyword && !modalLetter"` 改为 `&& modalLetter === 'HOT'`（只在 HOT 态显示「热门推荐」）。
+  6. CSS 新增 `.showsmodal-az .az-hot { w-auto px-2 font-sans font-bold tracking-[0.12em] text-[9px] }`（HOT 是 3 字母，宽于 24px 方块）。
+- 验证：`npm run build` BUILD_EXIT=0；两文件 read_lints 0；dist 的 cn/shows 与 en/runway-looks `index.html` 均含 `az-hot` + `modalPickLetter('HOT')` 各 1 处；`python -m http.server 8088` 托管 dist/client 预览两页弹窗。
+- ⚠️ 假数据 id（`hot-chanel` 等）仍非真实 hashid，勾选假热门去筛仍返回空，等真实 SSG `/api/ssg/brands/popular` 接通即生效。
+
+## 删除侧边栏 "Search designer" 搜索框（17:06）
+- 用户要求去掉 DESIGNERS 侧边栏的 "Search designer…" 搜索框及相关的 JS。
+- 范围：仅侧边栏那个输入框（用 `keyword` state 驱动）。**品牌弹窗里的"搜索品牌名…"（`modalKeyword`/`modalSearch`）是另一套，保留不动**。
+- 三文件统一改（`src/pages/shows.astro` en、`src/pages/cn/shows.astro`、`src/components/RunwayLooks.astro`）：
+  1. 删 `<input class="showssearch" ... x-model.debounce.150ms="keyword" />`。
+  2. 删 `keyword: ""` state。
+  3. `visibleBrandItems` getter 去掉 `if (kw) {...} else {...}` 的 keyword 分支，简化为只走字母分组展示（else 分支）。
+  4. reset（`clearAll`/`resetFilter` 之类）里删 `this.keyword = ""`。
+  5. `shows.astro` 额外把 `x-show="hasMoreBrands && !keyword"` 改回 `x-show="hasMoreBrands"`（Show all 链接不再因搜索态隐藏）。
+  6. 删 `.showssearch` 死 CSS（该类仅被上述输入框使用）。
+- 验证：`npm run build` BUILD_EXIT=0；三文件 `read_lints` 0 错误；`(?<![a-zA-Z])keyword(?![A-Za-z])` 全仓 0 残留（仅留 `modalKeyword`）；cn/shows 与 shows 产物 `Search designer`/`showssearch` 各 0 处。
+
+## 品牌筛选「最多只能选一个」修复
+- 用户反馈品牌筛选只能单选。排查发现：仓库里品牌筛选逻辑本就是多选（`selectedBrands` 数组 + `toggleBrand` 增删），但 **DESIGNERS 侧边栏 `<ul class="showschecks">` 漏了 `x-for="item in visibleBrandItems"`**，导致品牌勾选框一行都不渲染——侧边栏品牌列表完全失效，用户只能走弹窗。
+- cn 版 `src/pages/cn/shows.astro` 弹窗还硬卡了「最多 5 个」（`modalMaxReached` + `:disabled` + `toggleModalBrand` 内 `>=5 return` + 底部「已选 X / 最多 5 个」）。
+- 改动：
+  - `src/pages/cn/shows.astro` 与 `src/pages/shows.astro`(en)：补回 `<ul>` 上的 `x-for="item in visibleBrandItems" :key="item.key"`，让 DESIGNERS 多选列表正常渲染（按字母分组 + checkbox + `toggleBrand` 多选）。
+  - cn 版额外：删除 `modalMaxReached` 计算属性、`toggleModalBrand` 的 5 上限 guard、`@change` 上的 `:disabled`、底部文案改「已选 X 个品牌」——弹窗改为**无上限纯多选**。
+- en 版 `shows.astro` 没有品牌弹窗（只用侧边栏列表 + "Show all N designers" 展开），补 x-for 后即恢复正常多选。
+- 验证：`npm run build` BUILD_EXIT=0；产物 HTML 含 `visibleBrandItems`(cn/en 各 1)、`modalMaxReached` 残留 0、`最多 5 个` 残留 0。
+- **注意**：去掉 5 上限后，若用户勾选大量品牌（如 50+），`getArticles({ brand_ids: [...] })` 会带长数组请求后端；后端若用 `IN (...)` 应无碍，但极端多选需关注接口性能（用户暂未提，先不限制）。
+
+## 品牌筛选「改成单选」纠正（en 版）
+- **纠正**：上一笔把品牌筛选做成"多选"是理解反了。用户原话"最多只能选一个"的真实意图是**要单选**（最多 1 个），且**只改 en 版**（`src/pages/shows.astro`）。
+- 改动（仅 en）：`toggleBrand(id)` 由增删数组改为「已选则清空、否则替换为单元素数组」`this.selectedBrands = [id]` / `= []`。`selectedBrands` 仍为数组（接口 / pills / `:checked` 绑定都依赖数组形态），只是长度恒 ≤ 1，checkbox 视觉上等同 radio。
+- **cn 版保持多选**（用户说"你就改en的就行"），即 cn/shows.astro 仍是补回 x-for + 去 5 上限的多选状态。⚠️ 现状 en 单选 / cn 多选，两端行为不一致，是用户明确要求的。
+- 验证：`npm run build` BUILD_EXIT=0；`read_lints` 0 错误；预览 `http://localhost:8090/shows/`。
+
+## 品牌筛选「cn 也改单选」纠正（14:36）
+- 用户又提"现在品牌的筛选不是最多 5 个吗，我希望最多只能选一个"。说明他认知里 cn 仍是旧"最多 5 个"弹窗（实际上一条我已把 cn 改成无上限多选）。最终意图 = **品牌筛选全局单选（max 1）**。
+- 这次把 cn 版也改成单选：`src/pages/cn/shows.astro` 的 `toggleBrand`（侧边栏）+ `toggleModalBrand`（弹窗）都由增删数组改为「已选则清空、否则置单元素数组」；弹窗底部计数文案由「已选 X 个品牌」改为「已选 X / 1 个品牌」明示上限。
+- 现状：**en + cn 均已单选（max 1）**，两端一致。en 在上一笔已完成，cn 本笔补齐。
+- 验证：`npm run build` BUILD_EXIT=0；`read_lints` 0 错误；预览 `http://localhost:8090/cn/shows/`。
+
+## 年份筛选改为前端写死（不再调后端 getYears）
+- 用户要求年份/季节这类筛选"改成品牌那种的数据，直接写死就好了，因为不会特别多"。
+- 排查：Collection(selectedCt: rtw/menswear/couture/resort/pre_fall) 与 Season(selectedSeason: spring/fall) 本就是前端写死的静态 `<li>` checkbox；**只有 Year 是动态的**——frontmatter 调 `getYears(30)` 从后端拉年份、后端挂了才回落 `yearSeed=[2026..2021]`。
+- 改动（3 文件一致：`src/pages/shows.astro` en、`src/pages/cn/shows.astro`、`src/components/RunwayLooks.astro`）：
+  - 删除 `import { ... getYears ... }`、删除 `let yearChips` / `yearSeed` / `getYears` try-catch 整段。
+  - frontmatter 新增 `const yearOptions = [2026, 2025, 2024, 2023, 2022, 2021, 2020, 2019, 2018, 2017]`（写死，2026→2017 共 10 个）。
+  - 渲染 `{yearChips.map}` → `{yearOptions.map}`，其余（checkbox / x-model=selectedYear / refreshFilter）不变，年份仍为多选。
+- 验证：`npm run build` BUILD_EXIT=0；`getYears|yearChips` 全仓 0 残留；cn 产物含 `>2017<`/`>2026<`/`value="2026"`。
+- ⚠️ 取舍：写死后**2005–2016 这批老秀场将无法按年份筛选**（网格仍展示，只是筛不出）。当前 `yearOptions` 是一行可编辑数组，要补老年份直接往里加即可。用户未提，先保持 10 年窗口。
+- **现状**：Collection/Season/Year 三套筛选均为前端写死静态数据；仅 DESIGNERS（品牌）仍由后端 `getBrands()` 拉取（用户未要求改品牌来源）。
+
+## 年份区间改为"当今年份往前 15 年 + X年前"，Collection/Season 换写死示例数据
+- 用户纠正：年份应为 2026 往前推 15 年 → **到 2011**（之前误写成 2001），并加末项「2011年前」。
+- 年份改为动态生成：`const currentYear = new Date().getFullYear(); const yearFloor = currentYear - 15;` 循环 push `yearFloor..currentYear`，末项 push `{value:'before'+yearFloor, label: yearFloor+'年前'}`。SSR 构建时 `new Date()` 取构建年（现 2026），故产物固定 2026→2011 + 「2011年前」共 17 项，`selectedYear` 为 string[]（含 `"before2011"` 哨兵）。
+- Collection / Season 改为写死示例（假）数据数组 `collectionOptions` / `seasonOptions`（{value,label}），模板 `map` 渲染（与 Year 同套路）。Collection 现 8 项（rtw/menswear/womenswear/couture/resort/pre_fall/bridal/swimwear），Season 现 4 项（spring/fall/cruise/holiday）。`ctLabel()` 的 map 在 shows.astro / cn/shows.astro 两处补了 womenswear/bridal/swimwear 标签（RunwayLooks 无 ctLabel）。
+- **仍内联渲染**（用户 earlier：「数量<10 不用弹窗」）：Collection(8)/Season(4) 均 <10 内联；Year 虽 17 项但用户要求「都展示出来」故也内联。
+- 验证：`npm run build` BUILD_EXIT=0；`read_lints` 0；cn 产物含 `2011年前`/`value="2011"`/`value="2026"`/`Womenswear`/`Cruise`/`before2011`。
+- ⚠️ 假数据提醒：Collection 里 womenswear/bridal/swimwear、Season 里 cruise/holiday 是示例占位，后端 `collection_type`/`season` 未必识别 → 勾这些可能筛不到结果。确认后直接改 `collectionOptions`/`seasonOptions` 数组即可（已加注释说明）。`before2011` 同理需后端支持才能真正筛「2011 年前」，目前仅展示。
+
+## 其他（同日）
+- 上午修 RunwayLooks.astro / shows.astro / cn/shows.astro 三处 `<script>` 块 `ROUTES`/`clientHref` ts(2304)：frontmatter 的 import 无法在客户端 `<script>` 作用域使用，需在各自脚本块内重新 import（见 MEMORY.md「Astro frontmatter 与 script 作用域隔离」）。
+
+## 新增「热门品牌 / HOT」区（SSG 接口 + 假数据回落）
+- 用户要求：选择品牌时加一个热门品牌区，进来最先展示热门品牌；数据走 SSG 接口获取，先写假数据看效果。
+- 关键架构点：**SSG 接口 `getSsgPopularBrands()`（src/lib/api.ts，调 `/api/ssg/brands/popular`，用 `BASE_API_SSG` 8091 内部端口，仅 Node 构建期可用）不能在浏览器端调**。所以改为 **frontmatter 构建期**调 `getSsgPopularBrands(12)`，映射成 `{id,name,article_count}`，拿不到就回落前端写死的 `FAKE_HOT_BRANDS`（12 个时装屋：Chanel/Dior/Gucci/.../Bottega Veneta），烤进 `<script id="showshotbrands-data">` JSON，Alpine 在 `alpine:init` 里 `getElementById` 读出 `hotBrands`。
+- 三文件改动一致（`src/pages/shows.astro` en、`src/pages/cn/shows.astro`、`src/components/RunwayLooks.astro`）：
+  - import 加 `getSsgPopularBrands`；frontmatter 加 `FAKE_HOT_BRANDS` 常量 + `hotBrands` 抓取/回落；markup 加 `showshotbrands-data` JSON 脚本（RunwayLooks 额外补了缺失的 `showsbrands-data` 脚本——它之前只靠运行时 `getBrands` 撑弹窗，`allBrands` 实际为空）。
+  - Alpine：`alpine:init` 读 `hotBrands` 入组件；`pills` 的 findName 兼容 `hotBrands`（假 id 也能显示名）。
+  - **侧边栏 HOT 区**：shows.astro / cn/shows.astro 的 DESIGNERS `showsg-b` 顶部插入「HOT · Popular / 热门品牌 · HOT」分组，渲染 `hotBrands` 为 chip（checkbox 绑 `toggleBrand`/`selectedBrands`，含 `has-[:checked]` 选中高亮，纯 Tailwind 工具类，无需改 `<style>`）。RunwayLooks 侧边栏品牌列表是注释掉的，故只改弹窗、不插图侧栏 HOT。
+  - **弹窗热门**：`modalLoadHot()` 由「`getBrands({featured:1})`」改为「`this.hotBrands` 映射成 modalResults」，进入弹窗即先展示热门（"热门推荐" 标题原已存在）；搜索/选字母时仍走 `getBrands` 拉全量。
+- 验证：`npm run build` BUILD_EXIT=0；三文件 `read_lints` 0；dist 三页（shows/cn/shows/en/runway-looks）均含 `showshotbrands-data` + `Chanel`/`Bottega Veneta`。
+- ⚠️ 假数据取舍：FAKE id 形如 `hot-chanel`，**非真实 hashid** → 勾选假热门品牌去筛选会返回空（后端不认）。等真实 SSG `/api/ssg/brands/popular` 接通后，返回真实 hashid，筛选即生效。RunwayLooks 弹窗 `modalMaxReached` 返回 `>=1`（且 `:disabled` 据此），实际等同单选——属既有状态，未动。
diff --git a/.workbuddy/memory/MEMORY.md b/.workbuddy/memory/MEMORY.md
index 768805d..4a32cd7 100644
--- a/.workbuddy/memory/MEMORY.md
+++ b/.workbuddy/memory/MEMORY.md
@@ -28,6 +28,11 @@
 - **正确做法**：用 `w-full`（强制 100% 父容器，常配 `max-w-[xxx]`），或 `w-full mx-auto`（保留大屏居中）。
 - 适用范围：所有 Layout 内的页内根容器（包括 showsroot / blogs / about 等），**避免 `m-auto` 单独使用**。
 
+## Astro frontmatter 与 `<script>` 作用域隔离（通用坑）
+- **frontmatter 里的 `import` / 变量，在 `<script>`（客户端打包脚本）里拿不到**。两者是分别打包的：frontmatter 是服务端渲染期，`<script>` 是独立客户端 bundle。脚本里直接用 frontmatter 引的 `ROUTES` / `clientHref` 等，esbuild 不报错（当全局变量），但 **TS 语言服务报 `ts(2304) 找不到名称`**，运行时更是 `ReferenceError`。
+- **正确做法**：脚本里要用什么，就在该 `<script>` 顶部重新 `import`。例：`import { clientHref, ROUTES } from "@/lib/routes"`。
+- 排查方法：在 `<script>` 块里 `import` 行 grep，确认用到的标识符都已在脚本作用域内 import。本仓库曾在 RunwayLooks.astro、pages/shows.astro、pages/cn/shows.astro 三处脚本用了 `clientHref`/`ROUTES` 却只在 frontmatter import，统一补 import 修复（2026-08-24）。
+
 ## i18n 脚本内翻译陷阱（2026-08-23 踩坑）
 - **Astro 对「打包型 `<script>`（module）不做 `{...}` 模板插值**。若在前端 `<script>` 里写 `slot.innerHTML = \`...{t('Hi')}...\``，构建后 `t('Hi')` 会原样留存在打包 JS 中 → 运行时 `t is not defined` 报错、脚本中断。
 - **正确做法**：在 frontmatter 用 `const hiLabel = t('Hi')` 预翻译，再用 `<script define:vars={{ hiLabel, logoutLabel }}>` 把字符串注入脚本，脚本内用 `${hiLabel}` 引用。define:vars 会把 `const hiLabel="..."` 注入到该 page 的脚本作用域（en 得英文、cn 得中文）。
diff --git a/package-lock.json b/package-lock.json
index 8300340..6e66bcf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,11 +9,11 @@
       "version": "0.0.1",
       "dependencies": {
         "@astrojs/alpinejs": "^1.0.0",
-        "@astrojs/node": "^11.1.2",
+        "@astrojs/node": "^11.1.4",
         "@tailwindcss/vite": "^4.3.3",
         "@types/alpinejs": "^3.13.11",
         "alpinejs": "^3.16.1",
-        "astro": "^7.1.6",
+        "astro": "^7.2.4",
         "swiper": "^11.2.10",
         "tailwindcss": "^4.3.3"
       },
@@ -208,9 +208,9 @@
       }
     },
     "node_modules/@astrojs/internal-helpers": {
-      "version": "0.10.2",
-      "resolved": "https://registry.npmmirror.com/@astrojs/internal-helpers/-/internal-helpers-0.10.2.tgz",
-      "integrity": "sha512-yt7fMgPYqSM4Tmr+taTW6Per+hjJ8Pk6lA1PAcDyqzOt8HzJ6Kje5WzCxA2Sd+9wsUW7uhkLeoTMK0cXPwH9rQ==",
+      "version": "0.10.4",
+      "resolved": "https://registry.npmmirror.com/@astrojs/internal-helpers/-/internal-helpers-0.10.4.tgz",
+      "integrity": "sha512-nozZSy/mKYLqe4YrqbKtdOszedAfXYCtw3wZ0d+CAjz4GqQ4L9rl1ltIL5BlgwmYVinJg/RZ0MgGuWOdlyRZlA==",
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.4",
@@ -224,30 +224,29 @@
       }
     },
     "node_modules/@astrojs/markdown-satteri": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmmirror.com/@astrojs/markdown-satteri/-/markdown-satteri-0.3.5.tgz",
-      "integrity": "sha512-CvWVEFAbay7YO+i9SaqDJubipA5ckiVB89QWoMJ5XC0m5CtFg8JwZ7Kau6X9sYY7FZURH0w2l03ISH2jOS/RDQ==",
+      "version": "0.3.7",
+      "resolved": "https://registry.npmmirror.com/@astrojs/markdown-satteri/-/markdown-satteri-0.3.7.tgz",
+      "integrity": "sha512-NHcHbrKW/opbZnTZQ5nH293BdcK2VV0tjuzI88CLnvy2njiEJVwUQ5KFnYd4NoWgHJCY/I1CyjGWCR4Vv3khXQ==",
       "license": "MIT",
       "dependencies": {
-        "@astrojs/internal-helpers": "0.10.2",
+        "@astrojs/internal-helpers": "0.10.4",
         "@astrojs/prism": "4.0.2",
         "github-slugger": "^2.0.0",
-        "hast-util-from-html": "^2.0.3",
-        "satteri": "^0.9.1"
+        "satteri": "^0.10.3"
       }
     },
     "node_modules/@astrojs/node": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/@astrojs/node/-/node-11.1.2.tgz",
-      "integrity": "sha512-lbOjylG18s8wURjT9teqa/SPXVtVpBgm9vccEg/BXlrW3ktqqgFv23vtOswEfluDmx2Z74ngyGE6hrGC14qWow==",
+      "version": "11.1.4",
+      "resolved": "https://registry.npmmirror.com/@astrojs/node/-/node-11.1.4.tgz",
+      "integrity": "sha512-R5tNIHm5ihyEYa0w1mLlfwLpwF1ArRmzHD/is5PUHYRY43G1Xm0k3D2HRJXgjey8/7+1DvDMJLUeBxXwgAyNDg==",
       "license": "MIT",
       "dependencies": {
-        "@astrojs/internal-helpers": "0.10.2",
+        "@astrojs/internal-helpers": "0.10.4",
         "send": "^1.2.1",
         "server-destroy": "^1.0.1"
       },
       "peerDependencies": {
-        "astro": "^7.0.0"
+        "astro": "^7.2.1"
       }
     },
     "node_modules/@astrojs/prism": {
@@ -296,12 +295,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.29.7",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.7.tgz",
-      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "version": "7.29.8",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.8.tgz",
+      "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.29.7"
+        "@babel/types": "^7.29.8"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -311,9 +310,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.29.7",
-      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.7.tgz",
-      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "version": "7.29.8",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.8.tgz",
+      "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.29.7",
@@ -324,9 +323,9 @@
       }
     },
     "node_modules/@bruits/satteri-darwin-arm64": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-darwin-arm64/-/satteri-darwin-arm64-0.9.5.tgz",
-      "integrity": "sha512-iw4nZgx9v30lWo/MTngQqi1pI78KI0DnkSm+lVJGYdmPLgAyDNJigVhpG42/Iq55A6c1Ll8q66ljyyRiQUxwow==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-darwin-arm64/-/satteri-darwin-arm64-0.10.5.tgz",
+      "integrity": "sha512-27KTVl4TJkVahMy/ohyA7qd4938G5UNneFUz/PsScYfpIhj0IVAS23mpcJXdPF44sa6nva198lmV/cKIb2YPyA==",
       "cpu": [
         "arm64"
       ],
@@ -337,9 +336,9 @@
       ]
     },
     "node_modules/@bruits/satteri-darwin-x64": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-darwin-x64/-/satteri-darwin-x64-0.9.5.tgz",
-      "integrity": "sha512-6T26Z5Kf3cFW2PSlk9p7zT7yVxvuBSiJvYyz9u8KjYwMTqZyIDOj2wDyNpxKV4+6yUVG7rddq2QwvG/8LJA2+Q==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-darwin-x64/-/satteri-darwin-x64-0.10.5.tgz",
+      "integrity": "sha512-IjnLe3nKspq6qaeqGgjT7MT8VrTV74yWRlaag7ZdNsI8TDAYZ0iPxMCo+9KQZHUk5EyVB+reBI/PFWL5KuFw9Q==",
       "cpu": [
         "x64"
       ],
@@ -350,9 +349,9 @@
       ]
     },
     "node_modules/@bruits/satteri-linux-arm64-gnu": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-arm64-gnu/-/satteri-linux-arm64-gnu-0.9.5.tgz",
-      "integrity": "sha512-u51id17uJwNEMK9nBlICsq6U31c+XVqQueVBkwRIzZG+gMpS8TOJctt5h5Wz33Z8xnMdTd+adtACVz0yHgGuOA==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-arm64-gnu/-/satteri-linux-arm64-gnu-0.10.5.tgz",
+      "integrity": "sha512-glkYXZCJywjP13v67eAyAMSJdF+ncvEbYvgi/wOtffL9tQ27lr/zsyzUfgs+ovjJ9d8JNQKiXeiArJcX8PJL9w==",
       "cpu": [
         "arm64"
       ],
@@ -363,9 +362,9 @@
       ]
     },
     "node_modules/@bruits/satteri-linux-arm64-musl": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-arm64-musl/-/satteri-linux-arm64-musl-0.9.5.tgz",
-      "integrity": "sha512-v39HxiwGC5Rqm01HksP6+5Y+xKLPlsuVFgIgpEAo+SiQ22c+mJVhS3u7Z6ePAKdhL5NJoK1xq70kLz3L13AhpQ==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-arm64-musl/-/satteri-linux-arm64-musl-0.10.5.tgz",
+      "integrity": "sha512-yWdgG1g17Nh2QyGVlFUxGRa3FEFwiMcpZEyMNWkbM3deC94cmVc+/i9OuyFpdKuWo3GkgoCtYVOoxk1uCnCZIA==",
       "cpu": [
         "arm64"
       ],
@@ -376,9 +375,9 @@
       ]
     },
     "node_modules/@bruits/satteri-linux-x64-gnu": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-x64-gnu/-/satteri-linux-x64-gnu-0.9.5.tgz",
-      "integrity": "sha512-F3uO8uFp3pAP5ZGXttwvh57GS7s0lL953tnNdyI2gRyP4kOOkp6pyGojNJzCjkDvWI2Cvb9iNrKok3aqQPauAw==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-x64-gnu/-/satteri-linux-x64-gnu-0.10.5.tgz",
+      "integrity": "sha512-FVaLoPT1fBgGl0J+AYebyyXJYBachGl8Oyyrf1lye4RTqCB4S0Gwkj1uM9RJyThUOvx5VUmAT1CnNh1SFHA+kw==",
       "cpu": [
         "x64"
       ],
@@ -389,9 +388,9 @@
       ]
     },
     "node_modules/@bruits/satteri-linux-x64-musl": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-x64-musl/-/satteri-linux-x64-musl-0.9.5.tgz",
-      "integrity": "sha512-bicEqglLlz++mWyADaZoP0JY20s4vDfLjaPYgQqC+NI4zZLTOOg1T4GB8aqtc822Pqji8SQBmSrTb7CrP8i08Q==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-linux-x64-musl/-/satteri-linux-x64-musl-0.10.5.tgz",
+      "integrity": "sha512-EHpVAx2bqW3GINHTKkljtxVfQmVDGWIuwOYOP5YghTj+0PkBa2o8oKPRtQ9Kbsr1Fye8jtUcDjhwj2jMNugZKg==",
       "cpu": [
         "x64"
       ],
@@ -402,9 +401,9 @@
       ]
     },
     "node_modules/@bruits/satteri-wasm32-wasi": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-wasm32-wasi/-/satteri-wasm32-wasi-0.9.5.tgz",
-      "integrity": "sha512-zauAuMwfPnKPUkd4AFixRFpXdgKwP2mKgxrIIo2gJzW0/ZneF9dbHnLkojSpaBnCCp7VUL1hIi5WWZvB1CqmAQ==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-wasm32-wasi/-/satteri-wasm32-wasi-0.10.5.tgz",
+      "integrity": "sha512-ypz8c/Zmipxp4IoeDa228Gstv6TLzVmNs3yC6wKCoNSOjx1iwpgzu87Y3hTkXFdwChVGU85qeUDuOIarGUZQLw==",
       "cpu": [
         "wasm32"
       ],
@@ -413,7 +412,7 @@
       "dependencies": {
         "@emnapi/core": "1.11.1",
         "@emnapi/runtime": "1.11.1",
-        "@napi-rs/wasm-runtime": "^1.1.6"
+        "@napi-rs/wasm-runtime": "^1.2.3"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -451,9 +450,9 @@
       }
     },
     "node_modules/@bruits/satteri-win32-arm64-msvc": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-win32-arm64-msvc/-/satteri-win32-arm64-msvc-0.9.5.tgz",
-      "integrity": "sha512-SrfE7NEsgZjBvU3c+RR6oQRu0ToXY5uVJEbieXEF0YTctIV2zAVlbaMjWLts074QCgh3a+XHWkR/lWh2VH2LUg==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-win32-arm64-msvc/-/satteri-win32-arm64-msvc-0.10.5.tgz",
+      "integrity": "sha512-siTV88nb0LRqNpkL2gXboqCwVdq95sLtzMHS1/3eONV2gLbB3NAK46wmSMvCO/yquBvI2lvaFIfd8P12ecsxBw==",
       "cpu": [
         "arm64"
       ],
@@ -464,9 +463,9 @@
       ]
     },
     "node_modules/@bruits/satteri-win32-x64-msvc": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/@bruits/satteri-win32-x64-msvc/-/satteri-win32-x64-msvc-0.9.5.tgz",
-      "integrity": "sha512-5Kw9ZAtTGS8WHizyn+CJhjjfIQrw+7jcZodpmpXJjefnO15M8UexIi6JR2E5thyvsmHyhL6ZDDMUNR4bKJPd4g==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/@bruits/satteri-win32-x64-msvc/-/satteri-win32-x64-msvc-0.10.5.tgz",
+      "integrity": "sha512-C3IfPvfvMXmlzBxaMPKFS1XiuV9pu2mC7YqkPk7PSvTgPZ8gbdASIpHpztDLvTTQjqZ0z1Ol8tK5X+V6XXC0wQ==",
       "cpu": [
         "x64"
       ],
@@ -1510,9 +1509,9 @@
       }
     },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.2.1.tgz",
-      "integrity": "sha512-KjZdi8Q1wh89gsVmghvbrMgWl6ZWmRmHV6wjB7/g4Zf0dyO+hH3neZUtuDNPO00qq5YE5RITVWvrIZKRaAmzGQ==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.2.3.tgz",
+      "integrity": "sha512-UMduMbqO5s5zF2NkNacMT/yK5Y5QiKvWr2+50bzIIxFDwVJ2h49b+oyjaCGPhJxd2/gC2x39EHv/gHVuu36x2Q==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -1526,8 +1525,8 @@
         "url": "https://github.com/sponsors/Brooooooklyn"
       },
       "peerDependencies": {
-        "@emnapi/core": "^1.7.1 || ^2.0.0-alpha.3",
-        "@emnapi/runtime": "^1.7.1 || ^2.0.0-alpha.3"
+        "@emnapi/core": "^1.7.1 || ^2.0.0-alpha.4",
+        "@emnapi/runtime": "^1.7.1 || ^2.0.0-alpha.4"
       }
     },
     "node_modules/@oslojs/encoding": {
@@ -1811,38 +1810,16 @@
       "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
       "license": "MIT"
     },
-    "node_modules/@rollup/pluginutils": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.4.0.tgz",
-      "integrity": "sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0",
-        "estree-walker": "^2.0.2",
-        "picomatch": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-      },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@shikijs/core": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@shikijs/core/-/core-4.3.1.tgz",
-      "integrity": "sha512-ANMDxuaPsNMdDC1m4vfvhlDmJweMwkE5XitTwrq2rWHx5jM+dlm4MmHt2PP6t0uejfR77SuhrhJ0zEijIF/uhA==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/@shikijs/core/-/core-4.4.3.tgz",
+      "integrity": "sha512-QCR4q2ZO/ILJEuwiBMel4wdcTDb1JGwfjKTxPDF6x8ixOaluPrVqIn06C99AcRPhmYlBR56d/Fb+GN58GzExpg==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/primitive": "4.3.1",
-        "@shikijs/types": "4.3.1",
+        "@shikijs/primitive": "4.4.3",
+        "@shikijs/types": "4.4.3",
         "@shikijs/vscode-textmate": "^10.0.2",
-        "@types/hast": "^3.0.4",
+        "@types/hast": "^3.0.5",
         "hast-util-to-html": "^9.0.5"
       },
       "engines": {
@@ -1850,12 +1827,12 @@
       }
     },
     "node_modules/@shikijs/engine-javascript": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@shikijs/engine-javascript/-/engine-javascript-4.3.1.tgz",
-      "integrity": "sha512-JBItcnPuYq7jVJdZo/vMj94r+szT7XEjHFX+mvFDGSEIbVAXAGyHAHzhbWzpGOwYidCZrErJLLgn2PVeiokHnQ==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/@shikijs/engine-javascript/-/engine-javascript-4.4.3.tgz",
+      "integrity": "sha512-FbOjFJp9VLdo1Wevs10BBtVxiTWwNLqZh5Gkhjgda/ioL15YOgeSl9n+6XMa3qRlPQzfhFNe641SrynFHYG0nQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.3.1",
+        "@shikijs/types": "4.4.3",
         "@shikijs/vscode-textmate": "^10.0.2",
         "oniguruma-to-es": "^4.3.6"
       },
@@ -1864,12 +1841,12 @@
       }
     },
     "node_modules/@shikijs/engine-oniguruma": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@shikijs/engine-oniguruma/-/engine-oniguruma-4.3.1.tgz",
-      "integrity": "sha512-OXyNMzg0pews+msMj4cHeqT4xiYKKvbnn6VbdAXxfoFl3SSx4fJTc8FadECuc5/H9p3BzhNAoAUXKwAu9rWYhg==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/@shikijs/engine-oniguruma/-/engine-oniguruma-4.4.3.tgz",
+      "integrity": "sha512-EcOQkxdxGQrc1Row/cC2c96/v1dbZqGnEVu1qTuT/MJmp6+cXCvQussowVmCv5Tqr3KuY3c7IbM6HTW3LJ1k9w==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.3.1",
+        "@shikijs/types": "4.4.3",
         "@shikijs/vscode-textmate": "^10.0.2"
       },
       "engines": {
@@ -1877,51 +1854,51 @@
       }
     },
     "node_modules/@shikijs/langs": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@shikijs/langs/-/langs-4.3.1.tgz",
-      "integrity": "sha512-m0l9nsDqgBHvbZbk7A0/kXz/impK3uB/c6rAn6Gpg/uPtdZRQ+alsN/17MU5thb68XTj/4DxkZAotrM0GGSpDQ==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/@shikijs/langs/-/langs-4.4.3.tgz",
+      "integrity": "sha512-ePic0yfAJGOF83D5wBHK/00EjK65oahBYxFk5epgq33WRv7X9UuxLEV8PtR0szC0z8dl7INIpIodB99JRFlR+A==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.3.1"
+        "@shikijs/types": "4.4.3"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/@shikijs/primitive": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@shikijs/primitive/-/primitive-4.3.1.tgz",
-      "integrity": "sha512-CXQRQOYy1leqQ8ceTeJdmXv/bsUY++6QyLpXJ94LZAAYj5X2SKRdc5ipguv4NPyGVKItB2PPwUpRNe0Sjh5S1A==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/@shikijs/primitive/-/primitive-4.4.3.tgz",
+      "integrity": "sha512-m0wBeLDQDeIxRdUmrCPdQqfuUamDwRL5isCfYbguKD6NiaKpVbsv+3J81DyIKgNW5h4WAIIr8T4EkgQrBBxvaQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.3.1",
+        "@shikijs/types": "4.4.3",
         "@shikijs/vscode-textmate": "^10.0.2",
-        "@types/hast": "^3.0.4"
+        "@types/hast": "^3.0.5"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/@shikijs/themes": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@shikijs/themes/-/themes-4.3.1.tgz",
-      "integrity": "sha512-dgpoJ4WqNi2yTmizQHBJ5zcX6j2lE6icN/0yt4l1kkf16jrY/pwPLoTb1ETsWMz0OBLf9ZNvwmxft+cH+N9qSA==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/@shikijs/themes/-/themes-4.4.3.tgz",
+      "integrity": "sha512-w8UHjeUnIR965KMWJHUPXOc2mNJUnK3vpVLYLvw5IYU2mnTTJ89E24OrJDBNiJDQ0qzb0tc4l7mrIXx5cFeIyw==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.3.1"
+        "@shikijs/types": "4.4.3"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/@shikijs/types": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@shikijs/types/-/types-4.3.1.tgz",
-      "integrity": "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/@shikijs/types/-/types-4.4.3.tgz",
+      "integrity": "sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==",
       "license": "MIT",
       "dependencies": {
         "@shikijs/vscode-textmate": "^10.0.2",
-        "@types/hast": "^3.0.4"
+        "@types/hast": "^3.0.5"
       },
       "engines": {
         "node": ">=20"
@@ -2556,6 +2533,21 @@
         "am-i-vibing": "dist/cli.mjs"
       }
     },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
@@ -2597,20 +2589,19 @@
       }
     },
     "node_modules/astro": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmmirror.com/astro/-/astro-7.1.6.tgz",
-      "integrity": "sha512-83x9rYbHazMaZkYrAFRVZXSQx2moFkz0F7cjTDUF3GWfS0a3p2vZXG1ZdhV86rStHApQCodBJW+XTD37xISIrQ==",
+      "version": "7.2.4",
+      "resolved": "https://registry.npmmirror.com/astro/-/astro-7.2.4.tgz",
+      "integrity": "sha512-+cuLsBns2wwUHI9a10xZMbjrF91m7+QNwqTVeljTx0B8Lf+8h0LgVGjdVIL2FALDKD2I565lczeeS3BFC+KdZg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@astrojs/compiler-rs": "^0.3.2",
-        "@astrojs/internal-helpers": "0.10.2",
-        "@astrojs/markdown-satteri": "0.3.5",
+        "@astrojs/internal-helpers": "0.10.4",
+        "@astrojs/markdown-satteri": "0.3.7",
         "@astrojs/telemetry": "3.3.3",
         "@capsizecss/unpack": "^4.0.0",
         "@clack/prompts": "^1.1.0",
         "@oslojs/encoding": "^1.1.0",
-        "@rollup/pluginutils": "^5.3.0",
         "am-i-vibing": "^0.4.0",
         "aria-query": "^5.3.2",
         "axobject-query": "^4.1.0",
@@ -2623,6 +2614,7 @@
         "dset": "^3.1.4",
         "es-module-lexer": "^2.0.0",
         "esbuild": "^0.28.0",
+        "find-process": "^2.1.1",
         "flattie": "^1.1.1",
         "fontace": "~0.4.1",
         "get-tsconfig": "5.0.0-beta.4",
@@ -2649,7 +2641,7 @@
         "tinyexec": "^1.0.4",
         "tinyglobby": "^0.2.15",
         "ultrahtml": "^1.6.0",
-        "unifont": "~0.7.4",
+        "unifont": "~0.7.5",
         "unstorage": "^1.17.5",
         "vite": "^8.0.13",
         "vitefu": "^1.1.2",
@@ -2673,7 +2665,7 @@
         "sharp": "^0.34.0 || ^0.35.0"
       },
       "peerDependencies": {
-        "@astrojs/markdown-remark": "7.2.2"
+        "@astrojs/markdown-remark": "7.2.4"
       },
       "peerDependenciesMeta": {
         "@astrojs/markdown-remark": {
@@ -2716,6 +2708,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/character-entities-html4": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
@@ -2775,6 +2783,24 @@
         "node": ">=6"
       }
     },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
     "node_modules/comma-separated-tokens": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
@@ -2786,12 +2812,12 @@
       }
     },
     "node_modules/commander": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmmirror.com/commander/-/commander-11.1.0.tgz",
-      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "version": "14.0.3",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-14.0.3.tgz",
+      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
       "license": "MIT",
       "engines": {
-        "node": ">=16"
+        "node": ">=20"
       }
     },
     "node_modules/common-ancestor-path": {
@@ -2962,9 +2988,9 @@
       }
     },
     "node_modules/devalue": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmmirror.com/devalue/-/devalue-5.9.0.tgz",
-      "integrity": "sha512-RWrqdArjvPbsATEhOPUo6Wndc/iWnkWKlhIrdlF3zMMYo/c3CVtoaVAyLtWxz5h8nSlkHzxnzV2uLydPXmtF+A==",
+      "version": "5.9.1",
+      "resolved": "https://registry.npmmirror.com/devalue/-/devalue-5.9.1.tgz",
+      "integrity": "sha512-+17vil3EVQRzvtDJSFuTWEb8XJRvXqAiV3qZyQWD398QeXUa6CxsUyMdD1fxzEhUrd4FojitFz7lhIHBTlV4fw==",
       "license": "MIT"
     },
     "node_modules/devlop": {
@@ -3003,18 +3029,6 @@
         "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
-    "node_modules/dom-serializer/node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/domelementtype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/domelementtype/-/domelementtype-2.3.0.tgz",
@@ -3094,9 +3108,9 @@
       }
     },
     "node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmmirror.com/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -3106,9 +3120,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-2.3.1.tgz",
-      "integrity": "sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-2.3.2.tgz",
+      "integrity": "sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==",
       "license": "MIT"
     },
     "node_modules/esbuild": {
@@ -3159,12 +3173,6 @@
       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
       "license": "MIT"
     },
-    "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "license": "MIT"
-    },
     "node_modules/etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
@@ -3227,6 +3235,20 @@
         }
       }
     },
+    "node_modules/find-process": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/find-process/-/find-process-2.1.1.tgz",
+      "integrity": "sha512-SrQDx3QhlmHM90iqn9rdjCQcw/T+WlpOkHFsjoRgB+zTpDfltNA1VSNYeYELwhUTJy12UFxqjWhmhOrJc+o4sA==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "~4.1.2",
+        "commander": "^14.0.3",
+        "loglevel": "^1.9.2"
+      },
+      "bin": {
+        "find-process": "dist/cjs/bin/find-process.js"
+      }
+    },
     "node_modules/flattie": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/flattie/-/flattie-1.1.1.tgz",
@@ -3324,55 +3346,13 @@
         "uncrypto": "^0.1.3"
       }
     },
-    "node_modules/hast-util-from-html": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmmirror.com/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
-      "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "devlop": "^1.1.0",
-        "hast-util-from-parse5": "^8.0.0",
-        "parse5": "^7.0.0",
-        "vfile": "^6.0.0",
-        "vfile-message": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hast-util-from-parse5": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmmirror.com/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz",
-      "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "devlop": "^1.0.0",
-        "hastscript": "^9.0.0",
-        "property-information": "^7.0.0",
-        "vfile": "^6.0.0",
-        "vfile-location": "^5.0.0",
-        "web-namespaces": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hast-util-parse-selector": {
+    "node_modules/has-flag": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmmirror.com/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
-      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
+      "engines": {
+        "node": ">=8"
       }
     },
     "node_modules/hast-util-to-html": {
@@ -3411,23 +3391,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/hastscript": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmmirror.com/hastscript/-/hastscript-9.0.1.tgz",
-      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "hast-util-parse-selector": "^4.0.0",
-        "property-information": "^7.0.0",
-        "space-separated-tokens": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/html-escaper": {
       "version": "3.0.3",
       "resolved": "https://registry.npmmirror.com/html-escaper/-/html-escaper-3.0.3.tgz",
@@ -3522,9 +3485,9 @@
       }
     },
     "node_modules/js-yaml": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.3.0.tgz",
-      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.3.1.tgz",
+      "integrity": "sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==",
       "funding": [
         {
           "type": "github",
@@ -3798,6 +3761,19 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmmirror.com/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "11.5.2",
       "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-11.5.2.tgz",
@@ -3808,22 +3784,22 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-1.1.0.tgz",
-      "integrity": "sha512-kS3VHe0nEPST2saQV4Rbkchcd3UBRkVTQHo1D3h/ZTwFDhai/mfKkmtPAtD129EOI7K3HlHIsFOt0WrI2/oU9g==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-1.2.2.tgz",
+      "integrity": "sha512-veT/+7iXrXzT39XnEN4lOxtNl72dMgJ8Lp+5Bd6YcMSWpb0n0MjBM8Uuooi6jgJr8dhUW2swQgBmoZVMni5SVg==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
     "node_modules/magicast": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmmirror.com/magicast/-/magicast-0.5.3.tgz",
-      "integrity": "sha512-pVKE4UdSQ7DvHzivsCIFx2BJn1mHG6KsyrFcaxFx6tONdneEuThrDx0Cj3AMg58KyN4pzYT+LHOotxDQDjNvkw==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmmirror.com/magicast/-/magicast-0.5.4.tgz",
+      "integrity": "sha512-llBEhWm1SacoRwgHUoQJYtwp4PBLF4faQi5TCpIGyGs9n4y5+juI0tDgyKIfpqxckRHaHzouUEph3THklWh03w==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.29.3",
-        "@babel/types": "^7.29.0",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7",
         "source-map-js": "^1.2.1"
       }
     },
@@ -4081,9 +4057,9 @@
       }
     },
     "node_modules/ohash": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmmirror.com/ohash/-/ohash-2.0.11.tgz",
-      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmmirror.com/ohash/-/ohash-2.0.12.tgz",
+      "integrity": "sha512-65S/5gk9YSsaRjcyf7Nfa6h/d3E8/1gslpXfI4W7Dxn/oap8IKRuNT5VXkLQ1YFKIEg4apRY4Pj6aiwFzrDdmw==",
       "license": "MIT"
     },
     "node_modules/on-finished": {
@@ -4164,18 +4140,6 @@
       "integrity": "sha512-yQA4H19AmPEoMUeavPMDIe1higySl/gH/yaQrkT/s07Qp+7pp2hYz30N3z2l5BkjVkF9Ow6o0wjJamm2y7Sn0A==",
       "license": "MIT"
     },
-    "node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmmirror.com/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
     "node_modules/piccolore": {
       "version": "0.1.3",
       "resolved": "https://registry.npmmirror.com/piccolore/-/piccolore-0.1.3.tgz",
@@ -4276,9 +4240,9 @@
       }
     },
     "node_modules/readdirp": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-5.0.0.tgz",
-      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-5.1.1.tgz",
+      "integrity": "sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==",
       "license": "MIT",
       "engines": {
         "node": ">= 20.19.0"
@@ -4370,26 +4334,26 @@
       }
     },
     "node_modules/satteri": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmmirror.com/satteri/-/satteri-0.9.5.tgz",
-      "integrity": "sha512-ZuWVl+vnM64y+/TtX8Kosv2c00W+hLQiiwnEL6H0UKVVrxFqMw4D2CJHHQaouVd89OAhtBBfjWLqhKi3TVUV4w==",
+      "version": "0.10.5",
+      "resolved": "https://registry.npmmirror.com/satteri/-/satteri-0.10.5.tgz",
+      "integrity": "sha512-Ao1LKpAEa9Wdg0otgbVKViZHEq9ebdXe4DMrp3s9vQAU0HNIuHnFEuMuOcm0ZIXyV0Yzxj91NvhLpvXZJO/5ZQ==",
       "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.5",
-        "@types/hast": "^3.0.4",
+        "@types/hast": "^3.0.5",
         "@types/mdast": "^4.0.4",
         "@types/unist": "^3.0.3"
       },
       "optionalDependencies": {
-        "@bruits/satteri-darwin-arm64": "0.9.5",
-        "@bruits/satteri-darwin-x64": "0.9.5",
-        "@bruits/satteri-linux-arm64-gnu": "0.9.5",
-        "@bruits/satteri-linux-arm64-musl": "0.9.5",
-        "@bruits/satteri-linux-x64-gnu": "0.9.5",
-        "@bruits/satteri-linux-x64-musl": "0.9.5",
-        "@bruits/satteri-wasm32-wasi": "0.9.5",
-        "@bruits/satteri-win32-arm64-msvc": "0.9.5",
-        "@bruits/satteri-win32-x64-msvc": "0.9.5"
+        "@bruits/satteri-darwin-arm64": "0.10.5",
+        "@bruits/satteri-darwin-x64": "0.10.5",
+        "@bruits/satteri-linux-arm64-gnu": "0.10.5",
+        "@bruits/satteri-linux-arm64-musl": "0.10.5",
+        "@bruits/satteri-linux-x64-gnu": "0.10.5",
+        "@bruits/satteri-linux-x64-musl": "0.10.5",
+        "@bruits/satteri-wasm32-wasi": "0.10.5",
+        "@bruits/satteri-win32-arm64-msvc": "0.10.5",
+        "@bruits/satteri-win32-x64-msvc": "0.10.5"
       }
     },
     "node_modules/sax": {
@@ -4502,19 +4466,19 @@
       }
     },
     "node_modules/shiki": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/shiki/-/shiki-4.3.1.tgz",
-      "integrity": "sha512-oR+qDVi2OjX1tmDpyv+3KviX01KzO6Af+0NNnKnsp9491UEGz2YpxTuJboS/6VhYpTdqzmuJBuiTlrAWWJAssw==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/shiki/-/shiki-4.4.3.tgz",
+      "integrity": "sha512-Mb/GvXPHBAXdgGIcnfU5L3ldpn1XcxrGkPHwqgRx17/I2XRfqlFKk2vGkHWINn1kdXvzJZeuO3is6I9KLPFm0g==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/core": "4.3.1",
-        "@shikijs/engine-javascript": "4.3.1",
-        "@shikijs/engine-oniguruma": "4.3.1",
-        "@shikijs/langs": "4.3.1",
-        "@shikijs/themes": "4.3.1",
-        "@shikijs/types": "4.3.1",
+        "@shikijs/core": "4.4.3",
+        "@shikijs/engine-javascript": "4.4.3",
+        "@shikijs/engine-oniguruma": "4.4.3",
+        "@shikijs/langs": "4.4.3",
+        "@shikijs/themes": "4.4.3",
+        "@shikijs/types": "4.4.3",
         "@shikijs/vscode-textmate": "^10.0.2",
-        "@types/hast": "^3.0.4"
+        "@types/hast": "^3.0.5"
       },
       "engines": {
         "node": ">=20"
@@ -4527,9 +4491,9 @@
       "license": "MIT"
     },
     "node_modules/smol-toml": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmmirror.com/smol-toml/-/smol-toml-1.7.1.tgz",
-      "integrity": "sha512-PPlsspAZ4jbMBu5DMFhfUGDQLu/vrL4SyBROVS37x8ynnVmFIs1VPBz1Co8Xks3TvpIaZXmU85y4DrQ+UyVFoQ==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/smol-toml/-/smol-toml-1.8.0.tgz",
+      "integrity": "sha512-kCZr2V3ch9i00x8zXRhjUNVcjG9ijES5dDudkXvUVCT5QlJNQWElSJdZqyPemffHoLNUYwOcou0Fy+ojN0uHSQ==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 18"
@@ -4580,6 +4544,18 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/svgo": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/svgo/-/svgo-4.0.2.tgz",
@@ -4605,6 +4581,15 @@
         "url": "https://opencollective.com/svgo"
       }
     },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/swiper": {
       "version": "11.2.10",
       "resolved": "https://registry.npmmirror.com/swiper/-/swiper-11.2.10.tgz",
@@ -4659,9 +4644,9 @@
       }
     },
     "node_modules/tinyexec": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmmirror.com/tinyexec/-/tinyexec-1.2.4.tgz",
-      "integrity": "sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/tinyexec/-/tinyexec-1.3.0.tgz",
+      "integrity": "sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -4737,6 +4722,15 @@
       "integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
       "license": "MIT"
     },
+    "node_modules/undici": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmmirror.com/undici/-/undici-8.10.0.tgz",
+      "integrity": "sha512-HvltHd7avK13QIw/oLe4qoOLyoVSoafqJ2jYOrtMRBkbYT31eiBQ8O0ehRKZiEZCMEyLFQNIADpgCWC5fALvYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.19.0"
+      }
+    },
     "node_modules/unified": {
       "version": "11.0.5",
       "resolved": "https://registry.npmmirror.com/unified/-/unified-11.0.5.tgz",
@@ -4757,14 +4751,14 @@
       }
     },
     "node_modules/unifont": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmmirror.com/unifont/-/unifont-0.7.4.tgz",
-      "integrity": "sha512-oHeis4/xl42HUIeHuNZRGEvxj5AaIKR+bHPNegRq5LV1gdc3jundpONbjglKpihmJf+dswygdMJn3eftGIMemg==",
+      "version": "0.7.5",
+      "resolved": "https://registry.npmmirror.com/unifont/-/unifont-0.7.5.tgz",
+      "integrity": "sha512-ULe/Cs+ZIsq+dcFofNkhqielCrUJnb5mr+Yc4EBM2VlL+6OZR6+cjtI2mT1bJvRBrVncqHAbLURxmPLcCXzWMg==",
       "license": "MIT",
       "dependencies": {
         "css-tree": "^3.1.0",
-        "ofetch": "^1.5.1",
-        "ohash": "^2.0.11"
+        "ohash": "^2.0.11",
+        "undici": "^8.0.0"
       }
     },
     "node_modules/unist-util-is": {
@@ -4945,20 +4939,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/vfile-location": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmmirror.com/vfile-location/-/vfile-location-5.0.3.tgz",
-      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/vfile-message": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/vfile-message/-/vfile-message-4.0.3.tgz",
@@ -5070,16 +5050,6 @@
         }
       }
     },
-    "node_modules/web-namespaces": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmmirror.com/web-namespaces/-/web-namespaces-2.0.1.tgz",
-      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/xxhash-wasm": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/xxhash-wasm/-/xxhash-wasm-1.1.0.tgz",
diff --git a/package.json b/package.json
index a01045d..285f250 100644
--- a/package.json
+++ b/package.json
@@ -13,11 +13,11 @@
   },
   "dependencies": {
     "@astrojs/alpinejs": "^1.0.0",
-    "@astrojs/node": "^11.1.2",
+    "@astrojs/node": "^11.1.4",
     "@tailwindcss/vite": "^4.3.3",
     "@types/alpinejs": "^3.13.11",
     "alpinejs": "^3.16.1",
-    "astro": "^7.1.6",
+    "astro": "^7.2.4",
     "swiper": "^11.2.10",
     "tailwindcss": "^4.3.3"
   }
diff --git a/src/components/RunwayLooks.astro b/src/components/RunwayLooks.astro
index 9eeefe4..4fd2224 100644
--- a/src/components/RunwayLooks.astro
+++ b/src/components/RunwayLooks.astro
@@ -1,14 +1,12 @@
 ---
 import Breadcrumb from "@/components/Breadcrumb.astro"
-import { getBrands, getYears, type BrandEntry } from "@/lib/api"
-import { clientHref, ROUTES } from '@/lib/routes'
+import { getBrands, getSsgPopularBrands, type BrandEntry } from "@/lib/api"
 import { getI18n } from '@/i18n/utils'
 
 
 const { locale, t, getRelativeLocaleUrl } = getI18n(Astro)
 
 let sidebarBrands: BrandEntry[] = []
-let yearChips: number[] = []
 
 try {
   sidebarBrands = (await getBrands({ size: 300, only_with_articles: 1, featured: 1 }))
@@ -16,12 +14,55 @@ try {
     .sort((a, b) => a.name.localeCompare(b.name))
 } catch {}
 
-let yearSeed = [2026, 2025, 2024, 2023, 2022, 2021]
+// 热门品牌：构建期走 SSG 内部接口（/api/ssg/brands/popular），不可用时回落假数据先看效果
+const FAKE_HOT_BRANDS = [
+  { id: "hot-chanel", name: "Chanel", article_count: 342 },
+  { id: "hot-dior", name: "Dior", article_count: 318 },
+  { id: "hot-gucci", name: "Gucci", article_count: 287 },
+  { id: "hot-prada", name: "Prada", article_count: 254 },
+  { id: "hot-louisvuitton", name: "Louis Vuitton", article_count: 241 },
+  { id: "hot-saintlaurent", name: "Saint Laurent", article_count: 219 },
+  { id: "hot-balenciaga", name: "Balenciaga", article_count: 198 },
+  { id: "hot-valentino", name: "Valentino", article_count: 176 },
+  { id: "hot-givenchy", name: "Givenchy", article_count: 162 },
+  { id: "hot-burberry", name: "Burberry", article_count: 153 },
+  { id: "hot-fendi", name: "Fendi", article_count: 141 },
+  { id: "hot-bottega", name: "Bottega Veneta", article_count: 128 },
+]
+let hotBrands: { id: string; name: string; article_count: number }[] = []
 try {
-  const ys = await getYears(30)
-  if (ys.length) yearChips = ys
+  const ssg = await getSsgPopularBrands(12)
+  if (ssg.length) hotBrands = ssg.map((b) => ({ id: String(b.id), name: b.brand || "", article_count: 0 }))
 } catch {}
-if (!yearChips.length) yearChips = yearSeed
+if (!hotBrands.length) hotBrands = FAKE_HOT_BRANDS
+
+// 年份筛选：写死，按需增删（数据最早约 2005 年，如需更老年份往数组里加即可）
+// 年份：从当今年份往前推 15 年（含），末项加"X年前"兜底
+const currentYear = new Date().getFullYear()
+const yearFloor = currentYear - 15
+const yearOptions: { value: number | string; label: string }[] = []
+for (let y = currentYear; y >= yearFloor; y--) {
+  yearOptions.push({ value: y, label: String(y) })
+}
+yearOptions.push({ value: `before${yearFloor}`, label: `${yearFloor}年前` })
+
+// 系列类型 / 季节：写死静态数据（先用示例/假数据预览，确认后直接改这两个数组即可）
+const collectionOptions: { value: string; label: string }[] = [
+  { value: "rtw", label: "Ready-to-Wear" },
+  { value: "menswear", label: "Menswear" },
+  { value: "womenswear", label: "Womenswear" },
+  { value: "couture", label: "Couture" },
+  { value: "resort", label: "Resort" },
+  { value: "pre_fall", label: "Pre-Fall" },
+  { value: "bridal", label: "Bridal" },
+  { value: "swimwear", label: "Swimwear" },
+]
+const seasonOptions: { value: string; label: string }[] = [
+  { value: "spring", label: "Spring / Summer" },
+  { value: "fall", label: "Fall / Winter" },
+  { value: "cruise", label: "Cruise" },
+  { value: "holiday", label: "Holiday" },
+]
 
 
 ---
@@ -69,7 +110,6 @@ if (!yearChips.length) yearChips = yearSeed
                 </span>
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.designers">
-                <input class="showssearch" placeholder="Search designer…" autocomplete="off" x-model.debounce.150ms="keyword" />
                 <ul class="showschecks">
                     <!-- <li>
                         <template x-if="item.type === 'letter'">
@@ -104,11 +144,9 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.collection">
                 <ul class="showschecks showschecks--flat">
-                <li><label><input type="checkbox" value="rtw" x-model="selectedCt" @change="refreshFilter()" /> <span>Ready-to-Wear</span></label></li>
-                <li><label><input type="checkbox" value="menswear" x-model="selectedCt" @change="refreshFilter()" /> <span>Menswear</span></label></li>
-                <li><label><input type="checkbox" value="couture" x-model="selectedCt" @change="refreshFilter()" /> <span>Couture</span></label></li>
-                <li><label><input type="checkbox" value="resort" x-model="selectedCt" @change="refreshFilter()" /> <span>Resort</span></label></li>
-                <li><label><input type="checkbox" value="pre_fall" x-model="selectedCt" @change="refreshFilter()" /> <span>Pre-Fall</span></label></li>
+                {collectionOptions.map((o) => (
+                  <li><label><input type="checkbox" value={o.value} x-model="selectedCt" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
+                ))}
                 </ul>
             </div>
             </section>
@@ -123,8 +161,9 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.season">
                 <ul class="showschecks showschecks--flat">
-                <li><label><input type="checkbox" value="spring" x-model="selectedSeason" @change="refreshFilter()" /> <span>Spring / Summer</span></label></li>
-                <li><label><input type="checkbox" value="fall" x-model="selectedSeason" @change="refreshFilter()" /> <span>Fall / Winter</span></label></li>
+                {seasonOptions.map((o) => (
+                  <li><label><input type="checkbox" value={o.value} x-model="selectedSeason" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
+                ))}
                 </ul>
             </div>
             </section>
@@ -139,8 +178,8 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.year">
                 <ul class="showschecks showschecks--flat">
-                {yearChips.map((y) => (
-                    <li><label><input type="checkbox" value={String(y)} x-model="selectedYear" @change="refreshFilter()" /> <span>{y}</span></label></li>
+                {yearOptions.map((o) => (
+                    <li><label><input type="checkbox" value={String(o.value)} x-model="selectedYear" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
                 ))}
                 </ul>
             </div>
@@ -236,12 +275,13 @@ if (!yearChips.length) yearChips = yearSeed
             />
         </div>
         <div class="showsmodal-az">
+            <button class="az az-hot" type="button" :class="{ active: modalLetter === 'HOT' }" @click="modalPickLetter('HOT')">HOT</button>
             <template x-for="l in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ#'.split('')" :key="l">
             <button class="az" type="button" :class="{ active: modalLetter === l }" @click="modalPickLetter(l)" x-text="l"></button>
             </template>
         </div>
         <div class="showsmodal-body">
-            <div class="showsmodal-hint" x-show="!modalKeyword && !modalLetter">热门推荐</div>
+            <div class="showsmodal-hint" x-show="!modalKeyword && modalLetter === 'HOT'">热门推荐</div>
             <div class="showsmodal-loading" x-show="modalLoading" x-html="SPIN_SVG"></div>
             <ul class="showsmodal-list">
             <template x-for="b in modalResults" :key="b.id">
@@ -263,7 +303,7 @@ if (!yearChips.length) yearChips = yearSeed
             </ul>
         </div>
         <footer class="showsmodal-foot">
-            <span class="showsmodal-counter" x-text="`已选 ${modalSelected.length} / 最多 5 个`"></span>
+            <!-- <span class="showsmodal-counter" x-text="`已选 ${modalSelected.length} / 最多 5 个`"></span> -->
             <button class="showsmodal-ok" type="button" @click="confirmBrandModal()">确定</button>
         </footer>
         </div>
@@ -272,6 +312,9 @@ if (!yearChips.length) yearChips = yearSeed
 </div>
 
 
+<script id="showsbrands-data" type="application/json" set:html={JSON.stringify(sidebarBrands)}></script>
+<script id="showshotbrands-data" type="application/json" set:html={JSON.stringify(hotBrands)}></script>
+
 <style>
   @reference "tailwindcss";
   [x-cloak] { display: none !important; }
@@ -337,9 +380,7 @@ if (!yearChips.length) yearChips = yearSeed
     @apply text-[#999] font-normal text-[10px] tracking-[0.14em];
   }
 
-  .showssearch {
-    @apply w-full border border-[#d4d4d4] p-[7px_10px] text-[11px] uppercase tracking-[0.08em] text-black rounded-none outline-none bg-[#fafafa] focus:border-black focus:bg-white;
-  }
+
 
   .showschecks {
     @apply list-none mt-[10px] mb-0 p-0 max-h-[280px] overflow-y-auto [scrollbar-width:thin] overscroll-contain;
@@ -489,7 +530,7 @@ if (!yearChips.length) yearChips = yearSeed
     background: transparent;
   }
   .showsmodal-panel {
-    @apply relative w-full max-w-[460px] max-h-[72vh] bg-white flex flex-col border border-black/10 pointer-events-auto;
+    @apply relative w-full max-w-[680px] max-h-[72vh] bg-white flex flex-col border border-black/10 pointer-events-auto;
     box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);
   }
   /* 顶部小三角箭头（语言切换器同款：白底 + 浅边框） */
@@ -529,6 +570,9 @@ if (!yearChips.length) yearChips = yearSeed
   .showsmodal-az .az.active {
     @apply bg-black text-white border-black;
   }
+  .showsmodal-az .az-hot {
+    @apply w-auto px-2 font-sans font-bold tracking-[0.12em] text-[9px];
+  }
   .showsmodal-body {
     @apply flex-1 min-h-0 overflow-y-auto px-2 py-1 overscroll-contain;
   }
@@ -569,21 +613,20 @@ if (!yearChips.length) yearChips = yearSeed
 
 <script>
   import { getArticles, getBrands, toAbs, type ArticleItem, type BrandEntry } from "@/lib/api"
-
-  const ICON_USER = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><circle cx="6" cy="4" r="2" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 10c0-2 1.8-3 4-3s4 1 4 3" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`
-  const ICON_DATE = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><rect x="2" y="3" width="8" height="7" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 6h8M4 2v2M8 2v2" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`
+  import { clientHref, ROUTES } from "@/lib/routes"
   const SPIN_SVG = `<svg viewBox="0 0 24 24" aria-hidden="true" class="w-[22px] h-[22px] block"><g class="ring origin-[12px_12px] animate-spin" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="40 22"><circle cx="12" cy="12" r="9"></circle></g><g opacity="0.55" fill="none" stroke="currentColor" stroke-width="1"><rect x="8" y="9.6" width="8" height="5.4"></rect><circle cx="12" cy="12.3" r="1.6"></circle></g></svg>`
 
   document.addEventListener("alpine:init", () => {
     Alpine.data("showsPage", () => {
       const node = document.getElementById("showsbrands-data")
       const allBrands: BrandEntry[] = node?.textContent ? JSON.parse(node.textContent) : []
+      const hotNode = document.getElementById("showshotbrands-data")
+      const hotBrands = hotNode?.textContent ? JSON.parse(hotNode.textContent) : []
 
       return {
         locale: '',
         allBrands,
-        ICON_USER,
-        ICON_DATE,
+        hotBrands,
         SPIN_SVG,
         collapsedGroups: {
           designers: localStorage.getItem("showsg-designers") === "1",
@@ -595,7 +638,6 @@ if (!yearChips.length) yearChips = yearSeed
         selectedCt: [] as string[],
         selectedSeason: [] as string[],
         selectedYear: [] as string[],
-        keyword: "",
         brandsExpanded: false,
 
         // 品牌筛选弹窗状态
@@ -606,7 +648,7 @@ if (!yearChips.length) yearChips = yearSeed
         modalLoading: false,
         modalSelected: [] as number[],
         get modalMaxReached() {
-          return this.modalSelected.length >= 5
+          return this.modalSelected.length >= 1
         },
 
         items: [] as (ArticleItem & { _imgLoaded?: boolean })[],
@@ -625,34 +667,24 @@ if (!yearChips.length) yearChips = yearSeed
 
         // 计算属性：侧边栏设计师列表的分组渲染
         get visibleBrandItems() {
-          const kw = this.keyword.trim().toLowerCase()
           const result: any[] = []
+          const map = new Map<string, BrandEntry[]>()
+          for (const b of this.allBrands) {
+            const letter = (b.name[0] || "?").toUpperCase()
+            if (!map.has(letter)) map.set(letter, [])
+            map.get(letter)!.push(b)
+          }
+          const grouped = [...map.entries()].sort((a, b) => a[0].localeCompare(b[0]))
 
-          if (kw) {
-            this.allBrands.forEach((b) => {
-              if (b.name.toLowerCase().includes(kw)) {
-                result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
-              }
-            })
-          } else {
-            const map = new Map<string, BrandEntry[]>()
-            for (const b of this.allBrands) {
-              const letter = (b.name[0] || "?").toUpperCase()
-              if (!map.has(letter)) map.set(letter, [])
-              map.get(letter)!.push(b)
-            }
-            const grouped = [...map.entries()].sort((a, b) => a[0].localeCompare(b[0]))
-
-            let shown = 0
-            const MAX_INITIAL = 60
-            for (const [letter, list] of grouped) {
+          let shown = 0
+          const MAX_INITIAL = 60
+          for (const [letter, list] of grouped) {
+            if (!this.brandsExpanded && shown >= MAX_INITIAL) break
+            result.push({ type: "letter", letter, key: `letter-${letter}` })
+            for (const b of list) {
               if (!this.brandsExpanded && shown >= MAX_INITIAL) break
-              result.push({ type: "letter", letter, key: `letter-${letter}` })
-              for (const b of list) {
-                if (!this.brandsExpanded && shown >= MAX_INITIAL) break
-                result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
-                shown++
-              }
+              result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
+              shown++
             }
           }
           return result
@@ -671,8 +703,9 @@ if (!yearChips.length) yearChips = yearSeed
         get pills() {
           const list: { label: string; clear: () => void }[] = []
           if (this.selectedBrands.length) {
+            const findName = (id: any) => this.allBrands.find((b) => b.id === id)?.name ?? this.hotBrands.find((b) => b.id === id)?.name ?? `#${id}`
             const labels = this.selectedBrands
-              .map((id) => this.allBrands.find((b) => b.id === id)?.name ?? `#${id}`)
+              .map((id) => findName(id))
               .slice(0, 4)
             const more = this.selectedBrands.length > 4 ? ` +${this.selectedBrands.length - 4}` : ""
             list.push({
@@ -728,7 +761,7 @@ if (!yearChips.length) yearChips = yearSeed
         async openBrandModal() {
           this.modalSelected = [...this.selectedBrands]
           this.modalKeyword = ""
-          this.modalLetter = ""
+          this.modalLetter = "HOT"
           this.modalOpen = true
           document.body.style.overflow = "hidden"
           await this.modalLoadHot()
@@ -738,12 +771,12 @@ if (!yearChips.length) yearChips = yearSeed
           document.body.style.overflow = ""
         },
         async modalLoadHot() {
+          this.modalLetter = "HOT"
           this.modalLoading = true
           try {
-            const list = await getBrands({ featured: 1, size: 50 })
-            this.modalResults = list.length ? list : this.allBrands.slice(0, 50)
-          } catch {
-            this.modalResults = this.allBrands.slice(0, 50)
+            this.modalResults = this.hotBrands.length
+              ? this.hotBrands.map((b) => ({ id: b.id, name: b.name, article_count: b.article_count || 0 }))
+              : this.allBrands.slice(0, 50)
           } finally {
             this.modalLoading = false
           }
@@ -768,9 +801,15 @@ if (!yearChips.length) yearChips = yearSeed
           }
         },
         async modalPickLetter(l: string) {
+          if (l === "HOT") {
+            this.modalKeyword = ""
+            await this.modalLoadHot()
+            return
+          }
           this.modalLetter = l
           this.modalKeyword = ""
           this.modalLoading = true
+          this.modalResults = []
           try {
             const letter = l === "#" ? "OTHER" : l
             this.modalResults = await getBrands({ letter, size: 200 })
@@ -800,7 +839,6 @@ if (!yearChips.length) yearChips = yearSeed
           this.selectedCt = []
           this.selectedSeason = []
           this.selectedYear = []
-          this.keyword = ""
           this.refreshFilter()
         },
 
@@ -847,11 +885,11 @@ if (!yearChips.length) yearChips = yearSeed
 
         // 辅助辅助工具函数
         toAbsUrl(url: string) { return toAbs(url) },
-        itemHref(it: { id: string | number }) { return clientHref(this.locale, ROUTES.runwayLooks(it.id)) },
-        ctLabel(ct?: string) {
-          const map: Record<string, string> = { rtw: "Ready-to-Wear", menswear: "Menswear", couture: "Couture", resort: "Resort", pre_fall: "Pre-Fall" }
-          return ct && map[ct] ? map[ct] : (ct || "")
-        },
+
+        // 渲染文章url
+        itemHref(it: { id: string | number }) { return clientHref(this.locale, ROUTES.item(it.id)) },
+
+        // 渲染thumb图片列表
         getCardSlots(it: ArticleItem) {
           const gallery = it.gallery || []
           const totalCount = it.image_count || 0
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 73663dd..aec1a58 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -70,12 +70,13 @@ const headers = {
 					</button>
 				</div>
 				<div x-show="open" x-transition.opacity.duration.150ms class="absolute left-0 top-full mt-2 z-50 min-w-[240px] bg-white border border-black/10 shadow-sm py-1">
-					{headers.runways.map((item) => (
-						<a href={item.href} class:list={[
-							'block px-4 py-2 text-[12px] uppercase tracking-[0.4px] hover:bg-black/5 transition-colors',
-							item.current ? 'font-bold' : ''
-						]}>{item.label}</a>
-					))}
+					{
+						headers.runways.map((item) => (
+							<a href={item.href} class="block px-4 py-2 text-[12px] uppercase tracking-[0.4px] hover:bg-black/5 transition-colors">
+								{item.label}
+							</a>
+						))
+					}
 				</div>
 			</div>
 				<a href={href(locale, ROUTES.latestProjects)} class="relative pb-[2px] cursor-pointer hover:opacity-60 transition-opacity duration-200">{t('Latest Projects')}</a>
@@ -85,23 +86,8 @@ const headers = {
 
 		<div class="flex items-center gap-3">
 			<!-- 语言切换器：恢复为 Alpine.js 控制开合（x-data + x-show + x-transition） -->
-			<div
-				class="relative"
-				id="lang-switch"
-				x-data="{ open: false }"
-				@mouseenter="open = true"
-				@mouseleave="open = false"
-			>
-				<button
-					type="button"
-					@click="open = !open"
-					@click.outside="open = false"
-					@keydown.escape.window="open = false"
-					class="flex items-center gap-1.5 cursor-pointer hover:opacity-60 transition-opacity duration-200 p-1 -m-1 normal-case text-[13px] tracking-[0.5px]"
-					aria-label={t('Language')}
-					aria-haspopup="listbox"
-					:aria-expanded="open"
-				>
+			<div class="relative" id="lang-switch" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
+				<button type="button" @click="open = !open" @click.outside="open = false" @keydown.escape.window="open = false" class="flex items-center gap-1.5 cursor-pointer hover:opacity-60 transition-opacity duration-200 p-1 -m-1 normal-case text-[13px] tracking-[0.5px]" aria-label={t('Language')} aria-haspopup="listbox" :aria-expanded="open">
 					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-[18px] h-[18px] transition-transform duration-200" :class="open ? 'rotate-180' : ''" aria-hidden="true">
 						<circle cx="12" cy="12" r="10"/>
 						<line x1="2" y1="12" x2="22" y2="12"/>
diff --git a/src/lib/routes.ts b/src/lib/routes.ts
index e1a6abf..2f48d70 100644
--- a/src/lib/routes.ts
+++ b/src/lib/routes.ts
@@ -18,10 +18,10 @@ export const ROUTES = {
   register: '/register',
   runwayLooks: '/runway-looks',
   // 动态路由（工厂函数）
-  item: (id: string | number) => `/items/${id}`,
+  item: (id: string | number) => `/item/${id}`,
   article: (id: string | number) => `/article?id=${id}`,
   articlesByBrand: (id: string | number) => `/articles?brand_id=${id}`,
-  // runwayLooks: (id: string | number) => `/runway-looks/${id}`,
+  // runwayLooksDetail: (id: string | number) => `/runway-looks/${id}`,
 } as const;
 
 /** 服务端：生成带 locale 前缀的完整 URL（依赖 astro:i18n，遵循 astro.config）。 */
diff --git a/src/pages/cn/shows.astro b/src/pages/cn/shows.astro
index 4b98ae4..1782620 100644
--- a/src/pages/cn/shows.astro
+++ b/src/pages/cn/shows.astro
@@ -1,13 +1,12 @@
 ---
 import Layout from "@/layouts/Layout.astro"
 import Breadcrumb from "@/components/Breadcrumb.astro"
-import { getBrands, getYears, type BrandEntry } from "@/lib/api"
+import { getBrands, getSsgPopularBrands, type BrandEntry } from "@/lib/api"
 import { getI18n } from '@/i18n/utils'
 import { clientHref, ROUTES, href } from '@/lib/routes'
 
 const { locale } = getI18n(Astro)
 let sidebarBrands: BrandEntry[] = []
-let yearChips: number[] = []
 
 try {
   sidebarBrands = (await getBrands({ size: 300, only_with_articles: 1, featured: 1 }))
@@ -15,12 +14,55 @@ try {
     .sort((a, b) => a.name.localeCompare(b.name))
 } catch {}
 
-let yearSeed = [2026, 2025, 2024, 2023, 2022, 2021]
+// 热门品牌：构建期走 SSG 内部接口（/api/ssg/brands/popular），不可用时回落假数据先看效果
+const FAKE_HOT_BRANDS = [
+  { id: "hot-chanel", name: "Chanel", article_count: 342 },
+  { id: "hot-dior", name: "Dior", article_count: 318 },
+  { id: "hot-gucci", name: "Gucci", article_count: 287 },
+  { id: "hot-prada", name: "Prada", article_count: 254 },
+  { id: "hot-louisvuitton", name: "Louis Vuitton", article_count: 241 },
+  { id: "hot-saintlaurent", name: "Saint Laurent", article_count: 219 },
+  { id: "hot-balenciaga", name: "Balenciaga", article_count: 198 },
+  { id: "hot-valentino", name: "Valentino", article_count: 176 },
+  { id: "hot-givenchy", name: "Givenchy", article_count: 162 },
+  { id: "hot-burberry", name: "Burberry", article_count: 153 },
+  { id: "hot-fendi", name: "Fendi", article_count: 141 },
+  { id: "hot-bottega", name: "Bottega Veneta", article_count: 128 },
+]
+let hotBrands: { id: string; name: string; article_count: number }[] = []
 try {
-  const ys = await getYears(30)
-  if (ys.length) yearChips = ys
+  const ssg = await getSsgPopularBrands(12)
+  if (ssg.length) hotBrands = ssg.map((b) => ({ id: String(b.id), name: b.brand || "", article_count: 0 }))
 } catch {}
-if (!yearChips.length) yearChips = yearSeed
+if (!hotBrands.length) hotBrands = FAKE_HOT_BRANDS
+
+// 年份筛选：写死，按需增删（数据最早约 2005 年，如需更老年份往数组里加即可）
+// 年份：从当今年份往前推 15 年（含），末项加"X年前"兜底
+const currentYear = new Date().getFullYear()
+const yearFloor = currentYear - 15
+const yearOptions: { value: number | string; label: string }[] = []
+for (let y = currentYear; y >= yearFloor; y--) {
+  yearOptions.push({ value: y, label: String(y) })
+}
+yearOptions.push({ value: `before${yearFloor}`, label: `${yearFloor}年前` })
+
+// 系列类型 / 季节：写死静态数据（先用示例/假数据预览，确认后直接改这两个数组即可）
+const collectionOptions: { value: string; label: string }[] = [
+  { value: "rtw", label: "Ready-to-Wear" },
+  { value: "menswear", label: "Menswear" },
+  { value: "womenswear", label: "Womenswear" },
+  { value: "couture", label: "Couture" },
+  { value: "resort", label: "Resort" },
+  { value: "pre_fall", label: "Pre-Fall" },
+  { value: "bridal", label: "Bridal" },
+  { value: "swimwear", label: "Swimwear" },
+]
+const seasonOptions: { value: string; label: string }[] = [
+  { value: "spring", label: "Spring / Summer" },
+  { value: "fall", label: "Fall / Winter" },
+  { value: "cruise", label: "Cruise" },
+  { value: "holiday", label: "Holiday" },
+]
 ---
 
 <Layout title="全部的 runway — Portfolio Studio">
@@ -72,28 +114,40 @@ if (!yearChips.length) yearChips = yearSeed
               </span>
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.designers">
-              <input class="showssearch" placeholder="Search designer…" autocomplete="off" x-model.debounce.150ms="keyword" />
-              <ul class="showschecks">
-                <li>
-                  <!-- Letter Header -->
-                  <template x-if="item.type === 'letter'">
-                    <div class="letter-head" x-text="item.letter"></div>
-                  </template>
-
-                  <!-- Brand Item -->
-                  <template x-if="item.type === 'brand'">
-                    <label class="flex items-center gap-2 w-full cursor-pointer">
-                      <input 
-                        type="checkbox" 
-                        :value="item.id" 
-                        :checked="selectedBrands.includes(item.id)" 
-                        @change="toggleBrand(item.id)"
-                      >
-                      <span x-text="item.name"></span>
-                      <span class="ct" x-text="item.count ? item.count : ''"></span>
+              <div class="showshot" x-show="hotBrands.length">
+                <div class="mb-2 text-[10px] uppercase tracking-[0.18em] text-black/45">热门品牌 · HOT</div>
+                <div class="flex flex-wrap gap-1.5">
+                  <template x-for="b in hotBrands" :key="b.id">
+                    <label class="inline-flex items-center gap-1.5 border border-black/15 px-2 py-1 text-[11px] cursor-pointer transition-colors has-[:checked]:border-black has-[:checked]:bg-black has-[:checked]:text-white">
+                      <input type="checkbox" :value="b.id" :checked="selectedBrands.includes(b.id)" @change="toggleBrand(b.id)" />
+                      <span x-text="b.name"></span>
                     </label>
                   </template>
-                </li>
+                </div>
+              </div>
+              <ul class="showschecks">
+                <template x-for="item in visibleBrandItems" :key="item.key">
+                  <li>
+                    <!-- Letter Header -->
+                    <template x-if="item.type === 'letter'">
+                      <div class="letter-head" x-text="item.letter"></div>
+                    </template>
+
+                    <!-- Brand Item -->
+                    <template x-if="item.type === 'brand'">
+                      <label class="flex items-center gap-2 w-full cursor-pointer">
+                        <input 
+                          type="checkbox" 
+                          :value="item.id" 
+                          :checked="selectedBrands.includes(item.id)" 
+                          @change="toggleBrand(item.id)"
+                        >
+                        <span x-text="item.name"></span>
+                        <span class="ct" x-text="item.count ? item.count : ''"></span>
+                      </label>
+                    </template>
+                  </li>
+                </template>
               </ul>
               <a class="showsmore" @click="openBrandModal()" x-text="'浏览全部品牌 +'"></a>
             </div>
@@ -109,11 +163,9 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.collection">
               <ul class="showschecks showschecks--flat">
-                <li><label><input type="checkbox" value="rtw" x-model="selectedCt" @change="refreshFilter()" /> <span>Ready-to-Wear</span></label></li>
-                <li><label><input type="checkbox" value="menswear" x-model="selectedCt" @change="refreshFilter()" /> <span>Menswear</span></label></li>
-                <li><label><input type="checkbox" value="couture" x-model="selectedCt" @change="refreshFilter()" /> <span>Couture</span></label></li>
-                <li><label><input type="checkbox" value="resort" x-model="selectedCt" @change="refreshFilter()" /> <span>Resort</span></label></li>
-                <li><label><input type="checkbox" value="pre_fall" x-model="selectedCt" @change="refreshFilter()" /> <span>Pre-Fall</span></label></li>
+                {collectionOptions.map((o) => (
+                  <li><label><input type="checkbox" value={o.value} x-model="selectedCt" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
+                ))}
               </ul>
             </div>
           </section>
@@ -128,8 +180,9 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.season">
               <ul class="showschecks showschecks--flat">
-                <li><label><input type="checkbox" value="spring" x-model="selectedSeason" @change="refreshFilter()" /> <span>Spring / Summer</span></label></li>
-                <li><label><input type="checkbox" value="fall" x-model="selectedSeason" @change="refreshFilter()" /> <span>Fall / Winter</span></label></li>
+                {seasonOptions.map((o) => (
+                  <li><label><input type="checkbox" value={o.value} x-model="selectedSeason" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
+                ))}
               </ul>
             </div>
           </section>
@@ -144,8 +197,8 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.year">
               <ul class="showschecks showschecks--flat">
-                {yearChips.map((y) => (
-                  <li><label><input type="checkbox" value={String(y)} x-model="selectedYear" @change="refreshFilter()" /> <span>{y}</span></label></li>
+                {yearOptions.map((o) => (
+                  <li><label><input type="checkbox" value={String(o.value)} x-model="selectedYear" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
                 ))}
               </ul>
             </div>
@@ -247,12 +300,13 @@ if (!yearChips.length) yearChips = yearSeed
           />
         </div>
         <div class="showsmodal-az">
+          <button class="az az-hot" type="button" :class="{ active: modalLetter === 'HOT' }" @click="modalPickLetter('HOT')">HOT</button>
           <template x-for="l in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ#'.split('')" :key="l">
             <button class="az" type="button" :class="{ active: modalLetter === l }" @click="modalPickLetter(l)" x-text="l"></button>
           </template>
         </div>
         <div class="showsmodal-body">
-          <div class="showsmodal-hint" x-show="!modalKeyword && !modalLetter">热门推荐</div>
+          <div class="showsmodal-hint" x-show="!modalKeyword && modalLetter === 'HOT'">热门推荐</div>
           <div class="showsmodal-loading" x-show="modalLoading" x-html="SPIN_SVG"></div>
           <ul class="showsmodal-list">
             <template x-for="b in modalResults" :key="b.id">
@@ -262,7 +316,6 @@ if (!yearChips.length) yearChips = yearSeed
                     type="checkbox"
                     :value="b.id"
                     :checked="modalSelected.includes(b.id)"
-                    :disabled="!modalSelected.includes(b.id) && modalMaxReached"
                     @change="toggleModalBrand(b.id)"
                   />
                   <span class="showsmodal-name" x-text="b.name"></span>
@@ -274,7 +327,7 @@ if (!yearChips.length) yearChips = yearSeed
           </ul>
         </div>
         <footer class="showsmodal-foot">
-          <span class="showsmodal-counter" x-text="`已选 ${modalSelected.length} / 最多 5 个`"></span>
+          <span class="showsmodal-counter" x-text="`已选 ${modalSelected.length} / 1 个品牌`"></span>
           <button class="showsmodal-ok" type="button" @click="confirmBrandModal()">确定</button>
         </footer>
       </div>
@@ -284,6 +337,7 @@ if (!yearChips.length) yearChips = yearSeed
 </Layout>
 
 <script id="showsbrands-data" type="application/json" set:html={JSON.stringify(sidebarBrands)}></script>
+<script id="showshotbrands-data" type="application/json" set:html={JSON.stringify(hotBrands)}></script>
 
 <style>
   @reference "tailwindcss";
@@ -350,9 +404,7 @@ if (!yearChips.length) yearChips = yearSeed
     @apply text-[#999] font-normal text-[10px] tracking-[0.14em];
   }
 
-  .showssearch {
-    @apply w-full border border-[#d4d4d4] p-[7px_10px] text-[11px] uppercase tracking-[0.08em] text-black rounded-none outline-none bg-[#fafafa] focus:border-black focus:bg-white;
-  }
+
 
   .showschecks {
     @apply list-none mt-[10px] mb-0 p-0 max-h-[280px] overflow-y-auto [scrollbar-width:thin];
@@ -542,6 +594,9 @@ if (!yearChips.length) yearChips = yearSeed
   .showsmodal-az .az.active {
     @apply bg-black text-white border-black;
   }
+  .showsmodal-az .az-hot {
+    @apply w-auto px-2 font-sans font-bold tracking-[0.12em] text-[9px];
+  }
   .showsmodal-body {
     @apply flex-1 min-h-0 overflow-y-auto px-2 py-1;
   }
@@ -582,6 +637,7 @@ if (!yearChips.length) yearChips = yearSeed
 <script>
   import Alpine from "alpinejs"
   import { getArticles, getBrands, toAbs, type ArticleItem, type BrandEntry } from "@/lib/api"
+  import { clientHref, ROUTES } from "@/lib/routes"
 
   const ICON_USER = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><circle cx="6" cy="4" r="2" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 10c0-2 1.8-3 4-3s4 1 4 3" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`
   const ICON_DATE = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><rect x="2" y="3" width="8" height="7" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 6h8M4 2v2M8 2v2" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`
@@ -591,9 +647,12 @@ if (!yearChips.length) yearChips = yearSeed
     Alpine.data("showsPage", () => {
       const node = document.getElementById("showsbrands-data")
       const allBrands: BrandEntry[] = node?.textContent ? JSON.parse(node.textContent) : []
+      const hotNode = document.getElementById("showshotbrands-data")
+      const hotBrands = hotNode?.textContent ? JSON.parse(hotNode.textContent) : []
 
       return {
         allBrands,
+        hotBrands,
         locale: '',
         ICON_USER,
         ICON_DATE,
@@ -608,7 +667,6 @@ if (!yearChips.length) yearChips = yearSeed
         selectedCt: [] as string[],
         selectedSeason: [] as string[],
         selectedYear: [] as string[],
-        keyword: "",
         brandsExpanded: false,
 
         // 品牌筛选弹窗状态
@@ -618,9 +676,6 @@ if (!yearChips.length) yearChips = yearSeed
         modalResults: [] as BrandEntry[],
         modalLoading: false,
         modalSelected: [] as number[],
-        get modalMaxReached() {
-          return this.modalSelected.length >= 5
-        },
 
         items: [] as (ArticleItem & { _imgLoaded?: boolean })[],
         loading: false,
@@ -638,34 +693,24 @@ if (!yearChips.length) yearChips = yearSeed
 
         // 计算属性：侧边栏设计师列表的分组渲染
         get visibleBrandItems() {
-          const kw = this.keyword.trim().toLowerCase()
           const result: any[] = []
+          const map = new Map<string, BrandEntry[]>()
+          for (const b of this.allBrands) {
+            const letter = (b.name[0] || "?").toUpperCase()
+            if (!map.has(letter)) map.set(letter, [])
+            map.get(letter)!.push(b)
+          }
+          const grouped = [...map.entries()].sort((a, b) => a[0].localeCompare(b[0]))
 
-          if (kw) {
-            this.allBrands.forEach((b) => {
-              if (b.name.toLowerCase().includes(kw)) {
-                result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
-              }
-            })
-          } else {
-            const map = new Map<string, BrandEntry[]>()
-            for (const b of this.allBrands) {
-              const letter = (b.name[0] || "?").toUpperCase()
-              if (!map.has(letter)) map.set(letter, [])
-              map.get(letter)!.push(b)
-            }
-            const grouped = [...map.entries()].sort((a, b) => a[0].localeCompare(b[0]))
-
-            let shown = 0
-            const MAX_INITIAL = 60
-            for (const [letter, list] of grouped) {
+          let shown = 0
+          const MAX_INITIAL = 60
+          for (const [letter, list] of grouped) {
+            if (!this.brandsExpanded && shown >= MAX_INITIAL) break
+            result.push({ type: "letter", letter, key: `letter-${letter}` })
+            for (const b of list) {
               if (!this.brandsExpanded && shown >= MAX_INITIAL) break
-              result.push({ type: "letter", letter, key: `letter-${letter}` })
-              for (const b of list) {
-                if (!this.brandsExpanded && shown >= MAX_INITIAL) break
-                result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
-                shown++
-              }
+              result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
+              shown++
             }
           }
           return result
@@ -693,8 +738,9 @@ if (!yearChips.length) yearChips = yearSeed
         get pills() {
           const list: { label: string; clear: () => void }[] = []
           if (this.selectedBrands.length) {
+            const findName = (id: any) => this.allBrands.find((b) => b.id === id)?.name ?? this.hotBrands.find((b) => b.id === id)?.name ?? `#${id}`
             const labels = this.selectedBrands
-              .map((id) => this.allBrands.find((b) => b.id === id)?.name ?? `#${id}`)
+              .map((id) => findName(id))
               .slice(0, 4)
             const more = this.selectedBrands.length > 4 ? ` +${this.selectedBrands.length - 4}` : ""
             list.push({
@@ -736,9 +782,8 @@ if (!yearChips.length) yearChips = yearSeed
         },
 
         toggleBrand(id: number) {
-          const idx = this.selectedBrands.indexOf(id)
-          if (idx >= 0) this.selectedBrands.splice(idx, 1)
-          else this.selectedBrands.push(id)
+          if (this.selectedBrands.includes(id)) this.selectedBrands = []
+          else this.selectedBrands = [id]
           this.refreshFilter()
         },
 
@@ -750,7 +795,7 @@ if (!yearChips.length) yearChips = yearSeed
         async openBrandModal() {
           this.modalSelected = [...this.selectedBrands]
           this.modalKeyword = ""
-          this.modalLetter = ""
+          this.modalLetter = "HOT"
           this.modalOpen = true
           await this.modalLoadHot()
         },
@@ -758,12 +803,12 @@ if (!yearChips.length) yearChips = yearSeed
           this.modalOpen = false
         },
         async modalLoadHot() {
+          this.modalLetter = "HOT"
           this.modalLoading = true
           try {
-            const list = await getBrands({ featured: 1, size: 50 })
-            this.modalResults = list.length ? list : this.allBrands.slice(0, 50)
-          } catch {
-            this.modalResults = this.allBrands.slice(0, 50)
+            this.modalResults = this.hotBrands.length
+              ? this.hotBrands.map((b) => ({ id: b.id, name: b.name, article_count: b.article_count || 0 }))
+              : this.allBrands.slice(0, 50)
           } finally {
             this.modalLoading = false
           }
@@ -787,6 +832,11 @@ if (!yearChips.length) yearChips = yearSeed
           }
         },
         async modalPickLetter(l: string) {
+          if (l === "HOT") {
+            this.modalKeyword = ""
+            await this.modalLoadHot()
+            return
+          }
           this.modalLetter = l
           this.modalKeyword = ""
           this.modalLoading = true
@@ -800,12 +850,8 @@ if (!yearChips.length) yearChips = yearSeed
           }
         },
         toggleModalBrand(id: number) {
-          const idx = this.modalSelected.indexOf(id)
-          if (idx >= 0) this.modalSelected.splice(idx, 1)
-          else {
-            if (this.modalSelected.length >= 5) return
-            this.modalSelected.push(id)
-          }
+          if (this.modalSelected.includes(id)) this.modalSelected = []
+          else this.modalSelected = [id]
         },
         confirmBrandModal() {
           this.selectedBrands = [...this.modalSelected]
@@ -818,7 +864,6 @@ if (!yearChips.length) yearChips = yearSeed
           this.selectedCt = []
           this.selectedSeason = []
           this.selectedYear = []
-          this.keyword = ""
           this.refreshFilter()
         },
 
@@ -873,7 +918,7 @@ if (!yearChips.length) yearChips = yearSeed
           return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`
         },
         ctLabel(ct?: string) {
-          const map: Record<string, string> = { rtw: "Ready-to-Wear", menswear: "Menswear", couture: "Couture", resort: "Resort", pre_fall: "Pre-Fall" }
+          const map: Record<string, string> = { rtw: "Ready-to-Wear", menswear: "Menswear", womenswear: "Womenswear", couture: "Couture", resort: "Resort", pre_fall: "Pre-Fall", bridal: "Bridal", swimwear: "Swimwear" }
           return ct && map[ct] ? map[ct] : (ct || "")
         },
         getCardSlots(it: ArticleItem) {
diff --git a/src/pages/en/items/[id].astro b/src/pages/en/item/[id].astro
similarity index 100%
rename from src/pages/en/items/[id].astro
rename to src/pages/en/item/[id].astro
diff --git a/src/pages/shows.astro b/src/pages/shows.astro
index b5b1f1d..30c8f72 100644
--- a/src/pages/shows.astro
+++ b/src/pages/shows.astro
@@ -1,13 +1,12 @@
 ---
 import Layout from "@/layouts/Layout.astro"
 import Breadcrumb from "@/components/Breadcrumb.astro"
-import { getBrands, getYears, type BrandEntry } from "@/lib/api"
+import { getBrands, getSsgPopularBrands, type BrandEntry } from "@/lib/api"
 import { getI18n } from '@/i18n/utils'
 import { clientHref, ROUTES, href } from '@/lib/routes'
 
 const { locale } = getI18n(Astro)
 let sidebarBrands: BrandEntry[] = []
-let yearChips: number[] = []
 
 try {
   sidebarBrands = (await getBrands({ size: 300, only_with_articles: 1, featured: 1 }))
@@ -15,12 +14,55 @@ try {
     .sort((a, b) => a.name.localeCompare(b.name))
 } catch {}
 
-let yearSeed = [2026, 2025, 2024, 2023, 2022, 2021]
+// 热门品牌：构建期走 SSG 内部接口（/api/ssg/brands/popular），不可用时回落假数据先看效果
+const FAKE_HOT_BRANDS = [
+  { id: "hot-chanel", name: "Chanel", article_count: 342 },
+  { id: "hot-dior", name: "Dior", article_count: 318 },
+  { id: "hot-gucci", name: "Gucci", article_count: 287 },
+  { id: "hot-prada", name: "Prada", article_count: 254 },
+  { id: "hot-louisvuitton", name: "Louis Vuitton", article_count: 241 },
+  { id: "hot-saintlaurent", name: "Saint Laurent", article_count: 219 },
+  { id: "hot-balenciaga", name: "Balenciaga", article_count: 198 },
+  { id: "hot-valentino", name: "Valentino", article_count: 176 },
+  { id: "hot-givenchy", name: "Givenchy", article_count: 162 },
+  { id: "hot-burberry", name: "Burberry", article_count: 153 },
+  { id: "hot-fendi", name: "Fendi", article_count: 141 },
+  { id: "hot-bottega", name: "Bottega Veneta", article_count: 128 },
+]
+let hotBrands: { id: string; name: string; article_count: number }[] = []
 try {
-  const ys = await getYears(30)
-  if (ys.length) yearChips = ys
+  const ssg = await getSsgPopularBrands(12)
+  if (ssg.length) hotBrands = ssg.map((b) => ({ id: String(b.id), name: b.brand || "", article_count: 0 }))
 } catch {}
-if (!yearChips.length) yearChips = yearSeed
+if (!hotBrands.length) hotBrands = FAKE_HOT_BRANDS
+
+// 年份筛选：写死，按需增删（数据最早约 2005 年，如需更老年份往数组里加即可）
+// 年份：从当今年份往前推 15 年（含），末项加"X年前"兜底
+const currentYear = new Date().getFullYear()
+const yearFloor = currentYear - 15
+const yearOptions: { value: number | string; label: string }[] = []
+for (let y = currentYear; y >= yearFloor; y--) {
+  yearOptions.push({ value: y, label: String(y) })
+}
+yearOptions.push({ value: `before${yearFloor}`, label: `${yearFloor}年前` })
+
+// 系列类型 / 季节：写死静态数据（先用示例/假数据预览，确认后直接改这两个数组即可）
+const collectionOptions: { value: string; label: string }[] = [
+  { value: "rtw", label: "Ready-to-Wear" },
+  { value: "menswear", label: "Menswear" },
+  { value: "womenswear", label: "Womenswear" },
+  { value: "couture", label: "Couture" },
+  { value: "resort", label: "Resort" },
+  { value: "pre_fall", label: "Pre-Fall" },
+  { value: "bridal", label: "Bridal" },
+  { value: "swimwear", label: "Swimwear" },
+]
+const seasonOptions: { value: string; label: string }[] = [
+  { value: "spring", label: "Spring / Summer" },
+  { value: "fall", label: "Fall / Winter" },
+  { value: "cruise", label: "Cruise" },
+  { value: "holiday", label: "Holiday" },
+]
 ---
 
 <Layout title="全部的 runway — Portfolio Studio">
@@ -86,30 +128,42 @@ if (!yearChips.length) yearChips = yearSeed
               </span>
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.designers">
-              <input class="showssearch" placeholder="Search designer…" autocomplete="off" x-model.debounce.150ms="keyword" />
-              <ul class="showschecks">
-                <li>
-                  <!-- Letter Header -->
-                  <template x-if="item.type === 'letter'">
-                    <div class="letter-head" x-text="item.letter"></div>
-                  </template>
-
-                  <!-- Brand Item -->
-                  <template x-if="item.type === 'brand'">
-                    <label class="flex items-center gap-2 w-full cursor-pointer">
-                      <input 
-                        type="checkbox" 
-                        :value="item.id" 
-                        :checked="selectedBrands.includes(item.id)" 
-                        @change="toggleBrand(item.id)"
-                      >
-                      <span x-text="item.name"></span>
-                      <span class="ct" x-text="item.count ? item.count : ''"></span>
+              <div class="showshot" x-show="hotBrands.length">
+                <div class="mb-2 text-[10px] uppercase tracking-[0.18em] text-black/45">HOT · Popular</div>
+                <div class="flex flex-wrap gap-1.5">
+                  <template x-for="b in hotBrands" :key="b.id">
+                    <label class="inline-flex items-center gap-1.5 border border-black/15 px-2 py-1 text-[11px] cursor-pointer transition-colors has-[:checked]:border-black has-[:checked]:bg-black has-[:checked]:text-white">
+                      <input type="checkbox" :value="b.id" :checked="selectedBrands.includes(b.id)" @change="toggleBrand(b.id)" />
+                      <span x-text="b.name"></span>
                     </label>
                   </template>
-                </li>
+                </div>
+              </div>
+              <ul class="showschecks">
+                <template x-for="item in visibleBrandItems" :key="item.key">
+                  <li>
+                    <!-- Letter Header -->
+                    <template x-if="item.type === 'letter'">
+                      <div class="letter-head" x-text="item.letter"></div>
+                    </template>
+
+                    <!-- Brand Item -->
+                    <template x-if="item.type === 'brand'">
+                      <label class="flex items-center gap-2 w-full cursor-pointer">
+                        <input 
+                          type="checkbox" 
+                          :value="item.id" 
+                          :checked="selectedBrands.includes(item.id)" 
+                          @change="toggleBrand(item.id)"
+                        >
+                        <span x-text="item.name"></span>
+                        <span class="ct" x-text="item.count ? item.count : ''"></span>
+                      </label>
+                    </template>
+                  </li>
+                </template>
               </ul>
-              <a class="showsmore" x-show="hasMoreBrands && !keyword" @click="brandsExpanded = !brandsExpanded" x-text="brandsExpanded ? 'Show fewer ▴' : `Show all ${allBrands.length} designers ▾`"></a>
+              <a class="showsmore" x-show="hasMoreBrands" @click="brandsExpanded = !brandsExpanded" x-text="brandsExpanded ? 'Show fewer ▴' : `Show all ${allBrands.length} designers ▾`"></a>
             </div>
           </section>
 
@@ -123,11 +177,9 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.collection">
               <ul class="showschecks showschecks--flat">
-                <li><label><input type="checkbox" value="rtw" x-model="selectedCt" @change="refreshFilter()" /> <span>Ready-to-Wear</span></label></li>
-                <li><label><input type="checkbox" value="menswear" x-model="selectedCt" @change="refreshFilter()" /> <span>Menswear</span></label></li>
-                <li><label><input type="checkbox" value="couture" x-model="selectedCt" @change="refreshFilter()" /> <span>Couture</span></label></li>
-                <li><label><input type="checkbox" value="resort" x-model="selectedCt" @change="refreshFilter()" /> <span>Resort</span></label></li>
-                <li><label><input type="checkbox" value="pre_fall" x-model="selectedCt" @change="refreshFilter()" /> <span>Pre-Fall</span></label></li>
+                {collectionOptions.map((o) => (
+                  <li><label><input type="checkbox" value={o.value} x-model="selectedCt" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
+                ))}
               </ul>
             </div>
           </section>
@@ -142,8 +194,9 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.season">
               <ul class="showschecks showschecks--flat">
-                <li><label><input type="checkbox" value="spring" x-model="selectedSeason" @change="refreshFilter()" /> <span>Spring / Summer</span></label></li>
-                <li><label><input type="checkbox" value="fall" x-model="selectedSeason" @change="refreshFilter()" /> <span>Fall / Winter</span></label></li>
+                {seasonOptions.map((o) => (
+                  <li><label><input type="checkbox" value={o.value} x-model="selectedSeason" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
+                ))}
               </ul>
             </div>
           </section>
@@ -158,8 +211,8 @@ if (!yearChips.length) yearChips = yearSeed
             </header>
             <div class="showsg-b" x-show="!collapsedGroups.year">
               <ul class="showschecks showschecks--flat">
-                {yearChips.map((y) => (
-                  <li><label><input type="checkbox" value={String(y)} x-model="selectedYear" @change="refreshFilter()" /> <span>{y}</span></label></li>
+                {yearOptions.map((o) => (
+                  <li><label><input type="checkbox" value={String(o.value)} x-model="selectedYear" @change="refreshFilter()" /> <span>{o.label}</span></label></li>
                 ))}
               </ul>
             </div>
@@ -245,6 +298,7 @@ if (!yearChips.length) yearChips = yearSeed
 </Layout>
 
 <script id="showsbrands-data" type="application/json" set:html={JSON.stringify(sidebarBrands)}></script>
+<script id="showshotbrands-data" type="application/json" set:html={JSON.stringify(hotBrands)}></script>
 
 <style>
   @reference "tailwindcss";
@@ -330,9 +384,7 @@ if (!yearChips.length) yearChips = yearSeed
     @apply text-[#999] font-normal text-[10px] tracking-[0.14em];
   }
 
-  .showssearch {
-    @apply w-full border border-[#d4d4d4] p-[7px_10px] text-[11px] uppercase tracking-[0.08em] text-black rounded-none outline-none bg-[#fafafa] focus:border-black focus:bg-white;
-  }
+
 
   .showschecks {
     @apply list-none mt-[10px] mb-0 p-0 max-h-[280px] overflow-y-auto [scrollbar-width:thin];
@@ -479,6 +531,7 @@ if (!yearChips.length) yearChips = yearSeed
 <script>
   import Alpine from "alpinejs"
   import { getArticles, toAbs, type ArticleItem, type BrandEntry } from "@/lib/api"
+  import { clientHref, ROUTES } from "@/lib/routes"
 
   const ICON_USER = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><circle cx="6" cy="4" r="2" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 10c0-2 1.8-3 4-3s4 1 4 3" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`
   const ICON_DATE = `<svg viewBox="0 0 12 12" width="9" height="9" aria-hidden="true"><rect x="2" y="3" width="8" height="7" stroke="currentColor" fill="none" stroke-width="1"/><path d="M2 6h8M4 2v2M8 2v2" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round"/></svg>`
@@ -488,9 +541,12 @@ if (!yearChips.length) yearChips = yearSeed
     Alpine.data("showsPage", () => {
       const node = document.getElementById("showsbrands-data")
       const allBrands: BrandEntry[] = node?.textContent ? JSON.parse(node.textContent) : []
+      const hotNode = document.getElementById("showshotbrands-data")
+      const hotBrands = hotNode?.textContent ? JSON.parse(hotNode.textContent) : []
 
       return {
         allBrands,
+        hotBrands,
         locale: '',
         ICON_USER,
         ICON_DATE,
@@ -506,7 +562,6 @@ if (!yearChips.length) yearChips = yearSeed
         selectedCt: [] as string[],
         selectedSeason: [] as string[],
         selectedYear: [] as string[],
-        keyword: "",
         brandsExpanded: false,
 
         items: [] as (ArticleItem & { _imgLoaded?: boolean })[],
@@ -525,34 +580,24 @@ if (!yearChips.length) yearChips = yearSeed
 
         // 计算属性：侧边栏设计师列表的分组渲染
         get visibleBrandItems() {
-          const kw = this.keyword.trim().toLowerCase()
           const result: any[] = []
+          const map = new Map<string, BrandEntry[]>()
+          for (const b of this.allBrands) {
+            const letter = (b.name[0] || "?").toUpperCase()
+            if (!map.has(letter)) map.set(letter, [])
+            map.get(letter)!.push(b)
+          }
+          const grouped = [...map.entries()].sort((a, b) => a[0].localeCompare(b[0]))
 
-          if (kw) {
-            this.allBrands.forEach((b) => {
-              if (b.name.toLowerCase().includes(kw)) {
-                result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
-              }
-            })
-          } else {
-            const map = new Map<string, BrandEntry[]>()
-            for (const b of this.allBrands) {
-              const letter = (b.name[0] || "?").toUpperCase()
-              if (!map.has(letter)) map.set(letter, [])
-              map.get(letter)!.push(b)
-            }
-            const grouped = [...map.entries()].sort((a, b) => a[0].localeCompare(b[0]))
-
-            let shown = 0
-            const MAX_INITIAL = 60
-            for (const [letter, list] of grouped) {
+          let shown = 0
+          const MAX_INITIAL = 60
+          for (const [letter, list] of grouped) {
+            if (!this.brandsExpanded && shown >= MAX_INITIAL) break
+            result.push({ type: "letter", letter, key: `letter-${letter}` })
+            for (const b of list) {
               if (!this.brandsExpanded && shown >= MAX_INITIAL) break
-              result.push({ type: "letter", letter, key: `letter-${letter}` })
-              for (const b of list) {
-                if (!this.brandsExpanded && shown >= MAX_INITIAL) break
-                result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
-                shown++
-              }
+              result.push({ type: "brand", id: b.id, name: b.name, count: b.article_count, key: b.id })
+              shown++
             }
           }
           return result
@@ -580,8 +625,9 @@ if (!yearChips.length) yearChips = yearSeed
         get pills() {
           const list: { label: string; clear: () => void }[] = []
           if (this.selectedBrands.length) {
+            const findName = (id: any) => this.allBrands.find((b) => b.id === id)?.name ?? this.hotBrands.find((b) => b.id === id)?.name ?? `#${id}`
             const labels = this.selectedBrands
-              .map((id) => this.allBrands.find((b) => b.id === id)?.name ?? `#${id}`)
+              .map((id) => findName(id))
               .slice(0, 4)
             const more = this.selectedBrands.length > 4 ? ` +${this.selectedBrands.length - 4}` : ""
             list.push({
@@ -628,10 +674,10 @@ if (!yearChips.length) yearChips = yearSeed
           localStorage.setItem(`showsg-${group}`, this.collapsedGroups[group] ? "1" : "")
         },
 
+        // 单选：每次只保留一个品牌，再次点击已选项则取消
         toggleBrand(id: number) {
-          const idx = this.selectedBrands.indexOf(id)
-          if (idx >= 0) this.selectedBrands.splice(idx, 1)
-          else this.selectedBrands.push(id)
+          if (this.selectedBrands.includes(id)) this.selectedBrands = []
+          else this.selectedBrands = [id]
           this.refreshFilter()
         },
 
@@ -644,7 +690,6 @@ if (!yearChips.length) yearChips = yearSeed
           this.selectedCt = []
           this.selectedSeason = []
           this.selectedYear = []
-          this.keyword = ""
           this.refreshFilter()
         },
 
@@ -699,7 +744,7 @@ if (!yearChips.length) yearChips = yearSeed
           return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`
         },
         ctLabel(ct?: string) {
-          const map: Record<string, string> = { rtw: "Ready-to-Wear", menswear: "Menswear", couture: "Couture", resort: "Resort", pre_fall: "Pre-Fall" }
+          const map: Record<string, string> = { rtw: "Ready-to-Wear", menswear: "Menswear", womenswear: "Womenswear", couture: "Couture", resort: "Resort", pre_fall: "Pre-Fall", bridal: "Bridal", swimwear: "Swimwear" }
           return ct && map[ct] ? map[ct] : (ct || "")
         },
         getCardSlots(it: ArticleItem) {