{extend name="baseH5" /}
{block name="title"}{$strTitle??''}{/block}
{block name="keywords"}{$strKeywords??''}{/block}
{block name="description"}{$strDescription??''}{/block}
{block name="head"}
<!-- 社交媒体标签 -->
<meta property="og:title" content="{$arrNovel['og_novel_book_name']??'未知小说'}" />
<meta property="og:description" content="{$strDescription??'暂无简介'}" />
<meta property="og:url"
    content='https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel[n_id]" n_py="$arrNovel[og_novel_pin_yin]" /}' />
<meta property="og:type" content="book" />
<meta property="og:image" content="{$arrNovel.n_cover_path ?? ''}" />
<meta property="og:site_name" content="{$DomainModel->d_name}" />
<meta property="og:novel:category" content="{$arrNovel.og_novel_category ?? ''}">
<meta property="og:novel:author" content="{$arrNovel.og_novel_author ?? ''}">
<meta property="og:novel:book_name" content="{$arrNovel.og_novel_book_name ?? ''}">
<meta property="og:novel:read_url"
    content="https://{$DomainModel->d_domain}/pc/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/zhang-1">
<meta property="og:novel:status" content="{$arrNovel.og_novel_status ?? ''}">
<meta property="og:novel:update_time" content="{$arrNovel.og_novel_update_time ?? ''}">
<meta property="og:novel:latest_chapter_name" content="{$arrLatestChapter.name ?? ''}">
<meta property="og:novel:latest_chapter_url"
    content="https://{$DomainModel->d_domain}/pc/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/zhang-{$arrLatestChapter.c_sort_num  ?? 1}">
<!-- 可选：支持 Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{$arrNovel['og_novel_book_name'] ?? '未知小说'}" />
<meta name="twitter:description" content="{$strDescription ?? '暂无简介'}" />
<meta name="twitter:image" content="{$arrNovel.n_cover_path ?? ''}" />
<!-- 结构化数据 -->
<script type="application/ld+json">
{
    "@context": 'https://{$DomainModel->d_domain}/{site:nurl n_id="$arrNovel[n_id]" n_py="$arrNovel[og_novel_pin_yin]" /}',
    "@type": "book",
    "name": "{$arrNovel['og_novel_book_name'] ?? '未知小说'}",
    "description": "{$arrNovel['n_page_description'] ??'暂无简介'}",
    "author": {
        "@type": "Person",
        "name": "{$arrNovel['og_novel_author'] ??'佚名'}"
    },
    "publisher": {
        "@type": "Organization",
        "name": "{$DomainModel->d_name}",
        "url": "https://{$DomainModel->d_domain}"
    },
    "datePublished": "{$arrNovel['og_novel_update_time'] ?? time()}",
    "image": "{$Novel.n_cover_path ?? ''}",
    "url": '{site:nurl n_id="$arrNovel[n_id]" n_py="$arrNovel[og_novel_pin_yin]" /}',
    "genre": "{$arrNovel.og_novel_category ??''}",
    "inLanguage": "zh-CN",
    "bookFormat": "https://{$DomainModel->d_domain}/EBook",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.5",
        "reviewCount": "100",
    },
}
</script>
{/block}
{block name="head-js"}{/block}

{block name="logo-html"}
<h2 class="logo">
    <a href="/">狂雨小说</a>
</h2>
{/block}

