{include file="public/head"}
<nav class="breadcrumb">
    <a href="{$maccms.path}">首页</a>
    <span>/</span>
    {if condition="$obj.type_1.type_name"}<a href="{:mac_url_type($obj.type_1)}">{$obj.type_1.type_name}</a><span>/</span>{/if}
    <a href="{:mac_url_type($obj.type)}">{$obj.type.type_name}</a>
    <span>/</span>
    <span>{$obj.art_name}</span>
</nav>
<div class="layout-with-sidebar">
    <div class="main-content">
        <article class="detail-article">
            <header class="detail-header">
                <h1 class="detail-title">{$obj.art_name}</h1>
                {if condition="$obj.art_sub neq ''"}<p class="detail-subtitle">{$obj.art_sub}</p>{/if}
                <div class="detail-meta">
                    <span>作者：{$obj.art_author|mac_default='未知'}</span>
                    <span>发布时间：{$obj.art_time|date='Y-m-d H:i',###}</span>
                    <span>浏览：{$obj.art_hits}次</span>
                </div>
            </header>
            <div class="detail-cover">
                <img src="{:mac_url_img($obj.art_pic)}" alt="{$obj.art_name}">
            </div>
            <div class="detail-tags">
                {if condition="$obj.art_tag neq ''"}
                {maccms:foreach name=":explode(',',$obj.art_tag)" id="tag"}
                <a href="{:mac_url('art/search',['tag'=>$tag])}" class="detail-tag">{$tag}</a>
                {/maccms:foreach}
                {/if}
            </div>
            <div class="article-content">
                {$obj.art_page_list[$param['page']]['content']|mac_url_content_img}
            </div>
        </article>
        <section class="related-section">
            <div class="section-header">
                <h2 class="section-title">相关推荐</h2>
            </div>
            <div class="article-list">
                 {maccms:art num="8" ids="'.$obj['vod_rel_vod'].'" order="desc" by="time"}
                <a href="{:mac_url_art_detail($vo)}" class="article-card">
                    {if condition="$vo.art_pic neq ''"}
                    <div class="card-cover">
                        <img src="{:mac_url_img($vo.art_pic)}" alt="{$vo.art_name}" loading="lazy">
                        {if condition="$vo.art_remarks neq ''"}<span class="card-tag">{$vo.art_remarks}</span>{/if}
                    </div>
                    {/if}
                    <div class="card-info">
                        <h3 class="card-title">{$vo.art_name}</h3>
                        <p class="card-desc">{$vo.art_blurb|mac_default='暂无简介'}</p>
                        <span class="card-time">{$vo.art_time|date='Y-m-d H:i',###}</span>
                    </div>
                </a>
                {/maccms:art}
            </div>
        </section>
    </div>
    <aside class="sidebar">
        <div class="rank-list">
            <h3 class="rank-title">热点资讯</h3>
            {maccms:art num="10" order="desc" by="hits_month"}
            <div class="rank-item">
                <span class="rank-num{if condition='$key lt 3'} top{/if}">{$key}</span>
                <a href="{:mac_url_art_detail($vo)}" class="rank-info">
                    <h4 class="rank-name">{$vo.art_name}</h4>
                    <span class="rank-meta">{$vo.art_hits_month}次浏览</span>
                </a>
            </div>
            {/maccms:art}
        </div>
        <div class="rank-list" style="margin-top:20px;">
            <h3 class="rank-title">最新资讯</h3>
            {maccms:art num="10" order="desc" by="time"}
            <div class="rank-item">
                <span class="rank-num{if condition='$key lt 3'} top{/if}">{$key}</span>
                <a href="{:mac_url_art_detail($vo)}" class="rank-info">
                    <h4 class="rank-name">{$vo.art_name}</h4>
                    <span class="rank-meta">{$vo.art_time|date='Y-m-d',###}</span>
                </a>
            </div>
            {/maccms:art}
        </div>
    </aside>
</div>
<span class="mac_ulog_set" style="display:none" data-type="1" data-mid="{$maccms.mid}" data-id="{$obj.art_id}" data-sid="{$param.sid}" data-nid="{$param.nid}"></span>
<span class="mac_history_set" style="display:none" data-name="[{$obj.type.type_name}]{$obj.art_name}" data-pic="{$obj.art_pic|mac_url_img}"></span>
{include file="public/foot"}