四大产品线统一特写通栏版面：VideoOS/乐活AI/AI智习室同步 OPC 布局

- 三张产品卡补 .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

@@ -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}

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>