{block name="main"}
<div class="wrap">
    <nav class="breadcrumb" aria-label="breadcrumb">
        <ol itemscope itemtype="https://schema.org/BreadcrumbList">
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href="/" itemprop="item">
                    <span itemprop="name">首页</span>
                </a>
                <meta itemprop="position" content="1" />
            </li>
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href="/shuku/all/{$arrNovel.category_pinyin}/all/page1" itemprop="item">
                    <span itemprop="name">{$arrNovel.og_novel_category}</span>
                </a>
                <meta itemprop="position" content="2" />
            </li>
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href='{site:nurl n_id="$arrNovel[n_id]" n_py="$arrNovel[og_novel_pin_yin]" /}' itemprop="item">
                    <span itemprop="name">{$arrNovel['og_novel_book_name']}</span>
                </a>
                <meta itemprop="position" content="3" />
            </li>
        </ol>
    </nav>

    <!--info-->
    <div class="mod mod-info">
        <div class="book-info">
            <dl class="base clearfix">
                <dt>
                    <img src="/static/img/default.jpg" data-src="{$Novel.n_cover_path ?? ''}"
                        alt="{$Novel->og_novel_book_name ?? ''}封面" class="lazy lazyload-img" />

                    <i class='{eq name="arrNovel.og_novel_status" value="连载中"}serial{else}finish {/eq}'>已完结</i>
                </dt>
                <dd>
                    <h1>{$arrNovel['og_novel_book_name']}</h1>
                    <p class="info">
                        <span>分类：{$arrNovel.og_novel_category}</span>
                        <span>作者：<a href="/search.html?keyword=兔子很淡定">{$arrNovel.og_novel_author}</a></span>
                        <!-- <span>字数：54.20万字</span> -->
                        <span>阅读：{$arrNovelClicks.total}</span>
                    </p>
                </dd>
            </dl>
            <div class="btns">
                <ul>
                    <li>
                        <a class="read-online reading"
                            onclick="javascript:location.href='/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/zhang-1';">点击阅读</a>
                    </li>
                    <li>
                        <a class="b5673b5cd4b" onclick="addBookshelfFun()">加入书架</a>
                    </li>
                </ul>
            </div>
            <div class="intro">
                <div class="content">
                    <p>
                        {$arrNovel.n_page_description}
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- hot-book -->
    <div class="mod mod-info">
        <div class="book-info">
            <div class="mod-head">
                <h3>最新要点</h3>
            </div>
            <div class="intro">
                <div class="content">
                    <p>
                        {$strFocus}
                    </p>
                    <p class="xianglingtuijian">相邻推荐：
                        {volist name="arrNovel.n_forge_novel" id="ForgeNovel" key="key"}
                        <a
                            href='/kan/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}-{$ForgeNovel.n_forge_id}'>{$ForgeNovel.n_forge_title}</a>
                        {/volist}
                    </p>
                </div>
            </div>


        </div>
    </div>

    <!-- hot-book -->
    <div class="mod mod-attentions">
        <div class="mod-head">
            <h3>目录</h3>
        </div>
        <div class="attentions">
            <ul class="clearfix">
                {volist name="arrChapter" id="Chapter" key="key"}
                <li>
                    <a href="/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/zhang-{$Chapter.c_sort_num}"
                        title="{$Chapter.name}">{$Chapter.name}</a>
                </li>
                {/volist}

            </ul>
            <div class="chapters-more">
                <a href="/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/mulu/zheng"
                    class="reading btn-bookshelf">更多章节</a>
            </div>
        </div>
    </div>

    <div class="mod mod-guess">
        <div class="mod-head">
            <h3>同类作品</h3>
        </div>
        <div class="book-slide">
            <ul class="clearfix">
                {foreach $arrRelateveNovel as $Novel}
                <li>
                    <a href='{site:nurl n_id="Novel.n_id" n_py="Novel.og_novel_pin_yin"/}'>
                        <img class="lazy lazyload-img" data-encrypted="false" src="/static/img/default.jpg"
                            data-src="{$Novel.n_cover_path ?? ''}" alt="{$Novel.og_novel_book_name ?? ''}" />
                        <span>{$Novel.og_novel_book_name ?? ''}</span>
                        <em>
                            <aria>作者：</aria>{$Novel.og_novel_author ?? ''}
                        </em>
                    </a>
                </li> 
                {/foreach}
            </ul>
        </div>
    </div>
</div>


<script>
    const strNovelId = '{$arrNovel.n_id}';
    
</script>
{/block}

{block name="customize"}


{/block}

{block name="footer-js"}

{/block}