{if $variant == 0}
{// Variant 00：原始基准 }
<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="{$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}
        </div>
        <div class="{$TpStyle.dom_prefix}-item-info">
            <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
            <div class="{$TpStyle.dom_prefix}-item-meta">
                {if isset($vo.v_year)}<span>{$vo.v_year}</span>{/if}
                {if isset($vo.v_area[0])}<span>{$vo.v_area[0]}</span>{/if}
            </div>
        </div>
    </a>
</article>

{elseif $variant == 1}
{// Variant 01：article → section }
<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="{$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">
            <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
        </div>
    </a>
</section>

{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  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <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="{$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">
        <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
    </div>
</a>

{elseif $variant == 3}
{// Variant 03：header / footer }
<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 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>
            {if isset($vo.v_level)}<span class="{$TpStyle.dom_prefix}-item-score">{$vo.v_level}</span>{/if}
        </footer>
    </a>
</article>

{elseif $variant == 4}
{// Variant 04：figure / figcaption }
<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="{$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">
            <h3 class="{$TpStyle.dom_prefix}-item-title">{$vo.v_name}</h3>
        </div>
    </a>
</article>

{elseif $variant == 5}
{// Variant 05：meta 改为 p }
<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="{$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>
            <p class="{$TpStyle.dom_prefix}-item-meta">
                {if isset($vo.v_year)}{$vo.v_year}{/if}
                {if isset($vo.v_area[0])} · {$vo.v_area[0]}{/if}
            </p>
        </div>
    </a>
</article>

{elseif $variant == 6}
{// Variant 06：strong title }
<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="{$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>
        </div>
    </a>
</article>

{elseif $variant == 7}
{// Variant 07：div 层级加深 }
<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 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>
            </div>
        </a>
    </div>
</article>

{elseif $variant == 8}
{// Variant 08：nav }
<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="{$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  {$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="{$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>
</article>

{elseif $variant == 10}
{// Variant 10：title 在 cover 内 }
<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 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>
</article>

{elseif $variant == 11}
{// Variant 11：去 info }
<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="{$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  {$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="{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  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <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}" 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  {$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="{$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>
</article>

{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  {$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  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <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}" 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  {$TpStyle.dom_prefix}-item4-v{$variant} score">
    <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}" 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  {$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="{$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>
</article>

{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  {$TpStyle.dom_prefix}-item4-v{$variant} score">
        {$vo.v_name}
    </div>
</a>
{/if}