预览加载中
Header / Navigation
轨道式导航
紧凑的工业站点导航，桌面端保持清晰信息层级，移动端用原生 details 提供可访问菜单。
响应式原生交互无框架
Astro section library / v0.1
看见区块，
再复制源码。
面向工业 B2B 网站的 Astro 区块工作台。每个区块保留独立源码、真实响应式预览和明确的使用边界；找到合适结构后，复制到项目里继续改。
当前区块06
运行时0 KB JS
输出方式Static
Block catalog
按页面任务找结构
6 个匹配区块 Preview / source / notes
预览加载中
Hero / Split layout
传动结构首屏
左侧陈述选型路径，右侧用自包含的结构示意构成视觉焦点，适合工业传动类首页或系列页。
首屏SVG示意分屏布局
预览加载中
Capability / Evidence
能力核对轨道
用连续的核对条目代替通用数字卡片，适合展示制造、接口、交付和质量资料等能力边界。
能力信息证据边界自适应网格
预览加载中
Specification / Table
参数确认矩阵
将标准资料、项目输入和确认依据并列显示，适合选型说明、技术摘要和项目核对清单。
参数表可访问表格横向滚动
预览加载中
Process / Ordered steps
选型流程线
展示从工况收集到图纸确认的有序流程，每一步都标出可交付、可检查的输出物。
流程交付物深色区块
预览加载中
CTA / Project input
工况询价带
在长页面末端收束信息，给出表单和邮件两个明确动作，并提前说明需要准备的工况资料。
询价双动作页面收束
Working method
从预览到项目源码
区块是起点，不是黑盒组件包。复制后由目标项目持有源码，并按项目内容、数据边界和设计系统继续调整。
- 01Inspect
先看真实宽度
在详情页切换桌面、平板和手机 viewport，确认内容层级和响应式行为。
- 02Copy
复制单一源码
每个预览都对应一个 Astro 组件，不需要把整个工具箱作为运行时依赖。
- 03Verify
替换内容并复验
接入目标项目的数据与设计 Token，再做语义、键盘、桌面和移动端检查。