From 6ca99eace1133877acaf03d4d4d63855e0ca29af Mon Sep 17 00:00:00 2001
From: g1307092382 <1307092382@qq.com>
Date: Tue, 20 Oct 2026 00:52:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=9B=E5=A4=A7=E4=BA=A7=E5=93=81=E7=BA=BF?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E7=89=B9=E5=86=99=E9=80=9A=E6=A0=8F=E7=89=88?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=9AVideoOS/=E4=B9=90=E6=B4=BBAI/AI=E6=99=BA?=
 =?UTF-8?q?=E4=B9=A0=E5=AE=A4=E5=90=8C=E6=AD=A5=20OPC=20=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 三张产品卡补 .product-feature 类，与 OPC 统一为单列通栏：
  截图渲染宽统一 1090px（原 599px 视觉列），按各自原始比例展示
  （VideoOS 642 / 乐活AI 630 / AI智习室 817 px 高），比例无失真
- 文本统一双栏（痛点 | 方案）+ 场景/效益通栏；装饰图标统一隐藏
- CDP 取证全绿：FEATURE 四卡全部 rendered=1090、langCols=2、
  iconHidden=none；EN_FEATURE [2,2,2,2]；M_FEATURE 移动端全回落单列；
  通用全尺寸断言阈值 520→1000px；四图 cropFree 全 true、
  移动端 390px 零溢出、零 console 错误零失败请求
- 逐卡截图肉眼复核（ZH 三卡 + 既有 OPC/EN/移动端取证）
---
 assets/css/style.css | 2 +-
 index.html           | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 5934bf4..8c10130 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -137,7 +137,7 @@ body[data-lang="zh"] .en,body[data-lang="en"] .zh{display:none}
 .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}
diff --git a/index.html b/index.html
index 5125a24..03d2b20 100644
--- a/index.html
+++ b/index.html
@@ -253,7 +253,7 @@
     </article>
 
     <!-- Product 2: VideoOS -->
-    <article class="product reveal" data-tilt>
+    <article class="product product-feature reveal" data-tilt>
       <div class="product-visual">
         <div class="product-icon">
           <svg viewBox="0 0 48 48" fill="none"><rect x="6" y="10" width="36" height="24" rx="4" stroke="currentColor" stroke-width="2.5"/><path d="M20 17l9 5-9 5V17z" fill="currentColor"/><path d="M6 38h36" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg>
@@ -333,7 +333,7 @@
     </article>
 
     <!-- Product 3: LeHuo AI -->
-    <article class="product reveal" data-tilt>
+    <article class="product product-feature reveal" data-tilt>
       <div class="product-visual">
         <div class="product-icon">
           <svg viewBox="0 0 48 48" fill="none"><rect x="8" y="6" width="32" height="24" rx="3" stroke="currentColor" stroke-width="2.5"/><path d="M18 36h12M24 30v6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/><path d="M14 14l5 5-5 5M24 26h10" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
@@ -413,7 +413,7 @@
     </article>
 
     <!-- Product 4: AI Study Room -->
-    <article class="product reveal" data-tilt>
+    <article class="product product-feature reveal" data-tilt>
       <div class="product-visual">
         <div class="product-icon">
           <svg viewBox="0 0 48 48" fill="none"><path d="M24 6l14 6v12c0 9-6 15-14 18-8-3-14-9-14-18V12l14-6z" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round"/><path d="M17 24l5 5 10-10" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>