From 5470bc67a1a010a7d47ffebf2805f992846670a4 Mon Sep 17 00:00:00 2001
From: g1307092382 <1307092382@qq.com>
Date: Tue, 20 Oct 2026 00:36:53 +0800
Subject: [PATCH] =?UTF-8?q?OPC=20=E4=BA=A7=E5=93=81=E6=88=AA=E5=9B=BE?=
=?UTF-8?q?=E6=94=BE=E5=A4=A7=E4=B8=BA=E6=97=97=E8=88=B0=E7=89=B9=E5=86=99?=
=?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=9A=E5=8D=95=E5=88=97=E9=80=9A=E6=A0=8F?=
=?UTF-8?q?=201090px=20=E5=B1=95=E7=A4=BA=20+=20=E6=96=87=E6=9C=AC?=
=?UTF-8?q?=E5=8F=8C=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- OPC 卡增加 .product-feature 单列布局，截图通卡宽渲染 1090px
（原 841px），高度 614px，比例无失真
- .product-feature .product-visual 改 align-items:stretch，
修复 flex 列 + align-items:center 导致 picture 收缩到图片固有宽的问题
- lang-block 双栏排布（痛点|方案），场景/效益通栏；
移动端 ≤1024px 回落单列，无横向溢出
- CDP 静态取证全绿：FEATURE/EN_FEATURE/M_FEATURE 三条新断言
（通栏宽度、中英双语双栏、移动端单列回落）+ 全量回归 exit 0
---
assets/css/style.css | 13 +++++++++++++
index.html | 4 ++--
2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index d6c3601..5934bf4 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -136,6 +136,17 @@ body[data-lang="zh"] .en,body[data-lang="en"] .zh{display:none}
.product-shot{width:100%;aspect-ratio:16/10;border:1.5px dashed rgba(255,255,255,.22);border-radius:14px;display:grid;place-items:center;color:rgba(255,255,255,.4);font-size:13.5px;letter-spacing:1px;background:rgba(255,255,255,.03)}
.product-shot-img{width:100%;height:auto;border:1.5px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.03);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.product-shot-cap{font-size:12.5px;color:rgba(255,255,255,.68);letter-spacing:.5px;text-align:center}
+
+/* 旗舰特写布局：OPC 单列通栏，截图通卡宽展示，文本双栏排布 */
+.product-feature{direction:ltr;grid-template-columns:1fr;gap:34px;align-items:start}
+.product-feature:nth-child(even){direction:ltr}
+.product-feature .product-visual{gap:14px;align-items:stretch}
+.product-feature .product-icon{display:none}
+.product-feature .lang-block{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
+.product-feature .lang-block>p:first-child,
+.product-feature .pb-scene,
+.product-feature .pb-benefit{grid-column:1/-1}
+.product-feature .pb-block{margin-top:24px}
/* ===== 产品详情：痛点 / 方案 / 场景 / 效益 ===== */
.pb-block{margin-top:18px}
.pb-title{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}
@@ -230,6 +241,8 @@ body[data-lang="zh"] .en,body[data-lang="en"] .zh{display:none}
@media (max-width:1024px){
.product{grid-template-columns:1fr;padding:32px}
.product:nth-child(even){direction:ltr}
+ .product-feature{gap:26px}
+ .product-feature .lang-block{grid-template-columns:1fr}
.product-visual{order:-1}
.product-icon{width:72px;height:72px}
.product-icon svg{width:40px;height:40px}
diff --git a/index.html b/index.html
index 0b2d8d5..5125a24 100644
--- a/index.html
+++ b/index.html
@@ -172,8 +172,8 @@
从一人公司的 AI 操作系统，到企业的视频工作流、团队 AI 工作台，再到数字人才培育平台。From an AI operating system for one-person companies to enterprise video workflows, team AI workspaces, and a digital talent platform.
-
-
+
+