df2a183dbf
Plain overlay (33 items, same-source lineage, zero patch replay). Theme suites 35/35; full run 453 passed + 10 known Windows env fails (suspect-module rerun confirms identical failure set). Live: container 8.34.1-dev.1; hesupipe home leftover industrial-preset blocks cleared via studio draft+publish flow — home now renders pure trade-pro template (sf-section/Chinese blocks = 0). Co-Authored-By: Claude Code <noreply@anthropic.com>
7 lines
78 KiB
HTML
7 lines
78 KiB
HTML
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>SiteForge V8.34 · 真正生成的主题布局</title>
|
||
<style>*{box-sizing:border-box}body{margin:0;background:#edf1f6;color:#24344b;font-family:system-ui,"Microsoft YaHei",sans-serif}button,select{font:inherit}.toolbar{padding:16px 20px;background:white;border-bottom:1px solid #dfe6ed;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.toolbar strong{font-size:17px}.toolbar small{display:block;color:#75869a;font-size:11px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}select{background:#f7fafc;border:1px solid #c9d6e2;border-radius:8px;padding:9px;color:#2c485e;max-width:185px}.size button{padding:9px;border:1px solid #ccd7e2;background:white;border-radius:6px;cursor:pointer}.size button[aria-pressed=true]{background:#205a8a;color:#fff}#canvas{display:block;width:100%;height:calc(100vh - 100px);min-height:520px;margin:auto;border:0;background:white;transition:width .2s}@media(max-width:680px){.toolbar{padding:12px;gap:10px}.controls{margin-left:0}#canvas{height:calc(100vh - 155px)}}</style></head><body>
|
||
<div class="toolbar"><div><strong>SiteForge V8.34 · Banner 与产品卡片</strong><small>来自实际服务端区块渲染 · 仅演示布局,不连接业务后台</small></div><div class="controls"><select id="theme" aria-label="主题"><option value="automotive">汽车主题</option><option value="industrial">工业建材主题</option></select><select id="banner" aria-label="Banner 布局"><option value="split">Banner · 文字左</option><option value="image-first">Banner · 图片左</option><option value="centered">Banner · 标题居中</option></select><select id="cards" aria-label="卡片形式"><option value="standard">卡片 · 标准</option><option value="compact">卡片 · 紧凑</option><option value="showcase">卡片 · 图片优先</option></select><div class="size"><button data-width="100%" aria-pressed="true">电脑</button><button data-width="820px" aria-pressed="false">平板</button><button data-width="390px" aria-pressed="false">手机</button></div></div></div>
|
||
<iframe id="canvas" title="主题页面真实渲染" sandbox="allow-scripts"></iframe><script type="application/json" id="data">{"views": {"automotive": {"split-standard": "<section class=\"sf-section sf-hero\" data-block=\"7a5faf7297\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-split sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"f7d804a9fa\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-standard sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "split-compact": "<section class=\"sf-section sf-hero\" data-block=\"80f692f498\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-split sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"656284f760\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-compact sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "split-showcase": "<section class=\"sf-section sf-hero\" data-block=\"83983cee75\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-split sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"922f89d7be\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-showcase sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "image-first-standard": "<section class=\"sf-section sf-hero\" data-block=\"ad207aebec\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-image-first sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"5028f7521a\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-standard sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "image-first-compact": "<section class=\"sf-section sf-hero\" data-block=\"2855d85a1d\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-image-first sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"77be18bd4a\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-compact sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "image-first-showcase": "<section class=\"sf-section sf-hero\" data-block=\"be5749f796\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-image-first sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"48220af443\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-showcase sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "centered-standard": "<section class=\"sf-section sf-hero\" data-block=\"ba47c98ab6\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-centered sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"bb71ac3842\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-standard sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "centered-compact": "<section class=\"sf-section sf-hero\" data-block=\"cb2f8a6945\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-centered sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"95a4e5831a\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-compact sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "centered-showcase": "<section class=\"sf-section sf-hero\" data-block=\"d353de236c\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-centered sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">GLOBAL AUTOMOTIVE<\/span><h1>中国汽车 · 全球交付<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"2d45fd5600\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>精选车型<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-showcase sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">SU<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>SUV 车型 A<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">新能<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>新能源车型 B<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">皮卡<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>皮卡车型 C<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">商务<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>商务车型 D<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">紧凑<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>紧凑车型 E<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/model-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">乘用<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>乘用车型 F<\/h3><p>出口车型展示 · 可按实际车型数据替换<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>"}, "industrial": {"split-standard": "<section class=\"sf-section sf-hero\" data-block=\"cbe3655259\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-split sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"7baadace64\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-standard sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "split-compact": "<section class=\"sf-section sf-hero\" data-block=\"0e03fc356a\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-split sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"11d7e8e4da\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-compact sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "split-showcase": "<section class=\"sf-section sf-hero\" data-block=\"466d992fc0\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-split sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"fb70301a20\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-showcase sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "image-first-standard": "<section class=\"sf-section sf-hero\" data-block=\"080bbc622d\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-image-first sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"b11887a0cc\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-standard sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "image-first-compact": "<section class=\"sf-section sf-hero\" data-block=\"f3104bcc9e\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-image-first sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"6ecbfc02d8\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-compact sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "image-first-showcase": "<section class=\"sf-section sf-hero\" data-block=\"d655c908d0\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-image-first sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"32200e0f02\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-showcase sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "centered-standard": "<section class=\"sf-section sf-hero\" data-block=\"362b592a9e\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-centered sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"6db3e3bd5f\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-standard sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "centered-compact": "<section class=\"sf-section sf-hero\" data-block=\"6178c6bbf1\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-centered sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"d157cbc1b4\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-compact sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>", "centered-showcase": "<section class=\"sf-section sf-hero\" data-block=\"80e7bdeb85\"><div class=\"sf-container\"><div class=\"sf-hero-grid sf-hero-layout-centered sf-fit-contain\"><div class=\"sf-hero-copy\"><span class=\"sf-kicker\">PIPE SYSTEM SOLUTIONS<\/span><h1>专业管道 · 工程应用<\/h1><p>这是实际服务端渲染的内容模块,点击选项可比较布局。<\/p><a class=\"sf-button\" href=\"/product/\">查看产品<\/a><\/div><div class=\"sf-hero-img sf-hero-abstract\"><span>✧<\/span><\/div><\/div><\/div><\/section><section class=\"sf-section sf-collection\" data-block=\"b4ec963c69\"><div class=\"sf-container\"><div class=\"sf-section-head\"><div><span class=\"sf-kicker\">PRODUCT SELECTION<\/span><h2>主要产品<\/h2><\/div><a href=\"/product/\">查看全部<\/a><\/div><div class=\"sf-collection sf-card-style-showcase sf-fit-contain\" data-sf-filterable=\"false\" style=\"--sf-cols:3\"><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-1/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">HD<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>HDPE 给水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-2/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">PV<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>PVC-U 排水管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-3/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">双壁<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>双壁波纹管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-4/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">钢丝<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>钢丝网骨架管<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-5/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工布<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><a class=\"sf-item\" data-category=\"\" data-brand=\"\" href=\"/product/pipe-6/\"><div class=\"sf-item-img\"><div class=\"sf-placeholder\">土工<\/div><\/div><div class=\"sf-item-copy\"><small>product<\/small><h3>土工膜<\/h3><p>管道产品展示 · 可查看技术参数<\/p><span>查看详情 →<\/span><\/div><\/a><\/div><\/div><\/section>"}}, "styles": {"automotive": "", "industrial": "/* Portable SiteForge blocks, loaded with every theme (all styles scoped to sf-). */\n.sf-section{background:var(--sf-bg,transparent);color:var(--sf-fg,inherit);padding:var(--sf-pad,82px) 0;margin:0}.sf-section:nth-of-type(even){background:var(--sf-bg,#f4f6f9)}.sf-container{max-width:1200px;margin:auto;padding:0 32px}.sf-section h1,.sf-section h2,.sf-section h3,.sf-section p{color:inherit;line-height:1.3}.sf-section h1{font-size:clamp(38px,5vw,76px);font-weight:790;letter-spacing:-.052em}.sf-section h2{font-size:clamp(27px,3.2vw,44px);font-weight:760;letter-spacing:-.037em}.sf-kicker{display:block;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:740;color:var(--accent,#3569d3);margin-bottom:18px}.sf-hero-grid,.sf-image-text{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.sf-hero-copy p{font-size:18px;line-height:1.75;max-width:520px;opacity:.75}.sf-hero-img,.sf-image-side{overflow:hidden;border-radius:9px;min-height:380px;background:linear-gradient(130deg,#d5e1ee,#eef3f9);display:grid;place-items:center}.sf-hero-img img,.sf-image-side img{width:100%;height:100%;max-height:580px;object-fit:cover}.sf-hero-abstract{font-size:110px;color:#a7bdd4}.sf-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--accent,#315ee2);color:white!important;padding:16px 26px;border-radius:6px;font-size:14px;text-decoration:none;font-weight:720;margin-top:24px}.sf-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:24px}.sf-section-head h2{margin:0}.sf-section-head>a,.sf-link{color:var(--accent,#3569d3);font-weight:700;text-decoration:none}.sf-prose{font-size:16px;line-height:1.85;max-width:930px}.sf-prose p{line-height:1.85}.sf-features,.sf-collection,.sf-stats{display:grid;gap:20px}.sf-features{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-feature{border:1px solid #e0e6eb;padding:32px 28px;border-radius:8px;background:#fff;color:#253247}.sf-feature>span{font-size:12px;font-weight:800;color:var(--accent,#346add)}.sf-feature h3{font-size:22px;margin:30px 0 8px}.sf-feature p{font-size:14px;line-height:1.7;color:#647181}.sf-stats{grid-template-columns:repeat(4,1fr);padding:40px 0;border-top:1px solid #b7c0cd66;border-bottom:1px solid #b7c0cd66}.sf-stats>div{display:flex;flex-direction:column;gap:8px}.sf-stats strong{font-size:clamp(28px,4vw,53px);letter-spacing:-.04em}.sf-stats span{font-size:12px;opacity:.65;letter-spacing:.04em}.sf-collection{grid-template-columns:repeat(var(--sf-cols,3),minmax(0,1fr))}.sf-item{display:block;text-decoration:none;color:#233044;background:#fff;border:1px solid #e8edf1;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.sf-item:hover{transform:translateY(-4px);box-shadow:0 18px 38px #344d7018}.sf-item-img{height:210px;overflow:hidden;background:#e4eaf0}.sf-item-img img{height:100%;width:100%;object-fit:cover}.sf-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:190px;background:linear-gradient(130deg,#e2eaf2,#c9d7e6);font-size:72px;color:#8399b2;font-weight:800}.sf-large{min-height:360px}.sf-item-copy{padding:25px}.sf-item-copy small{text-transform:uppercase;letter-spacing:.13em;color:var(--accent,#376edc)}.sf-item-copy h3{font-size:22px;margin:12px 0 7px}.sf-item-copy p{font-size:14px;line-height:1.6;color:#7a8796;min-height:42px}.sf-item-copy span{font-size:12px;color:var(--accent,#376edc);font-weight:800}.sf-image-text>div>p{font-size:17px;line-height:1.8;max-width:520px;opacity:.7}.sf-reverse>div:first-child{order:2}.sf-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sf-gallery img{width:100%;height:230px;object-fit:cover;border-radius:6px}.sf-faq{max-width:920px}.sf-faq details{border-bottom:1px solid #dce3eb;padding:22px 0}.sf-faq summary{font-size:17px;cursor:pointer;font-weight:700}.sf-faq p{color:#647181;line-height:1.75}.sf-cta-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.sf-cta-wrap h2{margin:0}.sf-cta-wrap p{font-size:16px;opacity:.75}.sf-section a{cursor:pointer}.sf-muted{opacity:.65}\n@media(max-width:820px){.sf-container{padding:0 20px}.sf-section{padding:50px 0}.sf-hero-grid,.sf-image-text{grid-template-columns:1fr;gap:26px}.sf-reverse>div:first-child{order:initial}.sf-hero-img,.sf-image-side{min-height:250px}.sf-features,.sf-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-cta-wrap{align-items:flex-start;flex-direction:column}}\n@media(max-width:540px){.sf-features,.sf-collection,.sf-gallery{grid-template-columns:1fr}.sf-section-head{display:block}.sf-section-head>a{display:block;margin-top:13px}.sf-item-img{height:220px}.sf-hero-grid{gap:22px}.sf-hero-copy p{font-size:16px}.sf-stats{gap:28px}}\n\n.sf-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid #e5eaf0}.sf-attribute{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #e5eaf0;padding:19px 10px;font-size:14px}.sf-attribute span{color:#748497}.sf-attribute strong{font-weight:720;text-align:right}@media(max-width:640px){.sf-attributes{grid-template-columns:1fr}}\n\n/* SiteForge responsive no-code grid container */\n.sf-layout-grid{display:grid;grid-template-columns:var(--sf-layout-cols,1fr 1fr);gap:var(--sf-layout-gap,24px);align-items:stretch}\n.sf-layout-column{min-width:0}.sf-layout-column>.sf-section{padding:0;margin:0 0 18px}.sf-layout-column .sf-container{width:100%;padding:0}\n.sf-layout-column>.sf-section:last-child{margin-bottom:0}\n@media(max-width:820px){.sf-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}\n@media(max-width:540px){.sf-layout-grid{grid-template-columns:minmax(0,1fr)!important}}\n\n/* V8.6: accessible, script-free commercial design blocks */\n.sf-slides{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 18px;scrollbar-width:thin}\n.sf-slide{flex:0 0 min(78%,720px);min-width:220px;margin:0;scroll-snap-align:start}\n.sf-slide img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}\n.sf-slide figcaption{padding:10px 2px;opacity:.7;font-size:14px}\n.sf-video{aspect-ratio:16/9;max-width:1000px;background:#ebf0f5;border-radius:10px;overflow:hidden}\n.sf-video iframe{width:100%;height:100%;border:0}\n.sf-tab{padding:19px 0;border-bottom:1px solid #dde4ec;max-width:960px}\n.sf-tab summary{font-size:18px;font-weight:700;cursor:pointer}.sf-tab p{max-width:850px;line-height:1.8}\n.sf-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}\n.sf-price{padding:28px;background:#fff;border:1px solid #dee5ef;border-radius:10px;color:#29394b}\n.sf-price strong{display:block;font-size:27px;margin:14px 0}.sf-price li{margin:11px 0}.sf-price ul{padding-left:19px}\n.sf-map-address{font-style:normal;font-size:18px;white-space:pre-line;line-height:1.8}\n@media (prefers-reduced-motion:reduce){.sf-slides{scroll-behavior:auto}.sf-item{transition:none}}\n@media(max-width:540px){.sf-slide{flex-basis:92%}}\n\n/* V8.33.1 grid-class collision fix: block section and inner collection/features\n share a class. The section must NOT become a grid container itself.\n Restrict grid layout to its dedicated inner element. */\n.sf-section.sf-features,.sf-section.sf-collection,.sf-section.sf-stats,.sf-section.sf-gallery,.sf-section.sf-attributes{display:block;grid-template-columns:none}\n.sf-section.sf-faq{max-width:none}\n\n/* V8.33.1 HesuPipe / Industrial scoped homepage blocks.\n Deliberately affects only current industrial theme, not the other four.\n Versioned copies remain unchanged. */\n.sf-theme-industrial .pro-custom-content{min-width:0}\n.sf-theme-industrial .pro-custom-content .sf-section{padding:clamp(54px,6vw,92px) 0}\n.sf-theme-industrial .pro-custom-content .sf-container{max-width:var(--pro-wide,1270px);padding-inline:32px}\n.sf-theme-industrial .pro-custom-content .sf-section-head{align-items:flex-end;margin-bottom:30px;gap:16px}\n.sf-theme-industrial .pro-custom-content .sf-section-head h2{max-width:900px;font-size:clamp(28px,3.1vw,43px);line-height:1.18;letter-spacing:-.035em}\n.sf-theme-industrial .pro-custom-content .sf-section-head>a{font-size:14px;white-space:nowrap;color:var(--pro-accent,#087c94)}\n/* Advantage cards: evenly distribute 1–4 cards, maintain equal height, no orphan in 4-item groups. */\n.sf-theme-industrial .pro-custom-content .sf-section.sf-features > .sf-container > .sf-features{display:grid;grid-template-columns:repeat(var(--sf-feature-cols,3),minmax(0,1fr));gap:18px}\n.sf-theme-industrial .pro-custom-content .sf-feature{min-width:0;min-height:220px;border:1px solid #d9e5ea;border-top:3px solid var(--pro-accent,#0f7895);border-radius:10px;padding:28px 25px;background:#fff;display:flex;flex-direction:column;gap:0;box-shadow:0 8px 28px rgba(23,56,68,.035);overflow-wrap:anywhere}\n.sf-theme-industrial .pro-custom-content .sf-feature>span{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--pro-accent,#0f7895)}\n.sf-theme-industrial .pro-custom-content .sf-feature h3{font-size:clamp(18px,1.6vw,22px);margin:28px 0 10px;line-height:1.3;color:#143c4e}\n.sf-theme-industrial .pro-custom-content .sf-feature p{font-size:14px;line-height:1.75;color:#56717e;margin:0}\n/* Product gallery: stable image ratio, neat text baselines and equal card heights. */\n.sf-theme-industrial .pro-custom-content .sf-section.sf-collection > .sf-container > .sf-collection{display:grid;grid-template-columns:repeat(var(--sf-cols,3),minmax(0,1fr));gap:21px;align-items:stretch}\n.sf-theme-industrial .pro-custom-content .sf-item{min-width:0;height:100%;display:flex;flex-direction:column;border:1px solid #dfe8ec;border-radius:10px;background:#fff;overflow:hidden;color:#16384b;box-shadow:0 6px 18px rgba(16,59,82,.04)}\n.sf-theme-industrial .pro-custom-content .sf-item-img{height:auto;aspect-ratio:4/3;min-height:0;background:#eff5f7;display:grid;place-items:center;padding:14px;overflow:hidden}\n.sf-theme-industrial .pro-custom-content .sf-item-img img{display:block;width:100%;height:100%;object-fit:contain}\n.sf-theme-industrial .pro-custom-content .sf-item-img .sf-placeholder{min-height:0;font-size:clamp(24px,5vw,52px)}\n.sf-theme-industrial .pro-custom-content .sf-item-copy{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1;min-width:0}\n.sf-theme-industrial .pro-custom-content .sf-item-copy small{font-size:11px;font-weight:750;color:var(--pro-accent,#087c94);letter-spacing:.08em}\n.sf-theme-industrial .pro-custom-content .sf-item-copy h3{margin:11px 0 8px;font-size:clamp(17px,1.5vw,21px);line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n.sf-theme-industrial .pro-custom-content .sf-item-copy p{margin:0 0 15px;font-size:13px;line-height:1.65;color:#637f8c;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n.sf-theme-industrial .pro-custom-content .sf-item-copy>span{margin-top:auto;padding-top:10px;font-weight:750;color:var(--pro-accent,#087c94)}\n.sf-theme-industrial .pro-custom-content .sf-section.sf-collection > .sf-container > .sf-collection>.sf-muted{grid-column:1/-1;border:1px dashed #bdcdd4;border-radius:9px;padding:28px;text-align:center;background:#f6fafb;opacity:1;color:#617985}\n/* The dedicated listing / category view retains filters. Homepage highlights do not. */\n.sf-theme-industrial .pro-custom-content .sf-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 22px}\n.sf-theme-industrial .pro-custom-content .sf-filters input,.sf-theme-industrial .pro-custom-content .sf-filters select{min-width:0;max-width:100%;border:1px solid #cbdbe3;border-radius:7px;background:#fff;color:#1b4055;padding:10px 13px;font-size:14px}\n@media(max-width:960px){\n .sf-theme-industrial .pro-custom-content .sf-section.sf-features > .sf-container > .sf-features{grid-template-columns:repeat(2,minmax(0,1fr))}\n .sf-theme-industrial .pro-custom-content .sf-section.sf-collection > .sf-container > .sf-collection{grid-template-columns:repeat(2,minmax(0,1fr))}\n .sf-theme-industrial .pro-custom-content .sf-container{padding-inline:24px}\n}\n@media(max-width:600px){\n .sf-theme-industrial .pro-custom-content .sf-section{padding:45px 0}\n .sf-theme-industrial .pro-custom-content .sf-container{padding-inline:18px}\n .sf-theme-industrial .pro-custom-content .sf-section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}\n .sf-theme-industrial .pro-custom-content .sf-section-head>a{white-space:normal;margin-top:0}\n .sf-theme-industrial .pro-custom-content .sf-section.sf-features > .sf-container > .sf-features{grid-template-columns:minmax(0,1fr);gap:12px}\n .sf-theme-industrial .pro-custom-content .sf-feature{min-height:0;padding:24px}\n .sf-theme-industrial .pro-custom-content .sf-feature h3{margin-top:18px}\n .sf-theme-industrial .pro-custom-content .sf-section.sf-collection > .sf-container > .sf-collection{grid-template-columns:minmax(0,1fr);gap:16px}\n .sf-theme-industrial .pro-custom-content .sf-item-img{aspect-ratio:5/3}\n .sf-theme-industrial .pro-custom-content .sf-item-copy{padding:17px 20px 21px}\n .sf-theme-industrial .pro-custom-content .sf-filters{display:grid;grid-template-columns:minmax(0,1fr)}\n .sf-theme-industrial .pro-custom-content .sf-filters input,.sf-theme-industrial .pro-custom-content .sf-filters select{width:100%}\n}\n@media(prefers-reduced-motion:reduce){.sf-theme-industrial .pro-custom-content .sf-item{transition:none}}\n"}, "blocks": "/* Portable SiteForge blocks, loaded with every theme (all styles scoped to sf-). */\n.sf-section{background:var(--sf-bg,transparent);color:var(--sf-fg,inherit);padding:var(--sf-pad,82px) 0;margin:0}.sf-section:nth-of-type(even){background:var(--sf-bg,#f4f6f9)}.sf-container{max-width:1200px;margin:auto;padding:0 32px}.sf-section h1,.sf-section h2,.sf-section h3,.sf-section p{color:inherit;line-height:1.3}.sf-section h1{font-size:clamp(38px,5vw,76px);font-weight:790;letter-spacing:-.052em}.sf-section h2{font-size:clamp(27px,3.2vw,44px);font-weight:760;letter-spacing:-.037em}.sf-kicker{display:block;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:740;color:var(--accent,#3569d3);margin-bottom:18px}.sf-hero-grid,.sf-image-text{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.sf-hero-copy p{font-size:18px;line-height:1.75;max-width:520px;opacity:.75}.sf-hero-img,.sf-image-side{overflow:hidden;border-radius:9px;min-height:380px;background:linear-gradient(130deg,#d5e1ee,#eef3f9);display:grid;place-items:center}.sf-hero-img img,.sf-image-side img{width:100%;height:100%;max-height:580px;object-fit:cover}.sf-hero-abstract{font-size:110px;color:#a7bdd4}.sf-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--accent,#315ee2);color:white!important;padding:16px 26px;border-radius:6px;font-size:14px;text-decoration:none;font-weight:720;margin-top:24px}.sf-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:24px}.sf-section-head h2{margin:0}.sf-section-head>a,.sf-link{color:var(--accent,#3569d3);font-weight:700;text-decoration:none}.sf-prose{font-size:16px;line-height:1.85;max-width:930px}.sf-prose p{line-height:1.85}.sf-features,.sf-collection,.sf-stats{display:grid;gap:20px}.sf-features{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-feature{border:1px solid #e0e6eb;padding:32px 28px;border-radius:8px;background:#fff;color:#253247}.sf-feature>span{font-size:12px;font-weight:800;color:var(--accent,#346add)}.sf-feature h3{font-size:22px;margin:30px 0 8px}.sf-feature p{font-size:14px;line-height:1.7;color:#647181}.sf-stats{grid-template-columns:repeat(4,1fr);padding:40px 0;border-top:1px solid #b7c0cd66;border-bottom:1px solid #b7c0cd66}.sf-stats>div{display:flex;flex-direction:column;gap:8px}.sf-stats strong{font-size:clamp(28px,4vw,53px);letter-spacing:-.04em}.sf-stats span{font-size:12px;opacity:.65;letter-spacing:.04em}.sf-collection{grid-template-columns:repeat(var(--sf-cols,3),minmax(0,1fr))}.sf-item{display:block;text-decoration:none;color:#233044;background:#fff;border:1px solid #e8edf1;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.sf-item:hover{transform:translateY(-4px);box-shadow:0 18px 38px #344d7018}.sf-item-img{height:210px;overflow:hidden;background:#e4eaf0}.sf-item-img img{height:100%;width:100%;object-fit:cover}.sf-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:190px;background:linear-gradient(130deg,#e2eaf2,#c9d7e6);font-size:72px;color:#8399b2;font-weight:800}.sf-large{min-height:360px}.sf-item-copy{padding:25px}.sf-item-copy small{text-transform:uppercase;letter-spacing:.13em;color:var(--accent,#376edc)}.sf-item-copy h3{font-size:22px;margin:12px 0 7px}.sf-item-copy p{font-size:14px;line-height:1.6;color:#7a8796;min-height:42px}.sf-item-copy span{font-size:12px;color:var(--accent,#376edc);font-weight:800}.sf-image-text>div>p{font-size:17px;line-height:1.8;max-width:520px;opacity:.7}.sf-reverse>div:first-child{order:2}.sf-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sf-gallery img{width:100%;height:230px;object-fit:cover;border-radius:6px}.sf-faq{max-width:920px}.sf-faq details{border-bottom:1px solid #dce3eb;padding:22px 0}.sf-faq summary{font-size:17px;cursor:pointer;font-weight:700}.sf-faq p{color:#647181;line-height:1.75}.sf-cta-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.sf-cta-wrap h2{margin:0}.sf-cta-wrap p{font-size:16px;opacity:.75}.sf-section a{cursor:pointer}.sf-muted{opacity:.65}\n@media(max-width:820px){.sf-container{padding:0 20px}.sf-section{padding:50px 0}.sf-hero-grid,.sf-image-text{grid-template-columns:1fr;gap:26px}.sf-reverse>div:first-child{order:initial}.sf-hero-img,.sf-image-side{min-height:250px}.sf-features,.sf-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-cta-wrap{align-items:flex-start;flex-direction:column}}\n@media(max-width:540px){.sf-features,.sf-collection,.sf-gallery{grid-template-columns:1fr}.sf-section-head{display:block}.sf-section-head>a{display:block;margin-top:13px}.sf-item-img{height:220px}.sf-hero-grid{gap:22px}.sf-hero-copy p{font-size:16px}.sf-stats{gap:28px}}\n\n.sf-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid #e5eaf0}.sf-attribute{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #e5eaf0;padding:19px 10px;font-size:14px}.sf-attribute span{color:#748497}.sf-attribute strong{font-weight:720;text-align:right}@media(max-width:640px){.sf-attributes{grid-template-columns:1fr}}\n\n/* SiteForge responsive no-code grid container */\n.sf-layout-grid{display:grid;grid-template-columns:var(--sf-layout-cols,1fr 1fr);gap:var(--sf-layout-gap,24px);align-items:stretch}\n.sf-layout-column{min-width:0}.sf-layout-column>.sf-section{padding:0;margin:0 0 18px}.sf-layout-column .sf-container{width:100%;padding:0}\n.sf-layout-column>.sf-section:last-child{margin-bottom:0}\n@media(max-width:820px){.sf-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}\n@media(max-width:540px){.sf-layout-grid{grid-template-columns:minmax(0,1fr)!important}}\n\n/* V8.6: accessible, script-free commercial design blocks */\n.sf-slides{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 18px;scrollbar-width:thin}\n.sf-slide{flex:0 0 min(78%,720px);min-width:220px;margin:0;scroll-snap-align:start}\n.sf-slide img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}\n.sf-slide figcaption{padding:10px 2px;opacity:.7;font-size:14px}\n.sf-video{aspect-ratio:16/9;max-width:1000px;background:#ebf0f5;border-radius:10px;overflow:hidden}\n.sf-video iframe{width:100%;height:100%;border:0}\n.sf-tab{padding:19px 0;border-bottom:1px solid #dde4ec;max-width:960px}\n.sf-tab summary{font-size:18px;font-weight:700;cursor:pointer}.sf-tab p{max-width:850px;line-height:1.8}\n.sf-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}\n.sf-price{padding:28px;background:#fff;border:1px solid #dee5ef;border-radius:10px;color:#29394b}\n.sf-price strong{display:block;font-size:27px;margin:14px 0}.sf-price li{margin:11px 0}.sf-price ul{padding-left:19px}\n.sf-map-address{font-style:normal;font-size:18px;white-space:pre-line;line-height:1.8}\n@media (prefers-reduced-motion:reduce){.sf-slides{scroll-behavior:auto}.sf-item{transition:none}}\n@media(max-width:540px){.sf-slide{flex-basis:92%}}\n\n/* V8.33.1 grid-class collision fix: block section and inner collection/features\n share a class. The section must NOT become a grid container itself.\n Restrict grid layout to its dedicated inner element. */\n.sf-section.sf-features,.sf-section.sf-collection,.sf-section.sf-stats,.sf-section.sf-gallery,.sf-section.sf-attributes{display:block;grid-template-columns:none}\n.sf-section.sf-faq{max-width:none}\n\n\n/* V8.34: opt-in no-code compositions; no change for legacy blocks with no choice. */\n.sf-hero-grid.sf-hero-layout-image-first > .sf-hero-img{order:-1}\n.sf-hero-grid.sf-hero-layout-centered{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}\n.sf-hero-grid.sf-hero-layout-centered .sf-hero-copy{max-width:900px;margin-inline:auto}\n.sf-hero-grid.sf-hero-layout-centered .sf-hero-img{width:100%;min-height:240px;max-height:540px}\n.sf-hero-grid.sf-fit-contain .sf-hero-img img{object-fit:contain}\n.sf-collection.sf-fit-contain .sf-item-img{background:#f4f7f9}\n.sf-collection.sf-fit-contain .sf-item-img img{object-fit:contain}\n.sf-collection.sf-card-style-compact .sf-item-img{height:156px}\n.sf-collection.sf-card-style-compact .sf-item-copy{padding:16px 19px}\n.sf-collection.sf-card-style-compact .sf-item-copy h3{font-size:clamp(16px,1.5vw,20px);margin:8px 0 5px}\n.sf-collection.sf-card-style-compact .sf-item-copy p{font-size:13px;min-height:0}\n.sf-collection.sf-card-style-showcase .sf-item-img{height:auto;aspect-ratio:16/10}\n.sf-collection.sf-card-style-showcase .sf-item-copy{padding:25px}\n.sf-collection.sf-card-style-showcase .sf-item-copy h3{font-size:clamp(19px,2vw,26px)}\n@media(max-width:820px){.sf-hero-grid.sf-hero-layout-image-first > .sf-hero-img{order:initial}}\n@media(max-width:540px){.sf-collection.sf-card-style-compact .sf-item-img{height:180px}.sf-hero-grid.sf-hero-layout-centered .sf-hero-img{min-height:200px}}\n@media(prefers-reduced-motion:reduce){.sf-collection.sf-card-style-showcase .sf-item{transition:none}}\n\n/* Industrial product photography respects *explicit* image fit, not archived defaults. */\n.sf-theme-industrial .pro-custom-content .sf-collection.sf-fit-cover .sf-item-img img{object-fit:cover}\n.sf-theme-industrial .pro-custom-content .sf-collection.sf-fit-contain .sf-item-img img{object-fit:contain}\n"}</script><script>
|
||
const data=JSON.parse(document.getElementById('data').textContent), frame=document.getElementById('canvas');
|
||
function paint(){const t=document.getElementById('theme').value,key=document.getElementById('banner').value+'-'+document.getElementById('cards').value;const page='<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>'+data.blocks+'</style><style>'+data.styles[t]+'</style><style>body{margin:0;font-family:system-ui,"Microsoft YaHei",sans-serif;background:white;color:#20354a}.sf-hero-abstract{background:linear-gradient(140deg,#eff4f8,#d5e3ed);border-radius:12px}.sf-item{height:100%}</style></head><body><div class="sf-theme-'+t+'"><main class="pro-custom-content">'+data.views[t][key]+'</main></div></body></html>';frame.srcdoc=page;}
|
||
['theme','banner','cards'].forEach(id=>document.getElementById(id).addEventListener('change',paint));document.querySelectorAll('[data-width]').forEach(b=>b.addEventListener('click',()=>{frame.style.width=b.dataset.width;document.querySelectorAll('[data-width]').forEach(x=>x.setAttribute('aria-pressed',String(x===b)));}));paint();</script></body></html> |