feat(ui): 新增站点外壳组件 Brand / SearchField / Ticker

把应用里各自手写的三块收进库，风格沿用前台、行为参数化：

- Brand：logo 图片或首字圆形标记 + 名称，href 决定是链接还是纯展示，size/tone 可选
- SearchField：语义版搜索框（onChange 直接给字符串），variant 切 plain / card，
  支持 shortcut 提示与 hotkey 聚焦
- Ticker：无限滚动信息条，内部三份内容按实测宽度位移，循环不跳帧；
  speed / paused / label 可配
- 令牌补展示级字号 --su-font-size-2xl / --su-line-height-2xl（32 / 40）
- 展示页新增 #site-chrome（Brand / Ticker / SearchField），COMPONENTS.md 补契约与 changelog

site/App.tsx

@@ -13,6 +13,7 @@ import { Icons } from './sections/Icons'
 import { Images } from './sections/Images'
 import { Inputs } from './sections/Inputs'
 import { Layouts } from './sections/Layouts'
+import { SiteChrome } from './sections/SiteChrome'
 import { Marks } from './sections/Marks'
 import { MenuSection } from './sections/MenuSection'
 import { Modals } from './sections/Modals'
@@ -103,6 +104,7 @@ const NAV = [
     items: [
       { id: 'layout', label: '页面骨架 Layout' },
       { id: 'layouts', label: '网格与间距' },
+      { id: 'site-chrome', label: '站点外壳' },
       { id: 'composition', label: '组合示例' },
     ],
   },
@@ -229,6 +231,7 @@ export function App() {
         <Tooltips />
         <PageLayout />
         <Layouts />
+        <SiteChrome />
         <Composition />
       </main>