[Xiiiing]

改动

• 手机用两行呈现全部六个资源类型，页面和完整案例可直接进入。用途和风格使用独立的可展开入口，搜索与高级筛选并排，空条件栏收起。
• 默认「全部」交错展示组件、区块、页面和完整案例。1440px 下首行四类各一张，首批 24 项，继续加载保留已显示资源和顺序。搜索保持相关性排序，筛选及单类型页面继续按类型组织。
• 在「全部」或「组件」选择卡片用途后，可以切换到编辑式、瑞士风格、科技感和自然柔和四种实际卡片的对照。对照状态支持筛选、分享链接、刷新和详情返回。

首卡位置

同一台本地机器上的两套生产构建，以 ac7ba33 为基线。Chromium 使用中文、浅色、减少动效，从未滚动的默认资源库测第一张封面距视口顶部的 CSS 像素。

视口	基线	此 PR	上移
桌面 1440 × 1000	497px	289px	208px
手机 390 × 844	632px	370px	262px

主文档启动脚本 gzip 从 189,974 降至 189,501 字节，低于 190,000 字节预算。两端首屏均为零自动挂载预览。生产摘要打包前后逐字段核对了 107 项资源。

本地验证

• npm run check 通过，含 23 项单元测试。
• npm test 的生产构建和 212 项浏览器测试全部通过。Chromium 190 项，Firefox 和 WebKit 各 11 项。
• npm run test:dev 通过。
• 实际浏览器检查了 320px 英文深色手机布局，以及桌面首行混排、手机页面及案例入口、风格对照和返回流程。

Closes #67