{if $variant == 0}
{// Variant 00：原始基准 }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} {if $i <= 3}top{/if}">
    <span class="{$TpStyle.dom_prefix}-rank-no">{$i}</span>
    <a class="{$TpStyle.dom_prefix}-rank-title" href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">
        {$vo.v_name}
    </a>
</div>

{elseif $variant == 1}
{// Variant 01：article }
<article class="{$TpStyle.dom_prefix}-item rank v{$variant}  {if $i <= 3}top{/if}">
    <span class="{$TpStyle.dom_prefix}-rank-no">{$i}</span>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</article>

{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 rank v{$variant}  {if $i <= 3}top{/if}">
    <span class="{$TpStyle.dom_prefix}-rank-no">{$i}</span>
    <span class="{$TpStyle.dom_prefix}-rank-title">{$vo.v_name}</span>
</a>

{elseif $variant == 3}
{// Variant 03：header / footer }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant}  {if $i <= 3}top{/if}">
    <header class="{$TpStyle.dom_prefix}-rank-no">{$i}</header>
    <footer>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
    </footer>
</div>

{elseif $variant == 4}
{// Variant 04：strong }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <strong class="{$TpStyle.dom_prefix}-rank-no">{$i}</strong>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">
        {$vo.v_name}
    </a>
</div>

{elseif $variant == 5}
{// Variant 05：em }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <em class="{$TpStyle.dom_prefix}-rank-no">{$i}</em>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</div>

{elseif $variant == 6}
{// Variant 06：p 包裹 }
<div class="{$TpStyle.dom_prefix}-item rank  v{$variant} {if $i <= 3}top{/if}">
    <p>
        <span class="{$TpStyle.dom_prefix}-rank-no">{$i}</span>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
    </p>
</div>

{elseif $variant == 7}
{// Variant 07：div 层级 }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <div class="{$TpStyle.dom_prefix}-rank-no">{$i}</div>
    <div class="{$TpStyle.dom_prefix}-rank-main">
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
    </div>
</div>

{elseif $variant == 8}
{// Variant 08：nav }
<nav class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <span>{$i}</span>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</nav>

{elseif $variant == 9}
{// Variant 09：small }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <small>{$i}</small>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</div>

{elseif $variant == 10}
{// Variant 10：label }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <label>
        <span>{$i}</span>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
    </label>
</div>

{elseif $variant == 11}
{// Variant 11：section }
<section class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <span class="{$TpStyle.dom_prefix}-rank-no">{$i}</span>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</section>

{elseif $variant == 12}
{// Variant 12：h4 }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <span>{$i}</span>
    <h4>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
    </h4>
</div>

{elseif $variant == 13}
{// Variant 13：strong title }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <span>{$i}</span>
    <strong>
        <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
    </strong>
</div>

{elseif $variant == 14}
{// Variant 14：span 全包 }
<span class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <span class="{$TpStyle.dom_prefix}-rank-no">{$i}</span>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</span>

{elseif $variant == 15}
{// Variant 15：a + em }
<a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}" class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <em>{$i}</em>
    {$vo.v_name}
</a>

{elseif $variant == 16}
{// Variant 16：li }
<li class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    <span>{$i}</span>
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</li>

{elseif $variant == 17}
{// Variant 17：div + data }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} " >
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">
        {$i}. {$vo.v_name}
    </a>
</div>

{elseif $variant == 18}
{// Variant 18：text 优先 }
<div class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    {$i}
    <a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}">{$vo.v_name}</a>
</div>

{else}
{// Variant 19：极简 }
<a href="{site:vurl v_id='$vo.v_id' v_py='$vo.v_name_en'/}" class="{$TpStyle.dom_prefix}-item rank v{$variant} ">
    {$i}. {$vo.v_name}
</a>
{/if}