{include file="public/head"}

    <!-- 主内容区 -->
    <main class="container">
        <!-- Banner -->
        <div class="banner">
            <div class="banner-slider">
                {maccms:vod num="5" paging="no" type="all" order="desc" by="sort" level="9"}
                <a href="{:mac_url_vod_detail($vo)}" class="banner-item {if condition='$key eq 1'}active{/if}" data-index="{$key}">
                    <img src="{:mac_url_img($vo.vod_pic_slide)}" alt="{$vo.vod_name}">
                    <div class="banner-content">
                        <h2 class="banner-title">{$vo.vod_name}</h2>
                        <p>导演：{$vo.vod_director}</p>
                        <div class="banner-tags">
                            <span class="banner-tag">{$vo.vod_class}</span>
                            <span class="banner-tag">{$vo.vod_year}</span>
                        </div>
                    </div>
                </a>
                {/maccms:vod}
            </div>
            <!-- Banner指示器 -->
            <div class="banner-dots">
                {maccms:vod num="5" paging="no" type="all" order="desc" by="sort" level="9"}
                <span class="banner-dot {if condition='$key eq 1'}active{/if}" data-index="{$key}"></span>
                {/maccms:vod}
            </div>
            <!-- Banner左右切换按钮 -->
            <button class="banner-prev" aria-label="上一个"><i class="ri-arrow-left-s-line"></i></button>
            <button class="banner-next" aria-label="下一个"><i class="ri-arrow-right-s-line"></i></button>
        </div>

        <!-- 电影列表 -->
        <section class="movie-section">
            <h2 class="section-title">热门电影</h2>
            <div class="movie-list">
                {maccms:vod num="10" paging="no" type="1" order="desc" by="time"}
                <a href="{:mac_url_vod_detail($vo)}" class="movie-item">
                    <div class="movie-poster">
                        <img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}">
                    </div>
                    <div class="movie-info">
                        <h3 class="movie-title">{$vo.vod_name}</h3>
                        <div class="movie-tags">
                            <span class="movie-tag">{$vo.vod_class}</span>
                            <span class="movie-tag">{$vo.vod_year}</span>
                        </div>
                    </div>
                </a>
                {/maccms:vod}
            </div>
        </section>

        <!-- 电视剧列表 -->
        <section class="movie-section">
            <h2 class="section-title">热门电视剧</h2>
            <div class="movie-list">
                {maccms:vod num="10" paging="no" type="2" order="desc" by="time"}
                <a href="{:mac_url_vod_detail($vo)}" class="movie-item">
                    <div class="movie-poster">
                        <img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}">
                    </div>
                    <div class="movie-info">
                        <h3 class="movie-title">{$vo.vod_name}</h3>
                        <div class="movie-tags">
                            <span class="movie-tag">{$vo.vod_class}</span>
                            <span class="movie-tag">{$vo.vod_year}</span>
                        </div>
                    </div>
                </a>
                {/maccms:vod}
            </div>
        </section>

        <!-- 综艺列表 -->
        <section class="movie-section">
            <h2 class="section-title">热门综艺</h2>
            <div class="movie-list">
                {maccms:vod num="10" paging="no" type="3" order="desc" by="time"}
                <a href="{:mac_url_vod_detail($vo)}" class="movie-item">
                    <div class="movie-poster">
                        <img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}">
                    </div>
                    <div class="movie-info">
                        <h3 class="movie-title">{$vo.vod_name}</h3>
                        <div class="movie-tags">
                            <span class="movie-tag">{$vo.vod_class}</span>
                            <span class="movie-tag">{$vo.vod_year}</span>
                        </div>
                    </div>
                </a>
                {/maccms:vod}
            </div>
        </section>

        <!-- 动漫列表 -->
        <section class="movie-section">
            <h2 class="section-title">热门动漫</h2>
            <div class="movie-list">
                {maccms:vod num="10" paging="no" type="4" order="desc" by="time"}
                <a href="{:mac_url_vod_detail($vo)}" class="movie-item">
                    <div class="movie-poster">
                        <img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}">
                    </div>
                    <div class="movie-info">
                        <h3 class="movie-title">{$vo.vod_name}</h3>
                        <div class="movie-tags">
                            <span class="movie-tag">{$vo.vod_class}</span>
                            <span class="movie-tag">{$vo.vod_year}</span>
                        </div>
                    </div>
                </a>
                {/maccms:vod}
            </div>
        </section>

        <!-- 友情链接 -->
        <div class="friend-link">
            <h3>友情链接</h3>
            <div class="friend-link-list">
                {maccms:link num="10" type="all" order="asc" by="sort"}
                <a href="{$vo.link_url}" target="_blank" class="friend-link-item">{$vo.link_name}</a>
                {/maccms:link}
            </div>
        </div>
    </main>

{include file="public/foot"}