$Novel.n_id{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}
{site:grm page_code="h5_novel_info" diff="$arrNovel.n_id" num="120" g_key="arrGrm" /}
{/block}

{block name="title"}{site:replace code="NOVEL@GETNOVELINFO@TITLE" diff="$Request.route.intNovelId" /}{/block}
{block name="keywords"}{site:replace code="NOVEL@GETNOVELINFO@KEYWORDS" diff="$Request.route.intNovelId"}{/block}
{block name="description"}{site:replace code="NOVEL@GETNOVELINFO@DESCRIPTION" diff="$Request.route.intNovelId"}{/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 ?? ''}" />
<!-- 结构化数据 -->
<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://{site:nflurl  category="$arrNovel.n_category_pinyin" order="all" status="all" page="1"/}'
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "{$arrNovel['n_name']}",
            "item": '{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="nav-html"}
<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>
        <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>
</nav>

{/block}

{block name="main"}



<div class="layout-root novel-web">

    <h1 class="site-description ">{$arrNovel['n_name']}最新章节 - {$arrNovel['n_author']} - {$DomainModel->d_name}</h1>

    <div id="w-detail" class="work-content">
        <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>

            
   
            <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">更新：{$arrNovel.n_update_time}</div>
                    <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> 
                
                <div class="detail-desc">
                    <span class="label">概要：</span>
                    <span class="value">
                        {$arrNovel.n_description}</span>
                </div>

                <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="d_key" d_val="Chapter" cache_life="86400"}
                        <li style="margin-top:5px;">
                            <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>

                <div class="view-number">
                    <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>
                </div>

                <div class="detail-desc">
                    <span class="label">经典：</span>
                    <span class="value">
                        {$arrNovel.strFocus ?? ""} 。看小说就来{$DomainModel->d_name} {$DomainModel->d_domain}...</span>
                </div>
                
                <div class="detail-tag">
                    <span class="label">相关标签：</span>
                    <span class="value">
                        <span class="value-tag">
                            {volist name='$arrNovel.arrRelateveNovel' id='Novel'}
        <a href='{site:nurl n_id="$Novel.n_id" n_py="$Novel.n_name_pinyin" /}'>{$Novel.n_name}</a>&nbsp;&nbsp;
        {/volist}
                            {volist name='arrNovel.n_forge_novel' id='ForgeNovel'}
        <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>
        <div class="section">
            <div class="title">
                <div class="title-text">猜你喜欢</div>
            </div>
            <div class="novel-item item">
                <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="86400"}
                        {include file="public/novel-list-flex" /}
                    {/novel:list}
                </div>
            </div>
        </div>
    </div>
</div>



<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_update_time': `{$arrNovel['n_update_time']}`,
        'c_sort_num': 1,
        'c_name': `第一章`,
    };
</script>
{/block}

{block name="customize"}


{/block}