gpt

2026-01-09 01:28:23 +08:00
parent eb8c097777
commit 90fc16fbc3
241 changed files with 26518 additions and 3570 deletions
--- a/code/app/home/view/videoGpt1/module/breadcrumb/breadcrumb_C.html
+++ b/code/app/home/view/videoGpt1/module/breadcrumb/breadcrumb_C.html
@@ -6,7 +6,12 @@
    {if $intVariant == 0}
    <span class="{$TpStyle.dom_prefix}-bc-text">
        {volist name="arrBreadcrumb" id="node" key="i"}
-            {$node.title}{if $i < count($arrBreadcrumb)} &gt; {/if}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <em>{$node.title}</em>
+            {/if}
+            {if $i < count($arrBreadcrumb)} &gt; {/if}
        {/volist}
    </span>
    
@@ -27,7 +32,11 @@
    {elseif $intVariant == 2}
    <small class="{$TpStyle.dom_prefix}-bc-small">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </small>
    
@@ -36,7 +45,12 @@
    <p class="{$TpStyle.dom_prefix}-bc-sentence">
        当前所在位置：
        {volist name="arrBreadcrumb" id="node" key="i"}
-            {$node.title}{if $i < count($arrBreadcrumb)} → {/if}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
+            {if $i < count($arrBreadcrumb)} → {/if}
        {/volist}
    </p>
    
@@ -44,7 +58,11 @@
    {elseif $intVariant == 4}
    <time class="{$TpStyle.dom_prefix}-bc-time">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </time>
    
@@ -52,7 +70,12 @@
    {elseif $intVariant == 5}
    <strong class="{$TpStyle.dom_prefix}-bc-strong">
        {volist name="arrBreadcrumb" id="node" key="i"}
-            {$node.title}{if $i < count($arrBreadcrumb)} / {/if}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
+            {if $i < count($arrBreadcrumb)} / {/if}
        {/volist}
    </strong>
    
@@ -60,7 +83,11 @@
    {elseif $intVariant == 6}
    <em class="{$TpStyle.dom_prefix}-bc-em">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </em>
    
@@ -68,7 +95,11 @@
    {elseif $intVariant == 7}
    <address class="{$TpStyle.dom_prefix}-bc-address">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </address>
    
@@ -76,7 +107,11 @@
    {elseif $intVariant == 8}
    <blockquote class="{$TpStyle.dom_prefix}-bc-quote">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </blockquote>
    
@@ -85,7 +120,12 @@
    <p class="{$TpStyle.dom_prefix}-bc-paragraph">
        本页面内容来源于
        {volist name="arrBreadcrumb" id="node" key="i"}
-            {$node.title}{if $i < count($arrBreadcrumb)} · {/if}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
+            {if $i < count($arrBreadcrumb)} · {/if}
        {/volist}
    </p>
    
@@ -106,7 +146,11 @@
    <p class="{$TpStyle.dom_prefix}-bc-prefix">
        您当前浏览的是：
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </p>
    
@@ -114,7 +158,11 @@
    {elseif $intVariant == 12}
    <h6 class="{$TpStyle.dom_prefix}-bc-h6">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </h6>
    
@@ -122,7 +170,11 @@
    {elseif $intVariant == 13}
    <code class="{$TpStyle.dom_prefix}-bc-code">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </code>
    
@@ -130,7 +182,11 @@
    {elseif $intVariant == 14}
    <kbd class="{$TpStyle.dom_prefix}-bc-kbd">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </kbd>
    
@@ -139,7 +195,12 @@
    <p class="{$TpStyle.dom_prefix}-bc-long">
        本页面为
        {volist name="arrBreadcrumb" id="node" key="i"}
-            {$node.title}{if $i < count($arrBreadcrumb)} 的 {/if}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
+            {if $i < count($arrBreadcrumb)} 的 {/if}
        {/volist}
        相关内容展示。
    </p>
@@ -148,7 +209,13 @@
    {elseif $intVariant == 16}
    <p class="{$TpStyle.dom_prefix}-bc-mark">
        {volist name="arrBreadcrumb" id="node"}
-            <mark>{$node.title}</mark>
+            <mark>
+                {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+                {else /}
+                    <span>{$node.title}</span>
+                {/if}
+            </mark>
        {/volist}
    </p>
    
@@ -156,7 +223,12 @@
    {elseif $intVariant == 17}
    <span class="{$TpStyle.dom_prefix}-bc-inline">
        {volist name="arrBreadcrumb" id="node" key="i"}
-            {$node.title}{if $i < count($arrBreadcrumb)} , {/if}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
+            {if $i < count($arrBreadcrumb)} , {/if}
        {/volist}
    </span>
    
@@ -164,7 +236,11 @@
    {elseif $intVariant == 18}
    <footer class="{$TpStyle.dom_prefix}-bc-footer">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </footer>
    
@@ -172,7 +248,11 @@
    {else}
    <div class="{$TpStyle.dom_prefix}-bc-default">
        {volist name="arrBreadcrumb" id="node"}
-            {$node.title}
+            {if !empty($node.url)}
+                <a href="{$node.url}">{$node.title}</a>
+            {else /}
+                <span>{$node.title}</span>
+            {/if}
        {/volist}
    </div>
    {/if}
--- a/code/app/home/view/videoGpt1/module/detail/_seo_addon.html
+++ b/code/app/home/view/videoGpt1/module/detail/_seo_addon.html
@@ -0,0 +1,21 @@
+{if !empty($arrAddon.summary) || !empty($arrAddon.tags) || !empty($arrAddon.tip)}
+<section class="{$TpStyle.dom_prefix}-synx">
+
+    {if !empty($arrAddon.summary)}
+    <p class="{$TpStyle.dom_prefix}-synx-summary">{$arrAddon.summary}</p>
+    {/if}
+
+    {if !empty($arrAddon.tags)}
+    <div class="{$TpStyle.dom_prefix}-synx-tags">
+        {volist name="$arrAddon.tags" id="t"}
+        <span class="{$TpStyle.dom_prefix}-synx-tag">{$t}</span>
+        {/volist}
+    </div>
+    {/if}
+
+    {if !empty($arrAddon.tip)}
+    <p class="{$TpStyle.dom_prefix}-synx-tip">{$arrAddon.tip}</p>
+    {/if}
+
+</section>
+{/if}
--- a/code/app/home/view/videoGpt1/module/detail_main/cover.html
+++ b/code/app/home/view/videoGpt1/module/detail_main/cover.html
@@ -1,17 +1,18 @@
 {//  ===================== Cover Variants ===================== }
+{video:imgalt video="$arrVideo" slot="detail_cover" item_type="poster" export_name="strAlt" /}

 {if $variant == 0}
 <div class="{$TpStyle.dom_prefix}-dm-cover v0">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
-         alt="{$arrVideo.v_name}">
+         alt="{$strAlt}">
 </div>

 {elseif $variant == 1}
 <figure class="{$TpStyle.dom_prefix}-dm-cover v1">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
-         alt="{$arrVideo.v_name}">
+         alt="{$strAlt}">
    <figcaption class="{$TpStyle.dom_prefix}-dm-cover-cap">
        {$arrVideo.v_remarks}
    </figcaption>
@@ -22,19 +23,19 @@
   href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="default" play_index="1" /}'>
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
-         alt="{$arrVideo.v_name}">
+         alt="{$strAlt}">
 </a>

 {elseif $variant == 3}
 <div class="{$TpStyle.dom_prefix}-dm-cover v3">
-    <div class="{$TpStyle.dom_prefix}-dm-cover-bg"
-         data-bg="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"></div>
+    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
 </div>

 {elseif $variant == 4}
 <div class="{$TpStyle.dom_prefix}-dm-cover v4">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-badge">
        {$arrVideo.v_year}
    </span>
@@ -43,7 +44,7 @@
 {elseif $variant == 5}
 <div class="{$TpStyle.dom_prefix}-dm-cover v5">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-score">
        {$arrVideo.v_score}
    </span>
@@ -51,29 +52,29 @@

 {elseif $variant == 6}
 <section class="{$TpStyle.dom_prefix}-dm-cover v6">
-    <div class="{$TpStyle.dom_prefix}-dm-cover-bg"
-         data-bg="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"></div>
+    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-play"></span>
 </section>

 {elseif $variant == 7}
 <article class="{$TpStyle.dom_prefix}-dm-cover v7">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
 </article>

 {elseif $variant == 8}
 <div class="{$TpStyle.dom_prefix}-dm-cover v8">
    <picture class="{$TpStyle.dom_prefix}-dm-cover-pic">
        <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-             src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+             src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    </picture>
 </div>

 {elseif $variant == 9}
 <div class="{$TpStyle.dom_prefix}-dm-cover v9">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-remark">
        {$arrVideo.v_remarks}
    </span>
@@ -81,36 +82,36 @@

 {elseif $variant == 10}
 <div class="{$TpStyle.dom_prefix}-dm-cover v10">
-    <div class="{$TpStyle.dom_prefix}-dm-cover-bg"
-         data-bg="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"></div>
+    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-tag">HD</span>
 </div>

 {elseif $variant == 11}
 <a class="{$TpStyle.dom_prefix}-dm-cover v11"
   href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="default" play_index="1" /}'>
-    <div class="{$TpStyle.dom_prefix}-dm-cover-bg"
-         data-bg="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"></div>
+    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
 </a>

 {elseif $variant == 12}
 <div class="{$TpStyle.dom_prefix}-dm-cover v12">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-top">更新中</span>
 </div>

 {elseif $variant == 13}
 <div class="{$TpStyle.dom_prefix}-dm-cover v13">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-corner"></span>
 </div>

 {elseif $variant == 14}
 <div class="{$TpStyle.dom_prefix}-dm-cover v14">
-    <div class="{$TpStyle.dom_prefix}-dm-cover-bg"
-         data-bg="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"></div>
+    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-year">
        {$arrVideo.v_year}
    </span>
@@ -119,7 +120,7 @@
 {elseif $variant == 15}
 <div class="{$TpStyle.dom_prefix}-dm-cover v15">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-free">
        免费
    </span>
@@ -128,24 +129,24 @@
 {elseif $variant == 16}
 <div class="{$TpStyle.dom_prefix}-dm-cover v16">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
-         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-mask"></span>
 </div>

 {elseif $variant == 17}
 <aside class="{$TpStyle.dom_prefix}-dm-cover v17">
-    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
+    <img class="{$TpStyle.dom_prefix}-dm-cover-img" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
 </aside>

 {elseif $variant == 18}
-<div class="{$TpStyle.dom_prefix}-dm-cover v18"
-     data-cover="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
-</div>
+<img class="{$TpStyle.dom_prefix}-dm-cover v18" alt="{$strAlt}"
+src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
+

 {elseif $variant == 19}
 <section class="{$TpStyle.dom_prefix}-dm-cover v19">
-    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
+    <img class="{$TpStyle.dom_prefix}-dm-cover-img" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
 </section>

--- a/code/app/home/view/videoGpt1/module/detail_main/desc.html
+++ b/code/app/home/view/videoGpt1/module/detail_main/desc.html
@@ -132,3 +132,7 @@
 </article>

 {/if}
