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

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; }
+`;