四大产品线统一特写通栏版面: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/移动端取证)
This commit is contained in:
2026-10-20 00:52:44 +08:00
parent 5470bc67a1
commit 6ca99eace1
2 changed files with 4 additions and 4 deletions
+3 -3
View File
@@ -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>