+
+{video:seoaddon video="$arrVideo" export_name="arrAddon" /}
+{include file="module/detail/_seo_addon" /}
+
--- a/code/app/home/view/videoGpt1/module/detail_main/meta.html
+++ b/code/app/home/view/videoGpt1/module/detail_main/meta.html
@@ -1,6 +1,6 @@
 {// ===================== Meta Variants (Array-aware, no i_last) ===================== }

-{// 预计算长度（避免 i_last） }
+{// 预计算长度（避免 i_last） } 
 {assign name="len_area" value="is_array($arrVideo.v_area)?count($arrVideo.v_area):0"}
 {assign name="len_actor" value="is_array($arrVideo.v_actor)?count($arrVideo.v_actor):0"}
 {assign name="len_director" value="is_array($arrVideo.v_director)?count($arrVideo.v_director):0"}
--- a/code/app/home/view/videoGpt1/module/list/home_block.html
+++ b/code/app/home/view/videoGpt1/module/list/home_block.html
@@ -3,13 +3,12 @@
 $mod = $module;

 // 2. 读取该模块的 layout 配置（冻结）
-$cfg = $TpStyle['list_layout'][$mod] ?? null;
-$listCfg = $TpStyle['list_layout'][$mod] ?? null;
+$cfg = $TpStyle['template_cfg']['list_layout'][$mod] ?? null;
+$listCfg = $TpStyle['template_cfg']['list_layout'][$mod] ?? null;
 if (!$cfg) return;

 // 3. 绑定数据变量（只在这里做一次映射）
-
-$title = $cfg['title_text'] ?? null;
+$title = $Slot['title_text'] ?? null;
 ?>
 <section class="mod-{$mod}">

--- a/code/app/home/view/videoGpt1/module/list/item/_item_router.html
+++ b/code/app/home/view/videoGpt1/module/list/item/_item_router.html
@@ -1,10 +1,11 @@
 {php}
-// 统一从 cfg 下发（冻结）
-$variant = isset($cfg['item_variant']) ? intval($cfg['item_variant']) : 0;
+// 统一从 listCfg 下发（冻结）
+$variant = isset($listCfg['item_variant']) ? intval($listCfg['item_variant']) : 0;
 {/php}

+{video:imgalt video="$vo" slot="list_poster" item_type="$listCfg.item_type" export_name="strAlt" /}

-{switch $cfg.item}
+{switch $listCfg.item}

 {case 01}
    {include file="module/list/item/item_01" /}
--- a/code/app/home/view/videoGpt1/module/list/item/item_01.html
+++ b/code/app/home/view/videoGpt1/module/list/item/item_01.html
@@ -5,7 +5,7 @@
 <article class="{$TpStyle.dom_prefix}-item poster v0">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img class="lazyload-img" src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -23,7 +23,7 @@
 <li class="{$TpStyle.dom_prefix}-item poster v1">
    <figure>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover">
            <figcaption>
                <strong >{$vo.v_name}</strong>
                <span>{$vo.v_year}</span>
@@ -39,9 +39,9 @@
        <h3 ><a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" >{$vo.v_name}</a></h3>
        <p>{$vo.v_year}</p>
    </div>
-    <div class="{$TpStyle.dom_prefix}-item-cover">
-        <img class="lazyload-img" src="{$vo.v_pic}">
-    </div>
+    <a class="{$TpStyle.dom_prefix}-item-cover" href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
+        <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
+    </a>
 </div>

 {elseif $variant == 3}
@@ -50,7 +50,7 @@
    <div class="{$TpStyle.dom_prefix}-inner">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
            <div class="{$TpStyle.dom_prefix}-thumb">
-                <img class="lazyload-img {$TpStyle.dom_prefix}-item-cover" src="{$vo.v_pic}">
+                <img class="lazyload-img {$TpStyle.dom_prefix}-item-cover" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
            </div>
            <h3>{$vo.v_name}</h3>
        </a>
@@ -63,23 +63,24 @@
    <h3 class="{$TpStyle.dom_prefix}-title {$TpStyle.dom_prefix}-item-title">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">{$vo.v_name}</a>
    </h3>
-    <div class="{$TpStyle.dom_prefix}-media {$TpStyle.dom_prefix}-item-cover">
-        <img class="lazyload-img" src="{$vo.v_pic}">
-    </div>
+    <a class="{$TpStyle.dom_prefix}-media {$TpStyle.dom_prefix}-item-cover" href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
+        <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}">
+    </a>
 </section>

 {elseif $variant == 5}
 {// Variant 5：span + div 混合 }
 <div class="{$TpStyle.dom_prefix}-entry poster v5">
-    <span class="{$TpStyle.dom_prefix}-media ">
-        <img src="/static/img/load.png"
-            data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}"
-            alt="{$vo.v_name ?? ''} - {$vo.v_parent_category ?? ''}{$vo.v_category ?? ''}免费高清电影在线观看" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
-    </span>
-    <div class="{$TpStyle.dom_prefix} meta">
-        <strong>{$vo.v_name}</strong>
-        <em>{$vo.v_year}</em>
-    </div>
+    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
+        <span class="{$TpStyle.dom_prefix}-media ">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}"
+                alt="{$vo.v_name ?? ''} - {$vo.v_parent_category ?? ''}{$vo.v_category ?? ''}免费高清电影在线观看" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
+        </span>
+        <div class="{$TpStyle.dom_prefix} meta">
+            <strong>{$vo.v_name}</strong>
+            <em>{$vo.v_year}</em>
+        </div>
+    </a>
 </div>

 {elseif $variant == 6}
@@ -89,7 +90,7 @@
        <h3 >{$vo.v_name}</h3>
    </header>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover">
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
    </a>
 </article>

@@ -97,12 +98,12 @@
 {// Variant 7：反向嵌套 }
 <div class="{$TpStyle.dom_prefix}-item poster v7">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <div class="{$TpStyle.dom_prefix}-info">
-            <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
+        <div class="{$TpStyle.dom_prefix}-info {$TpStyle.dom_prefix}-item-title">
+            <h3 >{$vo.v_name}</h3>
            <p>{$vo.v_year}</p>
        </div>
-        <figure>
-            <img src="{$vo.v_pic}">
+        <figure class="{$TpStyle.dom_prefix}-item-cover">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img">
        </figure>
    </a>
 </div>
@@ -111,31 +112,31 @@
 {// Variant 8：极简 }
 <div class="{$TpStyle.dom_prefix}-item poster v8">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" >
-        <img src="{$vo.v_pic}">
-        <span class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</span>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover">
+        <span>{$vo.v_name}</span>
    </a>
 </div>

 {elseif $variant == 9}
 {// Variant 9：多层包裹 }
 <div class="{$TpStyle.dom_prefix}-item poster v9">
-    <div class="{$TpStyle.dom_prefix}-wrap">
-        <div class="{$TpStyle.dom_prefix}-cover">
-            <img src="{$vo.v_pic}">
+    <a class="{$TpStyle.dom_prefix}-wrap" href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
+        <div class="{$TpStyle.dom_prefix}-cover {$TpStyle.dom_prefix}-item-cover">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img">
        </div>
        <div class="{$TpStyle.dom_prefix}-text">
-            <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
+            <h3>{$vo.v_name}</h3>
            <small>{$vo.v_year}</small>
        </div>
-    </div>
+    </a>
 </div>

 {elseif $variant == 10}
 {// Variant 10：aside 结构 }
 <aside class="{$TpStyle.dom_prefix}-item poster v10">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}">
-        <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover">
+        <h3>{$vo.v_name}</h3>
    </a>
 </aside>

@@ -143,19 +144,19 @@
 {// Variant 11：dl / dt / dd }
 <dl class="{$TpStyle.dom_prefix}-item poster v11">
    <dt>
-        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-            <img src="{$vo.v_pic}">
+        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" >
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover">
        </a>
    </dt>
-    <dd class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</dd>
+    <dd >{$vo.v_name}</dd>
 </dl>

 {elseif $variant == 12}
 {// Variant 12：section + header }
 <section class="{$TpStyle.dom_prefix}-item poster v12">
-    <header>{$vo.v_name}</header>
+    <header class=" {$TpStyle.dom_prefix}-item-title">{$vo.v_name}</header>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}">
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img" alt="{$strAlt}">
    </a>
 </section>

@@ -163,7 +164,7 @@
 {// Variant 13：figure 无 figcaption }
 <figure class="{$TpStyle.dom_prefix}-item poster v13">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}">
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
    </a>
 </figure>

@@ -172,7 +173,7 @@
 <div class="{$TpStyle.dom_prefix}-item poster v14">
    <strong class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</strong>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}">
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
    </a>
 </div>

@@ -181,7 +182,7 @@
 <div class="{$TpStyle.dom_prefix}-item poster v15">
    <p>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" >
-            <img src="{$vo.v_pic}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
            {$vo.v_name}
        </a>
    </p>
@@ -191,24 +192,24 @@
 {// Variant 16：div + data }
 <div class="{$TpStyle.dom_prefix}-item poster v16" data-id="{$vo.v_id}">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}">
-        <span class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</span>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
+        <span >{$vo.v_name}</span>
    </a>
 </div>

 {elseif $variant == 17}
 {// Variant 17：h4 }
 <div class="{$TpStyle.dom_prefix}-item poster v17">
-    <h4 >{$vo.v_name}</h4>
+    <h4 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h4>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}">
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
    </a>
 </div>

 {elseif $variant == 18}
 {// Variant 18：纯链接卡 }
 <a class="{$TpStyle.dom_prefix}-item poster v18" href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-    <img src="{$vo.v_pic}">
+    <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
    <span>{$vo.v_name}</span>
 </a>

@@ -216,8 +217,8 @@
 {// Variant 19：极端自由结构 }
 <div class="{$TpStyle.dom_prefix}-box poster v19">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        {$vo.v_name}
-        <img src="{$vo.v_pic}">
+        <h2 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h2>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img">
    </a>
 </div>
 {/if}
--- a/code/app/home/view/videoGpt1/module/list/item/item_02.html
+++ b/code/app/home/view/videoGpt1/module/list/item/item_02.html
@@ -2,10 +2,10 @@

 {if $variant == 0}
 {// V0 标准（你给的母型） }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -32,10 +32,10 @@

 {elseif $variant == 1}
 {// V1 figure/figcaption 语义化 }
-<li class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<li class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <figure class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img" alt="{$strAlt}" >
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -59,7 +59,17 @@

 {elseif $variant == 2}
 {// V2 信息前置 + 封面后置（结构反转） }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
+
+    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
+        <div class="{$TpStyle.dom_prefix}-item-cover">
+            <img src="{$TpStyle.lazy_img}" class="lazyload-img" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
+            {notempty name="vo.v_score"}
+            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
+            {/notempty}
+        </div>
+    </a>
+
    <div class="{$TpStyle.dom_prefix}-item-info">
        <h3 class="{$TpStyle.dom_prefix}-item-title">
            <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">{$vo.v_name}</a>
@@ -78,26 +88,17 @@
        <p class="{$TpStyle.dom_prefix}-item-extra">主演：{$vo.v_actor[0]}</p>
        {/if}
    </div>
-
-    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
-        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
-            {notempty name="vo.v_score"}
-            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
-            {/notempty}
-        </div>
-    </a>
 </article>

 {elseif $variant == 3}
 {// V3 多层包裹：inner / media / text }
-<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <div class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-inner">
            <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
                <div class="{$TpStyle.dom_prefix}-media">
                    <div class="{$TpStyle.dom_prefix}-item-cover">
-                        <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+                        <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
                        {notempty name="vo.v_score"}
                        <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
                        {/notempty}
@@ -129,7 +130,7 @@

 {elseif $variant == 4}
 {// V4 header + section 分块 }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <header class="{$TpStyle.dom_prefix}-item-info">
        <h3 class="{$TpStyle.dom_prefix}-item-title">
            <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">{$vo.v_name}</a>
@@ -142,7 +143,7 @@

    <section class="{$TpStyle.dom_prefix}-item-cover">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -160,10 +161,10 @@
 </article>  
 {elseif $variant == 5}
 {// V5 a 包裹只包 cover，标题单独 a（双入口） }
-<div class="{$TpStyle.dom_prefix}-item {$TpStyle.dom_prefix}-item02-{$variant} item02 {$item_type|default='media'} {$cfg.class|default=''} ">
+<div class="{$TpStyle.dom_prefix}-item {$TpStyle.dom_prefix}-item02-{$variant} item02 {$item_type|default='media'}  ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img" alt="{$strAlt}">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -192,10 +193,10 @@

 {elseif $variant == 6}
 {// V6 nav 风格（技术人员很难一眼归类） }
-<nav class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<nav class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <span class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" class="lazyload-img" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -222,10 +223,10 @@

 {elseif $variant == 7}
 {// V7 aside + main 结构 }
-<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<div class="{$TpStyle.dom_prefix}-item item item02 {$item_type|default='media'} ">
    <aside class="{$TpStyle.dom_prefix}-item-cover">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -251,14 +252,14 @@

 {elseif $variant == 8}
 {// V8 标题在外层 header，link 只包内容区 }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <header class="{$TpStyle.dom_prefix}-item-info">
        <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
    </header>

    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -281,10 +282,10 @@

 {elseif $variant == 9}
 {// V9 切分为两个链接块（cover/info 各自 a） }
-<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -310,10 +311,10 @@

 {elseif $variant == 10}
 {// V10 dl/dt/dd 语义结构（很“独立站”） }
-<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -337,7 +338,7 @@

 {elseif $variant == 11}
 {// V11 section + article 嵌套（深度变化） }
-<section class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<section class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <article>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
            <div class="{$TpStyle.dom_prefix}-item-info">
@@ -349,7 +350,7 @@
            </div>

            <div class="{$TpStyle.dom_prefix}-item-cover">
-                <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+                <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img" alt="{$strAlt}">
                {notempty name="vo.v_score"}
                <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
                {/notempty}
@@ -369,11 +370,11 @@

 {elseif $variant == 12}
 {// V12 picture 包裹 + strong/em }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-cover">
            <picture>
-                <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+                <img src="{$TpStyle.lazy_img}" class="lazyload-img" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
            </picture>
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
@@ -398,10 +399,10 @@

 {elseif $variant == 13}
 {// V13 ul/li 信息块（结构伪装成列表条目） }
-<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -424,7 +425,7 @@

 {elseif $variant == 14}
 {// V14 小标题 + 内容块分离（多层） }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <div class="{$TpStyle.dom_prefix}-item-info">
        <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
        <p class="{$TpStyle.dom_prefix}-item-meta">
@@ -436,7 +437,7 @@
    <div class="mid">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
            <div class="{$TpStyle.dom_prefix}-item-cover">
-                <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+                <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
                {notempty name="vo.v_score"}
                <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
                {/notempty}
@@ -456,7 +457,7 @@

 {elseif $variant == 15}
 {// V15 强语义：header/aside/footer 三段 }
-<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <header class="{$TpStyle.dom_prefix}-item-info">
        <h3 class="{$TpStyle.dom_prefix}-item-title">
            <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">{$vo.v_name}</a>
@@ -465,7 +466,7 @@

    <aside class="{$TpStyle.dom_prefix}-item-cover">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -488,10 +489,10 @@

 {elseif $variant == 16}
 {// V16 同 class 挂在不同标签（指纹扰动强） }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <figure class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img" alt="{$strAlt}">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -515,11 +516,11 @@

 {elseif $variant == 17}
 {// V17 双层 link（外层 div 伪装） }
-<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<div class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <div class="{$TpStyle.dom_prefix}-item-link">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
            <div class="{$TpStyle.dom_prefix}-item-cover">
-                <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+                <img src="{$TpStyle.lazy_img}" class="lazyload-img" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
                {notempty name="vo.v_score"}
                <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
                {/notempty}
@@ -546,7 +547,7 @@

 {elseif $variant == 18}
 {// V18 compact 文本强：标题/信息同级 }
-<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<article class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
        <div class="{$TpStyle.dom_prefix}-item-info">
            <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
@@ -566,7 +567,7 @@
        </div>

        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+            <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}">
            {notempty name="vo.v_score"}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
            {/notempty}
@@ -576,11 +577,11 @@

 {else}
 {// V19 最终扰动：ol/li 语义（但仍然是单 item） }
-<ol class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} {$cfg.class|default=''}">
+<ol class="{$TpStyle.dom_prefix}-item item02 {$item_type|default='media'} ">
    <li>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item-link">
            <div class="{$TpStyle.dom_prefix}-item-cover">
-                <img src="{$vo.v_pic}" alt="{$vo.v_name}">
+                <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$strAlt}" class="lazyload-img">
                {notempty name="vo.v_score"}
                <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_score}</span>
                {/notempty}
--- a/code/app/home/view/videoGpt1/module/list/item/item_04.html
+++ b/code/app/home/view/videoGpt1/module/list/item/item_04.html
@@ -2,12 +2,12 @@

 {if $variant == 0}
 {// Variant 00：原始基准 }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a class="{$TpStyle.dom_prefix}-item-link"
       href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}"
       title="{$vo.v_name}">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}" loading="lazy"/>
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img" loading="lazy"/>
            {if isset($vo.v_level)}
            <span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_level}</span>
            {/if}
@@ -24,10 +24,10 @@

 {elseif $variant == 1}
 {// Variant 01：article → section }
-<section class="{$TpStyle.dom_prefix}-item poster score">
+<section class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img"/>
            {if isset($vo.v_level)}<em class="{$TpStyle.dom_prefix}-item-score">{$vo.v_level}</em>{/if}
        </div>
        <div class="{$TpStyle.dom_prefix}-item-info">
@@ -38,9 +38,9 @@

 {elseif $variant == 2}
 {// Variant 02：a 外包 }
-<a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item poster score">
+<a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}" class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <div class="{$TpStyle.dom_prefix}-item-cover">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <img src="{$TpStyle.lazy_img}" class="lazyload-img" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}"/>
        {if isset($vo.v_level)}<span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_level}</span>{/if}
    </div>
    <div class="{$TpStyle.dom_prefix}-item-info">
@@ -50,10 +50,10 @@

 {elseif $variant == 3}
 {// Variant 03：header / footer }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <header class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}"/>
        </header>
        <footer class="{$TpStyle.dom_prefix}-item-info">
            <strong class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</strong>
@@ -64,10 +64,10 @@

 {elseif $variant == 4}
 {// Variant 04：figure / figcaption }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <figure class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img"/>
            {if isset($vo.v_level)}<figcaption class="{$TpStyle.dom_prefix}-item-score">{$vo.v_level}</figcaption>{/if}
        </figure>
        <div class="{$TpStyle.dom_prefix}-item-info">
@@ -78,10 +78,10 @@

 {elseif $variant == 5}
 {// Variant 05：meta 改为 p }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" class="lazyload-img" alt="{$vo.v_name}"/>
        </div>
        <div class="{$TpStyle.dom_prefix}-item-info">
            <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
@@ -95,10 +95,10 @@

 {elseif $variant == 6}
 {// Variant 06：strong title }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img src="{$TpStyle.lazy_img}" class="lazyload-img" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}"/>
        </div>
        <div class="{$TpStyle.dom_prefix}-item-info">
            <strong class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</strong>
@@ -108,11 +108,11 @@

 {elseif $variant == 7}
 {// Variant 07：div 层级加深 }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <div class="{$TpStyle.dom_prefix}-wrap">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
            <div class="{$TpStyle.dom_prefix}-item-cover">
-                <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+                <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}"/>
            </div>
            <div class="{$TpStyle.dom_prefix}-item-info">
                <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
@@ -123,19 +123,19 @@

 {elseif $variant == 8}
 {// Variant 08：nav }
-<nav class="{$TpStyle.dom_prefix}-item poster score">
+<nav class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img"/>
        <span>{$vo.v_name}</span>
    </a>
 </nav>

 {elseif $variant == 9}
 {// Variant 09：small meta }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img src="{$TpStyle.lazy_img}" class="lazyload-img" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}"/>
        </div>
        <small>{$vo.v_name}</small>
    </a>
@@ -143,10 +143,10 @@

 {elseif $variant == 10}
 {// Variant 10：title 在 cover 内 }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
        <div class="{$TpStyle.dom_prefix}-item-cover">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img class="lazyload-img" src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" />
            <span class="title-inside">{$vo.v_name}</span>
        </div>
    </a>
@@ -154,38 +154,38 @@

 {elseif $variant == 11}
 {// Variant 11：去 info }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover"/>
        <h3 >{$vo.v_name}</h3>
    </a>
 </article>

 {elseif $variant == 12}
 {// Variant 12：score 提前 }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    {if isset($vo.v_level)}<span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_level}</span>{/if}
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <img src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name} " class="{$TpStyle.dom_prefix}-item-cover lazyload-img"/>
        <h3>{$vo.v_name}</h3>
    </a>
 </article>

 {elseif $variant == 13}
 {// Variant 13：em title }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover"/>
        <em>{$vo.v_name}</em>
    </a>
 </article>

 {elseif $variant == 14}
 {// Variant 14：多 span }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <span class="{$TpStyle.dom_prefix}-img">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <span class="{$TpStyle.dom_prefix}-img ">
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img"/>
        </span>
        <span class="txt">{$vo.v_name}</span>
    </a>
@@ -194,36 +194,36 @@
 {elseif $variant == 15}
 {// Variant 15：article 外包 }
 <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-    <article class="{$TpStyle.dom_prefix}-item poster score">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+    <article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover"/>
        <span>{$vo.v_name}</span>
    </article>
 </a>

 {elseif $variant == 16}
 {// Variant 16：section + h4 }
-<section class="{$TpStyle.dom_prefix}-item poster score">
+<section class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover"/>
        <h4>{$vo.v_name}</h4>
    </a>
 </section>

 {elseif $variant == 17}
 {// Variant 17：p title }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-        <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+        <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="lazyload-img {$TpStyle.dom_prefix}-item-cover"/>
        <p>{$vo.v_name}</p>
    </a>
 </article>

 {elseif $variant == 18}
 {// Variant 18：label }
-<article class="{$TpStyle.dom_prefix}-item poster score">
+<article class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <label>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-            <img src="{$vo.v_pic}" alt="{$vo.v_name}"/>
+            <img src="{$TpStyle.lazy_img}" data-src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$vo.v_pic}" alt="{$vo.v_name}" class="{$TpStyle.dom_prefix}-item-cover lazyload-img"/>
            {$vo.v_name}
        </a>
    </label>
@@ -232,7 +232,7 @@
 {else}
 {// Variant 19：极简反转 }
 <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en' /}">
-    <div class="{$TpStyle.dom_prefix}-item poster score">
+    <div class="{$TpStyle.dom_prefix}-item   poster  {$TpStyle.dom_prefix}-item4-v{$variant} score">
        {$vo.v_name}
    </div>
 </a>
--- a/code/app/home/view/videoGpt1/module/list/shell/_shell_router.html
+++ b/code/app/home/view/videoGpt1/module/list/shell/_shell_router.html
@@ -1,4 +1,4 @@
-{switch $cfg.shell}
+{switch $listCfg.shell}

 {case A}
    {include file="module/list/shell/shell_A" /}
--- a/code/app/home/view/videoGpt1/module/list/shell/shell_A.html
+++ b/code/app/home/view/videoGpt1/module/list/shell/shell_A.html
@@ -1,4 +1,4 @@
-<section class="{$TpStyle.dom_prefix}-shellA {$cfg.class}">
+<section class="{$TpStyle.dom_prefix}-shellA {$listCfg.class}">
    {notempty name="__LIST__"}
    <div class="{$TpStyle.dom_prefix}-list"
    data-max-lg="{$listCfg.layout.max.lg}"
@@ -6,11 +6,13 @@
    data-max-sm="{$listCfg.layout.max.sm}"
    data-max-h5="{$listCfg.layout.max.h5}"
    style="--cols-lg: {$listCfg.grid.cols_pc_lg};--cols-md: {$listCfg.grid.cols_pc_md};--cols-sm: {$listCfg.grid.cols_pc_sm};--cols-h5: {$listCfg.grid.cols_h5};">
-        {volist name="__LIST__" id="vo" key="i"}
-        {// 这里由上层决定具体使用哪一个 item 模板 }
-        {assign name="item_type" value="$cfg.item_type|default='poster'"}
-        {include file="module/list/item/_item_router" /}

+        {volist name="__LIST__" id="vo" key="i"}
+
+        {// 这里由上层决定具体使用哪一个 item 模板 }
+        {assign name="item_type" value="$listCfg.item_type|default='poster'"}
+
+        {include file="module/list/item/_item_router" /}

        {/volist}
    </div>
--- a/code/app/home/view/videoGpt1/module/list/shell/shell_B.html
+++ b/code/app/home/view/videoGpt1/module/list/shell/shell_B.html
@@ -1,4 +1,4 @@
-<section class="{$TpStyle.dom_prefix}-shellB {$cfg.class}" >
+<section class="{$TpStyle.dom_prefix}-shellB {$listCfg.class}" >
    {notempty name="__LIST__"}
    <div class="{$TpStyle.dom_prefix}-list"
    data-max-lg="{$listCfg.layout.max.lg}"
@@ -8,7 +8,7 @@
    style="--cols-lg: {$listCfg.grid.cols_pc_lg};--cols-md: {$listCfg.grid.cols_pc_md};--cols-sm: {$listCfg.grid.cols_pc_sm};--cols-h5: {$listCfg.grid.cols_h5};">
        {volist name="__LIST__" id="vo" key="i"}
            {// Item 模板由上层决定，如 item_01 / item_04 }
-            {assign name="item_type" value="$cfg.item_type|default='poster'"}
+            {assign name="item_type" value="$listCfg.item_type|default='poster'"}
            {include file="module/list/item/_item_router" /}
        {/volist}
    </div>
--- a/code/app/home/view/videoGpt1/module/list/shell/shell_C.html
+++ b/code/app/home/view/videoGpt1/module/list/shell/shell_C.html
@@ -1,4 +1,4 @@
-<section class="{$TpStyle.dom_prefix}-shellC {$cfg.class}">
+<section class="{$TpStyle.dom_prefix}-shellC {$listCfg.class}">
    {notempty name="__LIST__"}
    <ol class="{$TpStyle.dom_prefix}-list"
    data-max-lg="{$listCfg.layout.max.lg}"
@@ -8,7 +8,7 @@
    style="--cols-lg: {$listCfg.grid.cols_pc_lg};--cols-md: {$listCfg.grid.cols_pc_md};--cols-sm: {$listCfg.grid.cols_pc_sm};--cols-h5: {$listCfg.grid.cols_h5};">
        {volist name="__LIST__" id="vo" key="i"}
            {// 榜单类推荐 item_03 / item_05 }
-        {assign name="item_type" value="$cfg.item_type|default='poster'"}
+        {assign name="item_type" value="$listCfg.item_type|default='poster'"}
        {include file="module/list/item/_item_router" /}
        
        {/volist}
--- a/code/app/home/view/videoGpt1/module/list/shell/shell_D.html
+++ b/code/app/home/view/videoGpt1/module/list/shell/shell_D.html
@@ -1,4 +1,4 @@
-<section class="{$TpStyle.dom_prefix}-shellD {$cfg.class}" >
+<section class="{$TpStyle.dom_prefix}-shellD {$listCfg.class}" >
    {notempty name="__GROUPS__"}
        {volist name="__GROUPS__" id="group"}
        <div class="{$TpStyle.dom_prefix}-shellD-group">
@@ -20,7 +20,7 @@
    style="--cols-lg: {$listCfg.grid.cols_pc_lg};--cols-md: {$listCfg.grid.cols_pc_md};--cols-sm: {$listCfg.grid.cols_pc_sm};--cols-h5: {$listCfg.grid.cols_h5};">
                {volist name="group.list" id="vo" key="i"}
                    {// Item 模板由上层决定 }
-                    {assign name="item_type" value="$cfg.item_type|default='poster'"}
+                    {assign name="item_type" value="$listCfg.item_type|default='poster'"}
                    {include file="module/list/item/_item_router" /}
                {/volist}
            </div>
--- a/code/app/home/view/videoGpt1/module/list/title/_title_router.html
+++ b/code/app/home/view/videoGpt1/module/list/title/_title_router.html
@@ -1,4 +1,4 @@
-{switch $cfg.title}
+{switch $Slot.title_tpl.family}

 {case A}
    {include file="module/list/title/title_A" /}
@@ -20,6 +20,10 @@
    {include file="module/list/title/title_E" /}
 {/case}

+{case F}
+    {include file="module/list/title/title_F" /}
+{/case}
+
 {default}
    {include file="module/list/title/title_A" /}
 {/default}
--- a/code/app/home/view/videoGpt1/module/list/title/title_F.html
+++ b/code/app/home/view/videoGpt1/module/list/title/title_F.html
@@ -1,21 +1,365 @@
-<header class="{$TpStyle.dom_prefix}-titleF">
-    <div class="{$TpStyle.dom_prefix}-titleF-left">
-        <h3 class="{$TpStyle.dom_prefix}-titleF-main">
-            {$title.primary}
-        </h3>
+{//
+title_F_variants.html
+Family: F
+Variant index: 0..19 (与 item 的 0..19 一致)
+依赖变量：
+- $TpStyle.dom_prefix
+- $title.primary / $title.secondary
+- $strMoreUrl (可空)
+- $Slot.more_text (可空，默认“更多”)
+}

-        {if !empty($title.secondary)}
-        <span class="{$TpStyle.dom_prefix}-titleF-sub">
-            {$title.secondary}
+{switch $Slot.title_tpl.variant}
+
+{case value="0"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v00" data-tf="F00">
+    <div class="{$TpStyle.dom_prefix}-titleF-left">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+    </div>
+    {if !empty($strMoreUrl)}
+    <div class="{$TpStyle.dom_prefix}-titleF-more">
+        <a href="{$strMoreUrl}" >{$Slot.more_text|default='更多'}</a>
+    </div>
+    {/if}
+</header>
+{/case}
+
+{case value="1"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v01" data-tf="F01">
+    <div class="{$TpStyle.dom_prefix}-titleF-row">
+        <div class="{$TpStyle.dom_prefix}-titleF-stack">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<p class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</p>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+            >{$Slot.more_text|default='更多'}</a>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="2"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v02" data-tf="F02">
+    <h3 class="{$TpStyle.dom_prefix}-titleF-main">
+        <span class="{$TpStyle.dom_prefix}-titleF-dot" aria-hidden="true"></span>
+        <span class="{$TpStyle.dom_prefix}-titleF-txt">{$title.primary}</span>
+    </h3>
+    <div class="{$TpStyle.dom_prefix}-titleF-meta">
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+        {if !empty($strMoreUrl)}
+        <span class="{$TpStyle.dom_prefix}-titleF-more">
+            <a href="{$strMoreUrl}" >{$Slot.more_text|default='更多'}</a>
        </span>
        {/if}
    </div>
+</header>
+{/case}

-    {if !empty($moreUrl)}
+{case value="3"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v03" data-tf="F03">
+    <div class="{$TpStyle.dom_prefix}-titleF-top">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-more">
+            <a href="{$strMoreUrl}"  aria-label="{$Slot.more_text|default='更多'}">»</a>
+        </div>
+        {/if}
+    </div>
+    {if !empty($title.secondary)}<div class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</div>{/if}
+</header>
+{/case}
+
+{case value="4"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v04" data-tf="F04">
+    <div class="{$TpStyle.dom_prefix}-titleF-grid">
+        <div class="{$TpStyle.dom_prefix}-titleF-cell">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<small class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</small>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-cell {$TpStyle.dom_prefix}-titleF-cell--more">
+            <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+                >{$Slot.more_text|default='更多'}</a>
+        </div>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="5"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v05" data-tf="F05">
+    <div class="{$TpStyle.dom_prefix}-titleF-left">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">
+            <span class="{$TpStyle.dom_prefix}-titleF-mark" aria-hidden="true"></span>
+            {$title.primary}
+        </h3>
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+    </div>
+    {if !empty($strMoreUrl)}
+    <nav class="{$TpStyle.dom_prefix}-titleF-nav" aria-label="More">
+        <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+            >{$Slot.more_text|default='更多'}</a>
+    </nav>
+    {/if}
+</header>
+{/case}
+
+{case value="6"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v06" data-tf="F06">
+    <div class="{$TpStyle.dom_prefix}-titleF-line" aria-hidden="true"></div>
+    <div class="{$TpStyle.dom_prefix}-titleF-body">
+        <div class="{$TpStyle.dom_prefix}-titleF-text">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<p class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</p>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-cta">
+            <a href="{$strMoreUrl}" >{$Slot.more_text|default='更多'}</a>
+        </div>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="7"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v07" data-tf="F07">
+    <div class="{$TpStyle.dom_prefix}-titleF-wrap">
+        <div class="{$TpStyle.dom_prefix}-titleF-head">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-tail">
+            <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}" >
+                <span class="{$TpStyle.dom_prefix}-titleF-moreTxt">{$Slot.more_text|default='更多'}</span>
+                <i class="{$TpStyle.dom_prefix}-titleF-moreIco" aria-hidden="true"></i>
+            </a>
+        </div>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="8"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v08" data-tf="F08">
+    <div class="{$TpStyle.dom_prefix}-titleF-left">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">
+            {$title.primary}
+            <em class="{$TpStyle.dom_prefix}-titleF-sfx" aria-hidden="true"></em>
+        </h3>
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+    </div>
+    {if !empty($strMoreUrl)}
    <div class="{$TpStyle.dom_prefix}-titleF-more">
-        <a href="{$moreUrl}" rel="nofollow">
-            {$moreText|default='更多'}
+        <a href="{$strMoreUrl}" >
+            <span class="{$TpStyle.dom_prefix}-titleF-moreTxt">{$Slot.more_text|default='更多'}</span>
        </a>
    </div>
    {/if}
 </header>
+{/case}
+
+{case value="9"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v09" data-tf="F09">
+    <div class="{$TpStyle.dom_prefix}-titleF-bar">
+        <div class="{$TpStyle.dom_prefix}-titleF-l">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<div class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</div>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-r">
+            <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+                >{$Slot.more_text|default='更多'}</a>
+        </div>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="10"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v10" data-tf="F10">
+    <div class="{$TpStyle.dom_prefix}-titleF-head">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main"><span aria-hidden="true">#</span>{$title.primary}</h3>
+        {if !empty($strMoreUrl)}
+        <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+            >{$Slot.more_text|default='更多'}</a>
+        {/if}
+    </div>
+    {if !empty($title.secondary)}
+    <div class="{$TpStyle.dom_prefix}-titleF-foot">
+        <span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>
+    </div>
+    {/if}
+</header>
+{/case}
+
+{case value="11"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v11" data-tf="F11">
+    <div class="{$TpStyle.dom_prefix}-titleF-rail" aria-hidden="true"></div>
+    <div class="{$TpStyle.dom_prefix}-titleF-content">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+        <div class="{$TpStyle.dom_prefix}-titleF-actions">
+            {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+            {if !empty($strMoreUrl)}
+            <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+                >{$Slot.more_text|default='更多'}</a>
+            {/if}
+        </div>
+    </div>
+</header>
+{/case}
+
+{case value="12"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v12" data-tf="F12">
+    <div class="{$TpStyle.dom_prefix}-titleF-left">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+    </div>
+    <div class="{$TpStyle.dom_prefix}-titleF-right">
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+        {if !empty($strMoreUrl)}
+        <span class="{$TpStyle.dom_prefix}-titleF-more">
+            <a href="{$strMoreUrl}" >{$Slot.more_text|default='更多'}</a>
+        </span>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="13"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v13" data-tf="F13">
+    <div class="{$TpStyle.dom_prefix}-titleF-center">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+    </div>
+    {if !empty($strMoreUrl)}
+    <div class="{$TpStyle.dom_prefix}-titleF-moreWrap">
+        <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+            >{$Slot.more_text|default='更多'}</a>
+    </div>
+    {/if}
+</header>
+{/case}
+
+{case value="14"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v14" data-tf="F14">
+    <div class="{$TpStyle.dom_prefix}-titleF-inner">
+        <div class="{$TpStyle.dom_prefix}-titleF-title">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-more">
+            <a href="{$strMoreUrl}" >
+                <span class="{$TpStyle.dom_prefix}-titleF-moreTxt">{$Slot.more_text|default='更多'}</span>
+            </a>
+        </div>
+        {/if}
+    </div>
+    <div class="{$TpStyle.dom_prefix}-titleF-divider" aria-hidden="true"></div>
+</header>
+{/case}
+
+{case value="15"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v15" data-tf="F15">
+    <div class="{$TpStyle.dom_prefix}-titleF-left">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">
+            <span class="{$TpStyle.dom_prefix}-titleF-pre" aria-hidden="true"></span>
+            {$title.primary}
+        </h3>
+    </div>
+    <div class="{$TpStyle.dom_prefix}-titleF-right">
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+        {if !empty($strMoreUrl)}
+        <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}"
+            >{$Slot.more_text|default='更多'}</a>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="16"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v16" data-tf="F16">
+    <div class="{$TpStyle.dom_prefix}-titleF-hero">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+        {if !empty($strMoreUrl)}
+        <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}" >
+            <span class="{$TpStyle.dom_prefix}-titleF-moreTxt">{$Slot.more_text|default='更多'}</span>
+        </a>
+        {/if}
+    </div>
+    {if !empty($title.secondary)}
+    <div class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</div>
+    {/if}
+</header>
+{/case}
+
+{case value="17"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v17" data-tf="F17">
+    <div class="{$TpStyle.dom_prefix}-titleF-row">
+        <div class="{$TpStyle.dom_prefix}-titleF-text">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-more">
+            <a href="{$strMoreUrl}" >
+                <span class="{$TpStyle.dom_prefix}-titleF-moreTxt">{$Slot.more_text|default='更多'}</span>
+                <span class="{$TpStyle.dom_prefix}-titleF-moreArr" aria-hidden="true">→</span>
+            </a>
+        </div>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="18"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v18" data-tf="F18">
+    <!-- <div class="{$TpStyle.dom_prefix}-titleF-cap" aria-hidden="true"></div> -->
+    <div class="{$TpStyle.dom_prefix}-titleF-body">
+        <div class="{$TpStyle.dom_prefix}-titleF-left">
+            <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+            {if !empty($title.secondary)}<small class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</small>{/if}
+        </div>
+        {if !empty($strMoreUrl)}
+        <div class="{$TpStyle.dom_prefix}-titleF-more">
+            <a href="{$strMoreUrl}" >{$Slot.more_text|default='更多'}</a>
+        </div>
+        {/if}
+    </div>
+</header>
+{/case}
+
+{case value="19"}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v19" data-tf="F19">
+    <div class="{$TpStyle.dom_prefix}-titleF-a">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+    </div>
+    {if !empty($strMoreUrl)}
+    <div class="{$TpStyle.dom_prefix}-titleF-b">
+        <a class="{$TpStyle.dom_prefix}-titleF-more" href="{$strMoreUrl}" >
+            <span class="{$TpStyle.dom_prefix}-titleF-moreTxt">{$Slot.more_text|default='更多'}</span>
+            <i class="{$TpStyle.dom_prefix}-titleF-ico" aria-hidden="true"></i>
+        </a>
+    </div>
+    {/if}
+</header>
+{/case}
+
+{default /}
+<header class="{$TpStyle.dom_prefix}-titleF {$TpStyle.dom_prefix}-titleF-v00" data-tf="F00">
+    <div class="{$TpStyle.dom_prefix}-titleF-left">
+        <h3 class="{$TpStyle.dom_prefix}-titleF-main">{$title.primary}</h3>
+        {if !empty($title.secondary)}<span class="{$TpStyle.dom_prefix}-titleF-sub">{$title.secondary}</span>{/if}
+    </div>
+    {if !empty($strMoreUrl)}
+    <div class="{$TpStyle.dom_prefix}-titleF-more">
+        <a href="{$strMoreUrl}" >{$Slot.more_text|default='更多'}</a>
+    </div>
+    {/if}
+</header>
+{/default}
+
+{/switch}
--- a/code/app/home/view/videoGpt1/module/page/page_router.html
+++ b/code/app/home/view/videoGpt1/module/page/page_router.html
@@ -23,31 +23,35 @@
            {include file="module/playline/playline_router" /}
        {/case}

+        {case value="pinlun"}
+            {include file="module/pinlun/pinlun_router" /}
+        {/case}
+
+        
+
        {case value="list"}
        
-            {notempty name="pageCfg.list.modules"}
+            {notempty name="pageCfg.list.slots"}

-                {volist name="pageCfg.list.modules" id="module"}
+                {volist name="pageCfg.list.slots" id="Slot"}

-                    {assign name="cfg" value="$TpStyle.template_cfg.list_layout[$module]"}
+                    {assign name="title" value="$Slot.title_text"}

-                    {assign name="title" value="$cfg.title_text"}
+                    {assign name="listCfg" value="$TpStyle.template_cfg.list_layout[$Slot.layout_key]" /}

-                    {include file="module/list/title/title_A" /}
+                    {assign name="limit" value="$listCfg['layout']['max_items']"}

-                    {assign name="listCfg" value="$TpStyle.list_layout[$module]" /}
-
-                    {assign name="limit" value="$cfg['layout']['max_items']"}
-
-                    {if $module == 'rank'}
+                    {if $Slot.layout_key == 'rank'}
                        {video:ranklistexp count="$limit" sort_type="weekly" d_key="key" d_val="Video" cache_life="3600" v_parent_category_en="$Request.route.strParentCategory"
                        export_name="__LIST__" /}

                    {else/}
-                        {video:listexp count="$limit" sort_type="$module" d_key="key" d_val="Video" cache_life="3600" v_parent_category_en="$Request.route.strParentCategory"
+                        {video:listexp count="$limit" sort_type="$Slot.layout_key" d_key="key" d_val="Video" cache_life="3600" v_parent_category_en="$Request.route.strParentCategory"
                        export_name="__LIST__" /}
                    {/if}

+                    {include file="module/list/title/_title_router" /}
+
                    {include file="module/list/shell/_shell_router" /}

                {/volist}
--- a/code/app/home/view/videoGpt1/module/pinlun/layout/layout_A.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/layout/layout_A.html
@@ -0,0 +1,359 @@
+{switch $variant}
+
+{case value="0"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">最新评论</h3>
+    <span class="{$TpStyle.dom_prefix}-cmt-count">共 {:$arrPinlun ? count($arrPinlun) : 0} 条</span>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+        <time class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</time>
+      </div>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="1"}
+<section class="{$baseCls}">
+  <div class="{$TpStyle.dom_prefix}-cmt-hd">
+    <strong class="{$TpStyle.dom_prefix}-cmt-title">观众留言</strong>
+  </div>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span> · <span>{$it.time}</span>
+      </div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="2"}
+<aside class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">短评</h4>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">“{$it.text}”</p>
+      <footer class="{$TpStyle.dom_prefix}-cmt-meta">
+        <small>{$it.user}</small>
+        <small>{$it.time}</small>
+      </footer>
+    </article>
+    {/volist}
+  </div>
+</aside>
+{/case}
+
+{case value="3"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">大家都在说</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <b>{$it.user}</b> <i>{$it.time}</i>
+      </div>
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="4"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">讨论区</h3>
+  </header>
+  <ol class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <span class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</span>
+    </li>
+    {/volist}
+  </ol>
+</section>
+{/case}
+
+{case value="5"}
+<div class="{$baseCls}">
+  <div class="{$TpStyle.dom_prefix}-cmt-hd">
+    <span class="{$TpStyle.dom_prefix}-cmt-title">网友热评</span>
+  </div>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <header class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+      </header>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <footer class="{$TpStyle.dom_prefix}-cmt-meta">
+        <time>{$it.time}</time>
+      </footer>
+    </article>
+    {/volist}
+  </div>
+</div>
+{/case}
+
+{case value="6"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">评论精选</h3>
+    <a class="{$TpStyle.dom_prefix}-cmt-more" href="javascript:void(0)">更多</a>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span><span>{$it.time}</span>
+      </div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="7"}
+<aside class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">看完的朋友说</h3>
+  <ul class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <small>{$it.user}</small>
+        <small>{$it.time}</small>
+      </div>
+    </li>
+    {/volist}
+  </ul>
+</aside>
+{/case}
+
+{case value="8"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">短评区</h4>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <p class="{$TpStyle.dom_prefix}-cmt-meta">来自 {$it.user} · {$it.time}</p>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="9"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">评论</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+      <span class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</span>
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="10"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <strong class="{$TpStyle.dom_prefix}-cmt-title">留言板</strong>
+  </header>
+  <dl class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <dt class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</dt>
+      <dd class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</dd>
+    </div>
+    {/volist}
+  </dl>
+</section>
+{/case}
+
+{case value="11"}
+<div class="{$baseCls}">
+  <div class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">互动</h3>
+  </div>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text"><mark>{$it.text}</mark></p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span> <span>{$it.time}</span>
+      </div>
+    </article>
+    {/volist}
+  </div>
+</div>
+{/case}
+
+{case value="12"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">影评摘录</h4>
+  </header>
+  <ol class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <blockquote class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</blockquote>
+      <cite class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</cite>
+    </li>
+    {/volist}
+  </ol>
+</section>
+{/case}
+
+{case value="13"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">短评</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+        <span class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</span>
+      </div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="14"}
+<aside class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">大家怎么看</h3>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <header class="{$TpStyle.dom_prefix}-cmt-meta">
+        <small>{$it.user}</small>
+      </header>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+    </article>
+    {/volist}
+  </div>
+</aside>
+{/case}
+
+{case value="15"}
+<div class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">评论区</h3>
+  <ul class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <p class="{$TpStyle.dom_prefix}-cmt-meta">{$it.time}</p>
+    </li>
+    {/volist}
+  </ul>
+</div>
+{/case}
+
+{case value="16"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">看法</h4>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <footer class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span>
+      </footer>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="17"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">观后感</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user}</div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="18"}
+<aside class="{$baseCls}">
+  <strong class="{$TpStyle.dom_prefix}-cmt-title">评论摘要</strong>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span><span>{$it.time}</span>
+      </div>
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+    </div>
+    {/volist}
+  </div>
+</aside>
+{/case}
+
+{case value="19"}
+<div class="{$baseCls}">
+  <h4 class="{$TpStyle.dom_prefix}-cmt-title">讨论</h4>
+  <ol class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+      <small class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</small>
+    </li>
+    {/volist}
+  </ol>
+</div>
+{/case}
+
+{default}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">最新评论</h3>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+        <time class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</time>
+      </div>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/default}
+{/switch}
--- a/code/app/home/view/videoGpt1/module/pinlun/layout/layout_B.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/layout/layout_B.html
@@ -0,0 +1,33 @@
+
+
+<{$wrapTag} class="{$baseCls}">
+    {if $titleTag}
+        <{$titleTag} class="{$TpStyle.dom_prefix}-cmt-title">观众评论</{$titleTag}>
+    {/if}
+
+    <ul class="{$TpStyle.dom_prefix}-cmt-list">
+        {volist name="arrPinlun" id="it"}
+        <li class="{$TpStyle.dom_prefix}-cmt-item">
+
+            {if $arrRule.meta == 'top'}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                {if $arrRule.user}<span>{$it.user}</span>{/if}
+                {if $arrRule.time}<span>{$it.time}</span>{/if}
+            </div>
+            {/if}
+
+            <div class="{$TpStyle.dom_prefix}-cmt-text">
+                {$it.text}
+            </div>
+
+            {if $arrRule.meta == 'bottom'}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                {if $arrRule.user}<span>{$it.user}</span>{/if}
+                {if $arrRule.time}<span>{$it.time}</span>{/if}
+            </div>
+            {/if}
+
+        </li>
+        {/volist}
+    </ul>
+</{$wrapTag}>
--- a/code/app/home/view/videoGpt1/module/pinlun/layout/layout_C.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/layout/layout_C.html
@@ -0,0 +1,34 @@
+
+
+
+<{$wrapTag} class="{$baseCls}">
+    {if $titleTag}
+        <{$titleTag} class="{$TpStyle.dom_prefix}-cmt-title">网友热评</{$titleTag}>
+    {/if}
+
+    <div class="{$TpStyle.dom_prefix}-cmt-cards">
+        {volist name="arrPinlun" id="it"}
+        <div class="{$TpStyle.dom_prefix}-cmt-card">
+
+            {if $arrRule.meta == 'top'}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                {if $arrRule.user}<span>{$it.user}</span>{/if}
+                {if $arrRule.time}<span>{$it.time}</span>{/if}
+            </div>
+            {/if}
+
+            <div class="{$TpStyle.dom_prefix}-cmt-text">
+                {$it.text}
+            </div>
+
+            {if $arrRule.meta == 'bottom'}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                {if $arrRule.user}<span>{$it.user}</span>{/if}
+                {if $arrRule.time}<span>{$it.time}</span>{/if}
+            </div>
+            {/if}
+
+        </div>
+        {/volist}
+    </div>
+</{$wrapTag}>
--- a/code/app/home/view/videoGpt1/module/pinlun/pinlun_A.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/pinlun_A.html
@@ -0,0 +1,61 @@
+{php}
+/**
+* Layout A：标准影评 / SEO 语义型
+* variant ∈ 0–19
+*/
+
+$V = $variant % 20;
+
+$titles = [
+'最新评论','观众留言','短评','大家都在说','讨论区',
+'网友热评','评论精选','看完的朋友说','短评区','评论',
+'留言板','互动','影评摘录','短评','大家怎么看',
+'评论区','看法','观后感','评论摘要','讨论'
+];
+
+$titleTags = ['h3','h4','strong','span',null];
+$wrapTags = ['section','aside','div'];
+$listTags = ['div','ul','ol','dl'];
+$itemTags = ['article','div','li'];
+
+$titleText = $titles[$V];
+$titleTag = $titleTags[$V % count($titleTags)];
+$wrapTag = $wrapTags[$V % count($wrapTags)];
+$listTag = $listTags[$V % count($listTags)];
+$itemTag = $itemTags[$V % count($itemTags)];
+$metaPos = $V % 3; // 0=top 1=bottom 2=inline
+{/php}
+
+<{$wrapTag} class="{$baseCls} layout-a v{$V}">
+
+    {if $titleTag}
+    <header class="{$TpStyle.dom_prefix}-cmt-hd">
+        <{$titleTag} class="{$TpStyle.dom_prefix}-cmt-title">{$titleText}</{$titleTag}>
+    </header>
+    {/if}
+
+    <{$listTag} class="{$TpStyle.dom_prefix}-cmt-list">
+        {volist name="arrPinlun" id="it"}
+        <{$itemTag} class="{$TpStyle.dom_prefix}-cmt-item">
+
+            {if $metaPos == 0}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                <span>{$it.user}</span>
+                <time>{$it.time}</time>
+            </div>
+            {/if}
+
+            <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+
+            {if $metaPos == 1}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                <span>{$it.user}</span>
+                <time>{$it.time}</time>
+            </div>
+            {/if}
+
+        </{$itemTag}>
+        {/volist}
+    </{$listTag}>
+
+</{$wrapTag}>
--- a/code/app/home/view/videoGpt1/module/pinlun/pinlun_B.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/pinlun_B.html
@@ -0,0 +1,70 @@
+{php}
+$V = $variant % 20;
+
+/* 20 个不同标题 */
+$titles = [
+'观众评论','大家都在说','留言区','网友讨论','评论列表',
+'讨论区','大家怎么看','留言板','影迷交流','看法汇总',
+'用户反馈','评论','短评','影迷说','大家的意见',
+'交流区','讨论','留言','网友声音','评论区'
+];
+
+/* 标签池 */
+$wrapTags = ['section','div','aside'];
+$listTags = ['ul','ol','div'];
+$itemTags = ['li','li','div']; // 强化列表感
+$titleTags = ['h3','h4','strong','span',null];
+
+$titleText = $titles[$V];
+$wrapTag = $wrapTags[$V % count($wrapTags)];
+$listTag = $listTags[$V % count($listTags)];
+$itemTag = $itemTags[$V % count($itemTags)];
+$titleTag = $titleTags[$V % count($titleTags)];
+$metaPos = $V % 4; // 0=top 1=bottom 2=inline 3=none
+{/php}
+
+<{$wrapTag} class="{$baseCls} layout-b v{$V}">
+
+    {if $titleTag}
+    <header class="{$TpStyle.dom_prefix}-cmt-hd">
+        <{$titleTag} class="{$TpStyle.dom_prefix}-cmt-title">
+            {$titleText}
+        </{$titleTag}>
+    </header>
+    {/if}
+
+    <{$listTag} class="{$TpStyle.dom_prefix}-cmt-list">
+
+        {volist name="arrPinlun" id="it"}
+
+        <{$itemTag} class="{$TpStyle.dom_prefix}-cmt-item">
+
+            {if $metaPos == 0}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                <span>{$it.user}</span>
+                <span>{$it.time}</span>
+            </div>
+            {/if}
+
+            {if $metaPos == 2}
+            <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+            {/if}
+
+            <div class="{$TpStyle.dom_prefix}-cmt-text">
+                {$it.text}
+            </div>
+
+            {if $metaPos == 1}
+            <div class="{$TpStyle.dom_prefix}-cmt-meta">
+                <span>{$it.user}</span>
+                <span>{$it.time}</span>
+            </div>
+            {/if}
+
+        </{$itemTag}>
+
+        {/volist}
+
+    </{$listTag}>
+
+</{$wrapTag}>
--- a/code/app/home/view/videoGpt1/module/pinlun/pinlun_C.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/pinlun_C.html
@@ -0,0 +1,74 @@
+{php}
+$V = $variant % 20;
+
+/* 20 个标题（偏内容 / 热评） */
+$titles = [
+  '网友热评','大家的看法','评论精选','短评摘要','热门反馈',
+  '讨论精选','观后感','大家在说','影评摘录','热评',
+  '评论亮点','精选留言','内容反馈','观众声音','短评',
+  '讨论要点','网友评价','反馈','热门评论','大家的意见'
+];
+
+$wrapTags  = ['div','section','aside'];
+$cardsWrap = ['div','div','section'];
+$cardTags  = ['div','article'];
+$titleTags = ['strong','h3','h4','span',null];
+
+$titleText = $titles[$V];
+$wrapTag   = $wrapTags[$V % count($wrapTags)];
+$cardsTag  = $cardsWrap[$V % count($cardsWrap)];
+$cardTag   = $cardTags[$V % count($cardTags)];
+$titleTag  = $titleTags[$V % count($titleTags)];
+$metaMode  = $V % 5; // 0=user 1=time 2=both 3=none 4=inline
+{/php}
+
+<{$wrapTag} class="{$baseCls} layout-c v{$V}">
+
+  {if $titleTag}
+    <{$titleTag} class="{$TpStyle.dom_prefix}-cmt-title">
+      {$titleText}
+    </{$titleTag}>
+  {/if}
+
+  <{$cardsTag} class="{$TpStyle.dom_prefix}-cmt-cards">
+
+    {volist name="arrPinlun" id="it"}
+
+    <{$cardTag} class="{$TpStyle.dom_prefix}-cmt-card">
+
+      {if $metaMode == 0}
+        <div class="{$TpStyle.dom_prefix}-cmt-meta">
+          <span>{$it.user}</span>
+        </div>
+      {/if}
+
+      {if $metaMode == 1}
+        <div class="{$TpStyle.dom_prefix}-cmt-meta">
+          <time>{$it.time}</time>
+        </div>
+      {/if}
+
+      <div class="{$TpStyle.dom_prefix}-cmt-text">
+        {$it.text}
+      </div>
+
+      {if $metaMode == 2}
+        <div class="{$TpStyle.dom_prefix}-cmt-meta">
+          <span>{$it.user}</span>
+          <time>{$it.time}</time>
+        </div>
+      {/if}
+
+      {if $metaMode == 4}
+        <span class="{$TpStyle.dom_prefix}-cmt-inline">
+          {$it.user} · {$it.time}
+        </span>
+      {/if}
+
+    </{$cardTag}>
+
+    {/volist}
+
+  </{$cardsTag}>
+
+</{$wrapTag}>
--- a/code/app/home/view/videoGpt1/module/pinlun/pinlun_D.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/pinlun_D.html
@@ -0,0 +1,359 @@
+{switch $variant}
+
+{case value="0"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">最新评论</h3>
+    <span class="{$TpStyle.dom_prefix}-cmt-count">共 {:$arrPinlun ? count($arrPinlun) : 0} 条</span>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+        <time class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</time>
+      </div>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="1"}
+<section class="{$baseCls}">
+  <div class="{$TpStyle.dom_prefix}-cmt-hd">
+    <strong class="{$TpStyle.dom_prefix}-cmt-title">观众留言</strong>
+  </div>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span> · <span>{$it.time}</span>
+      </div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="2"}
+<aside class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">短评</h4>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">“{$it.text}”</p>
+      <footer class="{$TpStyle.dom_prefix}-cmt-meta">
+        <small>{$it.user}</small>
+        <small>{$it.time}</small>
+      </footer>
+    </article>
+    {/volist}
+  </div>
+</aside>
+{/case}
+
+{case value="3"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">大家都在说</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <b>{$it.user}</b> <i>{$it.time}</i>
+      </div>
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="4"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">讨论区</h3>
+  </header>
+  <ol class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <span class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</span>
+    </li>
+    {/volist}
+  </ol>
+</section>
+{/case}
+
+{case value="5"}
+<div class="{$baseCls}">
+  <div class="{$TpStyle.dom_prefix}-cmt-hd">
+    <span class="{$TpStyle.dom_prefix}-cmt-title">网友热评</span>
+  </div>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <header class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+      </header>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <footer class="{$TpStyle.dom_prefix}-cmt-meta">
+        <time>{$it.time}</time>
+      </footer>
+    </article>
+    {/volist}
+  </div>
+</div>
+{/case}
+
+{case value="6"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">评论精选</h3>
+    <a class="{$TpStyle.dom_prefix}-cmt-more" href="javascript:void(0)">更多</a>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span><span>{$it.time}</span>
+      </div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="7"}
+<aside class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">看完的朋友说</h3>
+  <ul class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <small>{$it.user}</small>
+        <small>{$it.time}</small>
+      </div>
+    </li>
+    {/volist}
+  </ul>
+</aside>
+{/case}
+
+{case value="8"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">短评区</h4>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <p class="{$TpStyle.dom_prefix}-cmt-meta">来自 {$it.user} · {$it.time}</p>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="9"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">评论</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+      <span class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</span>
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="10"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <strong class="{$TpStyle.dom_prefix}-cmt-title">留言板</strong>
+  </header>
+  <dl class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <dt class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</dt>
+      <dd class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</dd>
+    </div>
+    {/volist}
+  </dl>
+</section>
+{/case}
+
+{case value="11"}
+<div class="{$baseCls}">
+  <div class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">互动</h3>
+  </div>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text"><mark>{$it.text}</mark></p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span> <span>{$it.time}</span>
+      </div>
+    </article>
+    {/volist}
+  </div>
+</div>
+{/case}
+
+{case value="12"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">影评摘录</h4>
+  </header>
+  <ol class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <blockquote class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</blockquote>
+      <cite class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</cite>
+    </li>
+    {/volist}
+  </ol>
+</section>
+{/case}
+
+{case value="13"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">短评</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+        <span class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</span>
+      </div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="14"}
+<aside class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">大家怎么看</h3>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <header class="{$TpStyle.dom_prefix}-cmt-meta">
+        <small>{$it.user}</small>
+      </header>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+    </article>
+    {/volist}
+  </div>
+</aside>
+{/case}
+
+{case value="15"}
+<div class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">评论区</h3>
+  <ul class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <p class="{$TpStyle.dom_prefix}-cmt-meta">{$it.time}</p>
+    </li>
+    {/volist}
+  </ul>
+</div>
+{/case}
+
+{case value="16"}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h4 class="{$TpStyle.dom_prefix}-cmt-title">看法</h4>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <footer class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span>
+      </footer>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="17"}
+<section class="{$baseCls}">
+  <h3 class="{$TpStyle.dom_prefix}-cmt-title">观后感</h3>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user}</div>
+    </div>
+    {/volist}
+  </div>
+</section>
+{/case}
+
+{case value="18"}
+<aside class="{$baseCls}">
+  <strong class="{$TpStyle.dom_prefix}-cmt-title">评论摘要</strong>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <div class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span>{$it.user}</span><span>{$it.time}</span>
+      </div>
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+    </div>
+    {/volist}
+  </div>
+</aside>
+{/case}
+
+{case value="19"}
+<div class="{$baseCls}">
+  <h4 class="{$TpStyle.dom_prefix}-cmt-title">讨论</h4>
+  <ol class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <li class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</div>
+      <small class="{$TpStyle.dom_prefix}-cmt-meta">{$it.user} · {$it.time}</small>
+    </li>
+    {/volist}
+  </ol>
+</div>
+{/case}
+
+{default}
+<section class="{$baseCls}">
+  <header class="{$TpStyle.dom_prefix}-cmt-hd">
+    <h3 class="{$TpStyle.dom_prefix}-cmt-title">最新评论</h3>
+  </header>
+  <div class="{$TpStyle.dom_prefix}-cmt-list">
+    {volist name="arrPinlun" id="it"}
+    <article class="{$TpStyle.dom_prefix}-cmt-item">
+      <div class="{$TpStyle.dom_prefix}-cmt-meta">
+        <span class="{$TpStyle.dom_prefix}-cmt-user">{$it.user}</span>
+        <time class="{$TpStyle.dom_prefix}-cmt-time">{$it.time}</time>
+      </div>
+      <p class="{$TpStyle.dom_prefix}-cmt-text">{$it.text}</p>
+    </article>
+    {/volist}
+  </div>
+</section>
+{/default}
+{/switch}
--- a/code/app/home/view/videoGpt1/module/pinlun/pinlun_router-B.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/pinlun_router-B.html
@@ -0,0 +1,36 @@
+{site:pinlun id="$arrVideo.v_id" export_name="arrPinlunData" /}
+
+{assign name="arrPinlun" value="$arrPinlunData.arrPinlun"}
+{assign name="arrRule" value="$arrPinlunData.arrRule"}
+{assign name="pinlunCfg" value="$pageCfg.pinlun"}
+
+{assign name="layout" value="$pinlunCfg.layout"}
+{assign name="variant" value="$pinlunCfg.variant"}
+
+{assign name="wrapTag" value="$arrRule.wrap"}
+{assign name="titleTag" value="$arrRule.title"}
+
+
+{php}
+
+// 统一 class（冻结）
+$baseCls = $TpStyle['dom_prefix'] . '-cmt'
+. ' layout-' . strtolower($layout)
+. ' v' . $variant;
+
+{/php}
+
+{switch $layout}
+{case value="A"}
+{include file="module/pinlun/layout/layout_A" /}
+{/case}
+{case value="B"}
+{include file="module/pinlun/layout/layout_B" /}
+{/case}
+{case value="C"}
+{include file="module/pinlun/layout/layout_C" /}
+{/case}
+{default}
+{include file="module/pinlun/layout/layout_A" /}
+{/default}
+{/switch}
--- a/code/app/home/view/videoGpt1/module/pinlun/pinlun_router.html
+++ b/code/app/home/view/videoGpt1/module/pinlun/pinlun_router.html
@@ -0,0 +1,39 @@
+{site:pinlun id="$arrVideo.v_id" export_name="arrPinlunData" /}
+
+{assign name="arrPinlun" value="$arrPinlunData.arrPinlun"}
+
+{assign name="pinlunCfg" value="$pageCfg.pinlun"}
+
+{assign name="layout" value="$pinlunCfg.layout"}
+{assign name="variant" value="$pinlunCfg.variant"}
+
+
+
+
+{php}
+
+// 统一 class（冻结）
+$baseCls = $TpStyle['dom_prefix'] . '-cmt'
+. ' layout-' . strtolower($layout)
+. ' v' . $variant;
+
+{/php}
+
+
+{switch $layout}
+{case value="A"}
+{include file="module/pinlun/pinlun_A" /}
+{/case}
+{case value="B"}
+{include file="module/pinlun/pinlun_B" /}
+{/case}
+{case value="C"}
+{include file="module/pinlun/pinlun_C" /}
+{/case}
+{case value="D"}
+{include file="module/pinlun/pinlun_D" /}
+{/case}
+{default}
+{include file="module/pinlun/pinlun_A" /}
+{/default}
+{/switch}
--- a/code/app/home/view/videoGpt1/module/playline/layout/layout_A.html
+++ b/code/app/home/view/videoGpt1/module/playline/layout/layout_A.html
@@ -6,7 +6,7 @@
    {if $variant == 0}
    <nav class="{$TpStyle.dom_prefix}-pl-tabs">
        {foreach $arrVideo.v_play_url as $line=>$list}
-            <span class="{$TpStyle.dom_prefix}-pl-tab">{$line}</span>
+            <span class="{$TpStyle.dom_prefix}-pl-tab">{video:getlinename code="$line" encode="false"/}</span>
        {/foreach}
    </nav>
    <ul class="{$TpStyle.dom_prefix}-pl-grid">
@@ -21,7 +21,7 @@
    {elseif $variant == 1}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <section class="{$TpStyle.dom_prefix}-pl-block">
-        <h4>{$line}</h4>
+        <h4>{video:getlinename code="$line" encode="false"/}</h4>
        <ol>
            {volist name="list" id="ep" key="i"}
            <li><a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a></li>
@@ -34,7 +34,7 @@
    {elseif $variant == 2}
    <dl class="{$TpStyle.dom_prefix}-pl-dl">
        {foreach $arrVideo.v_play_url as $line=>$list}
-        <dt>{$line}</dt>
+        <dt>{video:getlinename code="$line" encode="false"/}</dt>
        <dd>
            {volist name="list" id="ep" key="i"}
            <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
@@ -46,7 +46,7 @@
    {// ================= Variant 3：UL + strong ================= }
    {elseif $variant == 3}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <strong>{$line}</strong>
+    <strong>{video:getlinename code="$line" encode="false"/}</strong>
    <ul>
        {volist name="list" id="ep" key="i"}
        <li><a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a></li>
@@ -58,7 +58,7 @@
    {elseif $variant == 4}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <article class="{$TpStyle.dom_prefix}-pl-card">
-        <header>{$line}</header>
+        <header>{video:getlinename code="$line" encode="false"/}</header>
        <div>
            {volist name="list" id="ep" key="i"}
            <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
@@ -71,7 +71,7 @@
    {elseif $variant == 5}
    <table class="{$TpStyle.dom_prefix}-pl-table">
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <tr><th colspan="2">{$line}</th></tr>
+    <tr><th colspan="2">{video:getlinename code="$line" encode="false"/}</th></tr>
    {volist name="list" id="ep" key="i"}
    <tr>
        <td>{$i}</td>
@@ -85,7 +85,7 @@
    {elseif $variant == 6}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <nav>
-        <b>{$line}</b>
+        <b>{video:getlinename code="$line" encode="false"/}</b>
        {volist name="list" id="ep" key="i"}
        <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
        {/volist}
@@ -95,7 +95,7 @@
    {// ================= Variant 7：Span Flow ================= }
    {elseif $variant == 7}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <p>{$line}：</p>
+    <p>{video:getlinename code="$line" encode="false"/}：</p>
    <div>
        {volist name="list" id="ep" key="i"}
        <span><a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a></span>
@@ -108,7 +108,7 @@
    <ul>
    {foreach $arrVideo.v_play_url as $line=>$list}
    <li>
-        {$line}
+        {video:getlinename code="$line" encode="false"/}
        <ul>
            {volist name="list" id="ep" key="i"}
            <li><a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a></li>
@@ -121,7 +121,7 @@
    {// ================= Variant 9：Minimal ================= }
    {elseif $variant == 9}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <h5>{$line}</h5>
+    <h5>{video:getlinename code="$line" encode="false"/}</h5>
    {volist name="list" id="ep" key="i"}
    <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
    {/volist}
@@ -131,7 +131,7 @@
    {else}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <section>
-        <h4>{$line}</h4>
+        <h4>{video:getlinename code="$line" encode="false"/}</h4>
        {volist name="list" id="ep" key="i"}
        <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
        {/volist}
--- a/code/app/home/view/videoGpt1/module/playline/layout/layout_B.html
+++ b/code/app/home/view/videoGpt1/module/playline/layout/layout_B.html
@@ -1,13 +1,13 @@
 <section class="{$TpStyle.dom_prefix}-pl {$TpStyle.dom_prefix}-pl-b">

    {assign name="variant" value="$pageCfg.playline.variant"}
-    
+    {php}$intLineIndex=0;{/php}
    {// ================= Variant 0：Left Line / Right Grid ================= }
    {if $variant == 0}
    <div class="{$TpStyle.dom_prefix}-pl-wrap">
        <aside class="{$TpStyle.dom_prefix}-pl-lines">
            {foreach $arrVideo.v_play_url as $line=>$list}
-            <div class="{$TpStyle.dom_prefix}-pl-line">{$line}</div>
+            <div class="{$TpStyle.dom_prefix}-pl-line">{video:getlinename code="$line" encode="false"/}</div>
            {/foreach}
        </aside>
        <div class="{$TpStyle.dom_prefix}-pl-episodes">
@@ -26,7 +26,7 @@
    <div class="{$TpStyle.dom_prefix}-pl-columns">
        <ul class="{$TpStyle.dom_prefix}-pl-lines">
            {foreach $arrVideo.v_play_url as $line=>$list}
-            <li>{$line}</li>
+            <li>{video:getlinename code="$line" encode="false"/}</li>
            {/foreach}
        </ul>
        <ul class="{$TpStyle.dom_prefix}-pl-episodes">
@@ -42,7 +42,7 @@
    {elseif $variant == 2}
    <dl class="{$TpStyle.dom_prefix}-pl-dl">
        {foreach $arrVideo.v_play_url as $line=>$list}
-        <dt>{$line}</dt>
+        <dt>{video:getlinename code="$line" encode="false"/}</dt>
        <dd>
            {volist name="list" id="ep" key="i"}
            <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
@@ -55,7 +55,7 @@
    {elseif $variant == 3}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <section class="{$TpStyle.dom_prefix}-pl-section">
-        <header>{$line}</header>
+        <header>{video:getlinename code="$line" encode="false"/}</header>
        <div>
            {volist name="list" id="ep" key="i"}
            <span><a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a></span>
@@ -68,7 +68,7 @@
    {elseif $variant == 4}
    <table class="{$TpStyle.dom_prefix}-pl-table">
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <tr><th>{$line}</th><td>
+    <tr><th>{video:getlinename code="$line" encode="false"/}</th><td>
        {volist name="list" id="ep" key="i"}
        <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
        {/volist}
@@ -81,7 +81,7 @@
    <div class="{$TpStyle.dom_prefix}-pl-nav-wrap">
    <nav>
        {foreach $arrVideo.v_play_url as $line=>$list}
-        <a>{$line}</a>
+        <a>{video:getlinename code="$line" encode="false"/}</a>
        {/foreach}
    </nav>
    <section>
@@ -97,7 +97,7 @@
    {elseif $variant == 6}
    <aside class="{$TpStyle.dom_prefix}-pl-aside">
        {foreach $arrVideo.v_play_url as $line=>$list}
-        <h5>{$line}</h5>
+        <h5>{video:getlinename code="$line" encode="false"/}</h5>
        {/foreach}
    </aside>
    <ol class="{$TpStyle.dom_prefix}-pl-episodes">
@@ -111,7 +111,7 @@
    {// ================= Variant 7：Compact ================= }
    {elseif $variant == 7}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <p><b>{$line}</b></p>
+    <p><b>{video:getlinename code="$line" encode="false"/}</b></p>
    <p>
        {volist name="list" id="ep" key="i"}
        <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
@@ -123,7 +123,7 @@
    {elseif $variant == 8}
    <table>
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <tr><td>{$line}</td><td>
+    <tr><td>{video:getlinename code="$line" encode="false"/}</td><td>
        <table>
        {volist name="list" id="ep" key="i"}
        <tr><td><a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a></td></tr>
@@ -137,7 +137,7 @@
    {elseif $variant == 9}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <article>
-        <h3>{$line}</h3>
+        <h3>{video:getlinename code="$line" encode="false"/}</h3>
        <p>
            {volist name="list" id="ep" key="i"}
            <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
@@ -148,13 +148,14 @@
    
    {// ================= Variant 10–19：兜底 ================= }
    {else}
-    {foreach $arrVideo.v_play_url as $line=>$list}
-    <div>
-        <strong>{$line}</strong>
+    {foreach $arrVideo.v_play_url as $line=>$list }
+    <div class="{if $intLineIndex==0}active{/if}">
+        <strong>{video:getlinename code="$line" encode="false"/}</strong>
        {volist name="list" id="ep" key="i"}
        <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">{$ep.name}</a>
        {/volist}
    </div>
+    {php}$intLineIndex++;{/php}
    {/foreach}
    {/if}
    
--- a/code/app/home/view/videoGpt1/module/playline/layout/layout_C.html
+++ b/code/app/home/view/videoGpt1/module/playline/layout/layout_C.html
@@ -6,7 +6,7 @@
    {if $variant == 0}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <section class="{$TpStyle.dom_prefix}-pl-block">
-        <h3>{$line}</h3>
+        <h3>{video:getlinename code="$line" encode="false"/}</h3>
        <ol>
            {volist name="list" id="ep" key="i"}
            <li>
@@ -23,7 +23,7 @@
    {elseif $variant == 1}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <article class="{$TpStyle.dom_prefix}-pl-article">
-        <header><h4>{$line}</h4></header>
+        <header><h4>{video:getlinename code="$line" encode="false"/}</h4></header>
        <div>
            {volist name="list" id="ep" key="i"}
            <p>
@@ -40,7 +40,7 @@
    {elseif $variant == 2}
    <dl class="{$TpStyle.dom_prefix}-pl-dl">
    {foreach $arrVideo.v_play_url as $line=>$list}
-        <dt>{$line}</dt>
+        <dt>{video:getlinename code="$line" encode="false"/}</dt>
        {volist name="list" id="ep" key="i"}
        <dd>
            <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">
@@ -54,7 +54,7 @@
    {// ================= Variant 3：段落式 ================= }
    {elseif $variant == 3}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <h4>{$line}</h4>
+    <h4>{video:getlinename code="$line" encode="false"/}</h4>
    <p>
        {volist name="list" id="ep" key="i"}
        <span>
@@ -70,7 +70,7 @@
    {elseif $variant == 4}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <blockquote class="{$TpStyle.dom_prefix}-pl-quote">
-        <strong>{$line}</strong>
+        <strong>{video:getlinename code="$line" encode="false"/}</strong>
        {volist name="list" id="ep" key="i"}
        <div>
            <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">
@@ -84,7 +84,7 @@
    {// ================= Variant 5：UL + Paragraph ================= }
    {elseif $variant == 5}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <h4>{$line}</h4>
+    <h4>{video:getlinename code="$line" encode="false"/}</h4>
    <ul>
        {volist name="list" id="ep" key="i"}
        <li>
@@ -102,7 +102,7 @@
    {elseif $variant == 6}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <section>
-        <h4>{$line}</h4>
+        <h4>{video:getlinename code="$line" encode="false"/}</h4>
        {volist name="list" id="ep" key="i"}
        <div>
            <time>{$i}</time>
@@ -118,7 +118,7 @@
    {elseif $variant == 7}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <div>
-        <h3>{$line}</h3>
+        <h3>{video:getlinename code="$line" encode="false"/}</h3>
        <p>
            本线路提供以下资源：
            {volist name="list" id="ep" key="i"}
@@ -133,7 +133,7 @@
    {// ================= Variant 8：Mixed OL / P ================= }
    {elseif $variant == 8}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <h4>{$line}</h4>
+    <h4>{video:getlinename code="$line" encode="false"/}</h4>
    {volist name="list" id="ep" key="i"}
    <p>
        第 {$i} 集：
@@ -147,7 +147,7 @@
    {// ================= Variant 9：Minimal Reading ================= }
    {elseif $variant == 9}
    {foreach $arrVideo.v_play_url as $line=>$list}
-    <h5>{$line}</h5>
+    <h5>{video:getlinename code="$line" encode="false"/}</h5>
    {volist name="list" id="ep" key="i"}
    <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">
        {$ep.name}
@@ -159,8 +159,8 @@
    {else}
    {foreach $arrVideo.v_play_url as $line=>$list}
    <section>
-        <strong>{$line}</strong>
-        {volist name="list" id="ep" key="i"}
+        <strong>{video:getlinename code="$line" encode="false"/}  : </strong>
+        {volist name="list" id="ep" key="i"} 
        <a href="{site:vpurl v_id='$arrVideo.v_id' play_type='$line' play_index='$i'/}">
            {$ep.name}
        </a>