v0.10.30: 产品页询盘表单栅格布局（两列/三列/通栏 + UTM 隐藏 p 折叠），602 vs 原站 564

docs/sections-inventory.md

@@ -132,7 +132,8 @@
   数据标签页（Description 面板嵌产品自身 elementor 文档 + Additional information 属性表）、
   相关产品 4 列、CF7 表单、posts 卡片（postsData/shortcodes 上下文）；产品 page_css 导入
   130/138（8 篇原站 404）；ACF 规格书/popup 动态按钮落地（spec_url 非 URL 回退 /contact-us/）。
-  剩余差异：内嵌 CF7/推荐卡片区高 +350~364、产品文档内少数版块为原站 lazy 占位差。
+  剩余差异：表单区高 602 vs 564（提交行 +38）、产品文档内少数版块为原站 lazy 占位差；
+  表单栅格（1-4 两列/5-7 三列/textarea 通栏 + UTM 隐藏 p display:contents 折叠）已按取证落地。
 - about-us v0.10.28 ✅ 公司页校对：49/56 版块 ≤15px。修复：
   - counter 组件重写为 Elementor DOM（number-wrapper/title，低特异性默认样式让 page_css 覆盖），
     ending_number 数值渲染修复（s() 丢数字 → String()）；

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dusuniot-rebuild",
-  "version": "0.10.29",
+  "version": "0.10.30",
   "private": true,
   "type": "module",
   "scripts": {

src/routes/product.$slug.tsx

@@ -139,6 +139,8 @@ function ProductPage() {
   }
   return (
     <Layout layout={data.layout}>
+      {/* 产品页 CF7 604 表单布局（取证 dsgw-210-a-1：1-4 两列 48%、5-7 三列 31.3%、textarea 通栏） */}
+      <style>{PRODUCT_FORM_CSS}</style>
       <ElementorRenderer
         doc={data.tpl.doc}
         pageCss={data.tpl.pageCss}
@@ -151,3 +153,13 @@ function ProductPage() {
     </Layout>
   );
 }
+
+/** # 常量 产品页询盘表单布局（模板 widget 9de544c，结构与 /contact-us/ 同款 CF7 604） */
+const PRODUCT_FORM_CSS = `
+[data-el="9de544c"] .wpcf7-form { display: grid; grid-template-columns: repeat(48, 1fr); column-gap: 17.25px; row-gap: 20px; }
+[data-el="9de544c"] .wpcf7-form > p { margin: 0; box-sizing: border-box; grid-column: span 48; }
+/* UTM 隐藏 p：不产生栅格行（原站块级边距折叠后贡献 0） */
+[data-el="9de544c"] .wpcf7-form > p:has(> input[type="hidden"]) { display: contents; }
+[data-el="9de544c"] .wpcf7-form > p:nth-of-type(-n+4) { grid-column: span 24; }
+[data-el="9de544c"] .wpcf7-form > p:nth-of-type(n+5):nth-of-type(-n+7) { grid-column: span 16; }
+`;