{extend name="baseH5" /}

{block name="get-data"}
{if $Request.route.intNovelId}
{novel:info n_id="$Request.route.intNovelId" n_key="arrNovel" n_forge_id="$Request.route.intForgeId" /}
{else}
{novel:info n_id="$DomainModel->info_id" n_key="arrNovel" n_forge_id="0" /}
{/if}

{if empty($Request.route.intForgeId)}
{site:grm page_code="novel_info" diff="$arrNovel.n_id" num="120" g_key="arrGrm" /}
{else}
{site:grm page_code="novel_info" diff="$Request.route.intForgeId" num="120" g_key="arrGrm" /}
{/if}

{/block}

{block name="title"}
{if $DomainModel->info_id == $Request.route.intNovelId || empty($Request.route.intNovelId)}
{site:replace code="INDEX@INDEX@TITLE"}
{else}
{site:replace code="NOVEL@GETNOVELINFO@TITLE" diff="$Request.route.intNovelId" /}
{/if}
{/block}

{block name="keywords"}
{if $DomainModel->info_id == $Request.route.intNovelId || empty($Request.route.intNovelId)}
{site:replace code="INDEX@INDEX@KEYWORDS"}
{else}
{site:replace code="NOVEL@GETNOVELINFO@KEYWORDS" diff="$Request.route.intNovelId"}
{/if}
{/block}

{block name="description"}
{if $DomainModel->info_id == $Request.route.intNovelId || empty($Request.route.intNovelId)}
{site:replace code="INDEX@INDEX@DESCRIPTION"}
{else}
{site:replace code="NOVEL@GETNOVELINFO@DESCRIPTION" diff="$Request.route.intNovelId"}
{/if}
{/block}

{block name="head"}

<!-- 社交媒体标签 -->
<meta property="og:title" content="{$arrNovel['n_name']??'未知小说'}" />
<meta property="og:description"
    content='{site:replace code="NOVEL@GETNOVELINFO@DESCRIPTION" diff="$Request.route.intNovelId"}' />
<meta property="og:url"
    content='https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}' />
<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.n_category ?? ''}">
<meta property="og:novel:author" content="{$arrNovel.n_author ?? ''}">
<meta property="og:novel:book_name" content="{$arrNovel.n_name ?? ''}">
<meta property="og:novel:read_url"
    content='https://{$DomainModel->d_domain}{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrNovel.intFirstChapterSort"/}'>
<meta property="og:novel:status" content="{$arrNovel.n_status ?? ''}">
<meta property="og:novel:update_time" content="{$arrNovel.n_update_time ?? ''}">
<meta property="og:novel:latest_chapter_name" content="{$arrNovel.n_latest_chapter_name ?? ''}">
<meta property="og:novel:latest_chapter_url"
    content='https://{$DomainModel->d_domain}{site:lcpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>
<!-- 可选：支持 Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{$arrNovel['n_name'] ?? '未知小说'}" />
<meta name="twitter:description"
    content='{site:replace code="NOVEL@GETNOVELINFO@DESCRIPTION" diff="$Request.route.intNovelId"}' />
<meta name="twitter:image" content="{$arrNovel.n_cover_path ?? ''}" />

<link rel="canonical"
    href='https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>

<!-- 结构化数据 -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Book",
    "name": "{$arrNovel['n_name'] ?? '未知小说'}",
    "description": "{$arrNovel['n_description'] ??'暂无简介'}",
    "author": {
        "@type": "Person",
        "name": "{$arrNovel['n_author'] ??'佚名'}"
    },
    "publisher": {
        "@type": "Organization",
        "name": "{$DomainModel->d_name}",
        "url": "https://{$DomainModel->d_domain}"
    },
    "datePublished": "{$arrNovel['n_update_time'] ?? time()}",
    "image": "{$arrNovel.n_cover_path ?? ''}",
    "url": 'https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}',
    "genre": "{$arrNovel.n_category ??''}",
    "inLanguage": "zh-CN",
    "bookFormat": "https://{$DomainModel->d_domain}/EBook",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.5",
        "reviewCount": "100",
    },
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "首页",
            "item": "https://{$DomainModel->d_domain}"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "{$arrNovel.n_category ??''}",
            "item": 'https://{$DomainModel->d_domain}{site:nflurl  category="$arrNovel.n_category_pinyin" order="all" status="all" page="1"/}'
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "{$arrNovel['n_name']}",
            "item": 'https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'
        }
    ]

}

</script>
{/block}


{block name="head-js"}
{/block}

{block name="body-class"}novel_info{/block}

{block name="logo-html"}
<h2 class="bookname">
    <a href="/" style="color:#ffffff">{$DomainModel->d_name}</a>
</h2>
{/block}


{block name="logo-html"}
<a href="/">
    <h2>-{$DomainModel->d_name}-<span>{$DomainModel->d_text_logo}</span></h2>
</a>
{/block}

{block name="main"}



<div class="layout-root novel-web">
    {$arrGrm[1]|raw}
    <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">
                <?php $arrNovel['n_category_pinyin'] ?? $arrNovel['n_category_pinyin'] = 'all'?>
                <a href='{site:nflurl  category="$arrNovel.n_category_pinyin" order="all" status="all" page="1"/}'
                    itemprop="item">
                    <span itemprop="name">{$arrNovel.n_category}</span>
                </a>
                <meta itemprop="position" content="2" />
            </li>
            {$arrGrm[2]|raw}
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href='{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}' itemprop="item">
                    <span itemprop="name">{$arrNovel['n_name']}</span>
                </a>
                <meta itemprop="position" content="3" />
            </li>
        </ol>
        {$arrGrm[3]|raw}
    </nav>
    <h1 class="site-description ">{$arrNovel['n_name']}最新章节 - {$arrNovel['n_author']} - {$DomainModel->d_name}</h1>
    {if $DomainModel->info_id == $Request.route.intNovelId || empty($Request.route.intNovelId)}
    <h4 class="site-description ">{$DomainModel->d_index_description}</h4>
    {/if}

    <div id="w-detail" class="work-content">
        {$arrGrm[4]|raw}
        <div class="w-header">
            <div class="go-back flex-center" onclick="history.go(-1)">
                <div class="svg">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                        <path
                            d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z">
                        </path>
                    </svg>
                </div>
            </div>


            {if !empty($Request.route.intForgeId) && !empty($arrGrm[113])}
            {$arrGrm[113]|raw}
            {/if}
            <div class="detail-info">
                <div class="detail-cover van-image">
                    <img class="van-image__img pre-img lazyload-img lozad" style="object-fit: cover"
                        src="/static/img/default.jpg" data-src="{$arrNovel.n_cover_path ?? ''}"
                        alt="{$arrNovel['n_name'] ?? ''}小说封面 - {$arrNovel.n_author}最新章节">
                </div>
                <div class="detail-title-xiangqing">
                    <h2>{$arrNovel.n_name}</h2>
                    <div class="novel-author">分类：{$arrNovel.n_category } / {$arrNovel.n_status }</div>
                    <div class="novel-author">作者：{$arrNovel.n_author ?? '迭名'}</div>
                    <div class="novel-time">更新：{:date('Y-m-d H:i:s')}</div>
                    {$arrGrm[5]|raw}
                    <a class="novel-new-zj" href='{site:lcpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>
                        最新：{$arrNovel.arrLatestChapter.c_name ?? ""}</a>
                </div>
                {if !empty($Request.route.intForgeId) && !empty($arrGrm[97])}
                {$arrGrm[97]|raw}
                {/if}
                <div class="detail-desc">
                    <span class="label">概要：</span>
                    <span class="value">
                        {$arrNovel.n_description}</span>
                </div>
                {if !empty($Request.route.intForgeId) && !empty($arrGrm[114])}
                {$arrGrm[114]|raw}
                {/if}
                <div class="info-btn">
                    <a class="jiarushujia shujia-btn" onclick="addShujiaFun()">加入书架</a>
                    <a class="jiarushujia shouchang-btn"
                        href='{site:nclurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" order="zheng" page="1"/}'>目录</a>
                    <a class="jiarushujia"
                        href='{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrNovel.intFirstChapterSort"/}'>开始阅读</a>
                </div>

                <ul style="margin-top:10px;">
                    {chapter:list count="10" sort_type="dao" n_id="$arrNovel.n_id" d_key="key" d_val="Chapter"
                    cache_life="3600"}
                    <li style="margin-top:5px;">
                        {if !empty($arrGrm[$key + 6])}
                        {$arrGrm[$key+6]|raw}
                        {/if}

                        <a
                            href='{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$Chapter.c_sort_num" c_page="0"/}'>{$Chapter.c_name}</a>
                    </li>
                    {/chapter:list}
                </ul>
                {if !empty($Request.route.intForgeId) && !empty($arrGrm[115])}
                {$arrGrm[115]|raw}
                {/if}
                <div class="view-number">
                    {if empty($Request.route.intForgeId)}
                    <div class="item">
                        <div class="label">{site:wz wz="推荐等级" /}</div>
                        <div class="value">{$arrNovel.n_level}</div>
                    </div>
                    <div class="item">
                        <div class="label">{site:wz wz="收藏数" /}</div>
                        <div class="value">0</div>
                    </div>
                    <div class="item">
                        <div class="label">{site:wz wz="在看人数" /}</div>
                        <div class="value">{$arrNovel.arrNovelClicks.total}</div>
                    </div>
                    {else}
                    {php}
                    $min = 1; // 最小值（可根据需要调整）
                    $max = 10000; // 最大值（可根据需要调整）
                    $randomNumberR = mt_rand($min, 10); // 生成随机整数
                    $randomNumberS = mt_rand($min, $max); // 生成随机整数
                    $randomNumberK = mt_rand($min, $max); // 生成随机整数
                    {/php}
                    <div class="item">
                        <div class="label">{site:wz wz="推荐等级" /}</div>
                        <div class="value">{$randomNumberR}</div>
                    </div>
                    <div class="item">
                        <div class="label">{site:wz wz="收藏数" /}</div>
                        <div class="value">{$randomNumberS}</div>
                    </div>
                    <div class="item">
                        <div class="label">{site:wz wz="在看人数" /}</div>
                        <div class="value">{$randomNumberK}</div>
                    </div>
                    {/if}
                </div>

                <div class="detail-desc">
                    <span class="label">经典：</span>
                    <span class="value">
                        {$arrNovel.strFocus ?? ""} 。看小说就来{$DomainModel->d_name} {$DomainModel->d_domain}...</span>
                </div>
                {if !empty($Request.route.intForgeId) && !empty($arrGrm[116])}
                {$arrGrm[116]|raw}
                {/if}
                <div class="detail-tag">
                    <span class="label">相关标签：</span>
                    <span class="value">
                        <span class="value-tag">
                            {if empty($Request.route.intForgeId)}
                            {php}
                            $arrRandomForgeNovels = [];
                            if (isset($arrNovel['n_forge_novel']) && is_array($arrNovel['n_forge_novel'])) {
                            $arrRandomForgeNovels = $arrNovel['n_forge_novel'];
                            }
                            {/php}
                            {volist name='$arrNovel.arrRelateveNovel' id='Novel' key="key"}
                            {if !empty($arrGrm[$key + 24])}
                            {$arrGrm[$key+24]|raw}
                            {/if}
                            <a
                                href='{site:nurl n_id="$Novel.n_id" n_py="$Novel.n_name_pinyin" /}'>{$Novel.n_name}</a>&nbsp;&nbsp;
                            {/volist}

                            {else}
                            {novel:list count="10" n_category="$arrNovel.n_category_pinyin" sort_type="update"
                            d_key="d_key" d_val="Novel" diff_key="$Request.route.intForgeId" cache_life="1000"}
                            <a
                                href='{site:nurl n_id="$Novel.n_id" n_py="$Novel.n_name_pinyin" /}'>{$Novel.n_name}</a>&nbsp;&nbsp;
                            {/novel:list}

                            {php}
                            $arrRandomForgeNovels = [];
                            if (isset($arrNovel['n_forge_novel']) && is_array($arrNovel['n_forge_novel'])) {
                            $forgeNovels = $arrNovel['n_forge_novel'];
                            if (count($forgeNovels) > 10) {
                            $randomKeys = array_rand($forgeNovels, 10);
                            $arrRandomForgeNovels = array_intersect_key($forgeNovels, array_flip($randomKeys));
                            } else {
                            $arrRandomForgeNovels = $forgeNovels;
                            shuffle($arrRandomForgeNovels);
                            }
                            $arrRandomForgeNovels = array_values($arrRandomForgeNovels);
                            }
                            {/php}
                            {/if}

                            {volist name='arrRandomForgeNovels' id='ForgeNovel' key="key"}
                            {if !empty($arrGrm[$key + 34])}
                            {$arrGrm[$key+34]|raw}
                            {/if}
                            <a
                                href='{site:nnurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" n_fid="$ForgeNovel.n_forge_id"/}'>{$ForgeNovel.n_forge_title}</a>&nbsp;&nbsp;
                            {/volist}
                        </span>
                    </span>
                </div>
            </div>

        </div>
        {if !empty($Request.route.intForgeId) && !empty($arrGrm[101])}
        {$arrGrm[101]|raw}
        {/if}
        <div class="section">
            <div class="title">

                <div class="title-text">猜你喜欢</div>
            </div>
            <div class="novel-item item">
                {if empty($Request.route.intForgeId)}
                <div class="work-list">
                    {novel:list count="8" n_category="$arrNovel.n_category_pinyin" sort_type="update" d_key="d_key"
                    d_val="Novel" cache_life="3600"}
                    {include file="public/novel-list-flex" start="16"/}
                    {/novel:list}
                </div>
                {else}
                <div class="work-list">
                    {novel:list count="32" n_category="$arrNovel.n_category_pinyin" sort_type="update" d_key="d_key"
                    d_val="Novel" diff_key="$Request.route.intForgeId" cache_life="600"}
                    {include file="public/novel-list-flex" start="16"/}
                    {/novel:list}
                </div>
                {if !empty($Request.route.intForgeId) && !empty($arrGrm[99])}
                {$arrGrm[99]|raw}
                {/if}
                <div class="work-list">
                    {novel:ranklist count="32" sort_type="daily" d_key="d_key"
                    d_val="Novel" diff_key="$Request.route.intForgeId" cache_life="600"}
                    {include file="public/novel-list-flex" start="16"/}
                    {/novel:ranklist}
                </div>
                {/if}
            </div>
        </div>
        {if !empty($Request.route.intForgeId) && !empty($arrGrm[118])}
        {$arrGrm[118]|raw}
        {/if}
    </div>
</div>
{if !empty($Request.route.intForgeId) && !empty($arrGrm[98])}
{$arrGrm[98]|raw}
{/if}

<script>
    const strNovelId = `{$arrNovel.n_id}`;
    const arrNovel = {
        'n_id': `{$arrNovel['n_id']}`,
        'n_name_pinyin': `{$arrNovel['n_name_pinyin']}`,
        'n_cover_path': `{$arrNovel['n_cover_path']}`,
        'n_name': `{$arrNovel['n_name']}`,
        'n_author': `{$arrNovel['n_author']}`,
        'n_status': `{$arrNovel['n_status']}`,
        'n_description': `{$arrNovel['n_description']}`,
        'n_latest_chapter_name': `{$arrNovel['n_latest_chapter_name']}`,
        'n_update_time': `{$arrNovel['n_update_time']}`,
        'c_sort_num': 1,
        'c_name': `第一章`,
    };
</script>
{/block}

{block name="customize"}

{/block}