{extend name="basePc" /}

{block name="get-data"}
{if $Request.route.intNovelId}
{novel:info n_id="$Request.route.intNovelId" n_key="arrNovel" n_forge_id="0" /}
{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}{$strPcPath}{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}{$strPcPath}{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",
        },
    
    }
    </script>

{/block}
{block name="head-css"}
<link rel="canonical"
    href='{$DomainModel->d_domain}/{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>
{/block}
{block name="logo-html"}
<h2>
    <a href="{$strPcPath}/">
        {$DomainModel->d_name}-{$DomainModel->d_text_logo}
    </a>
</h2>
{/block}
{block name="main"}
<div class="content">
    <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="{$strPcPath}/" 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="{$strPcPath}/shuku/all/{$arrNovel.n_category_pinyin}/all/page1" 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='{$strPcPath}{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>

    <div class="info">
        <div class="info_box">
            <div class="info_L">
                <a href='{$strPcPath}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'
                    title="{$arrNovel['n_name']}" class="book_cov">
                    <img src="/static/img/default.jpg" data-src="{$Novel.n_cover_path ?? ''}"
                        alt="{$Novel->n_name ?? ''}封面" class="lazyload_book_cover lazyload-img">
                    <i class="serial">{$arrNovel.n_status ?? ''}</i>
                </a>
                <div class="btn">
                    <a href="javascript:;" class="sc" onclick="addBookshelfFun()">
                        <s></s>
                        <p>加入书架</p>
                    </a>
                    <a href="javascript:;" class="xh"><s></s>我喜欢</a>
                </div>
            </div>
            <div class="info_C book_inf">
                <div class="c01">
                    <h3><a
                            href='{$strPcPath}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>{$arrNovel['n_name']}</a>
                    </h3>
                    <!-- <span id="mod_book_star">0分</span> -->
                </div>
                <p class="c02">
                    <span class="zz">作者：{$arrNovel.n_author}</span>
                    <span>创建日期：{$arrNovel.n_update_time}</span>
                </p>
                <div class="c03">
                    <p class="jianjie">简介</p>
                    <div class="c03_box">
                        <p class="jj_con" id="book_desc">
                            {$arrNovel.n_description}</p>
                        <span class="zk_btn" style="">展开<s></s></span>
                        <span class="sq_btn" style="display: none;">收起<s></s></span>
                    </div>
                </div>
                <div class="c03  c03-jjyd">
                    <p class="jianjie">最新要点</p>
                    <div class="c03_box">
                        <p class="jj_con" id="book_desc2">
                            {$strFocus}</p>
                        <span class="zk_btn" style="">展开<s></s></span>
                        <span class="sq_btn" style="display: none;">收起<s></s></span>
                    </div>
                </div>
                <div class="c04">
                    {if !empty($arrChapter)}
                    <a href="{$strPcPath}/xiaoshuo/{$arrNovel.n_name_pinyin}-{$arrNovel.n_id}/zhang-1" class="read">立即阅读</a>
                    <a href="{$strPcPath}/xiaoshuo/{$arrNovel.n_name_pinyin}-{$arrNovel.n_id}/mulu/zheng" class="mulu">目录</a>
                    {/if}
                </div>
                <!-- <div class="c05">
                    <p class="c05_t">作品标签：
                        <a href="#"  class="red">打发十分</a>
                       
                        
                    </p>
                </div> -->
            </div>
        </div>
        <div class="info_R">
            <div class="inf02">
                <h4>小说信息</h4>
                <p>类别：
                    <?php $arrNovel['n_category_pinyin'] ?? $arrNovel['n_category_pinyin'] = 'all'?>
                    <a href='{$strPcPath}/shuku/all/{$arrNovel.n_category_pinyin}/all/page1' title="{$arrNovel.n_category}">
                        {$arrNovel.n_category}
                    </a>
                </p>
                <!-- <p>总字数：54.20万+</p> -->
                <p>总点击量：{$arrNovelClicks.total}</p>
                <p>月点击量：{$arrNovelClicks.monthly}</p>
                <p>周点击量：{$arrNovelClicks.weekly}</p>
                <p>日点击量：{$arrNovelClicks.daily}</p>
                <!-- <p>收藏：0</p> -->
            </div>

        </div>
    </div>

    <div class="info2">
        <div class="info2_L sjxq">
            <div class="gxzj">
                <div class="pl_tit">
                    <h2>最新章节</h2>
                </div>
                <div class="zj_con">
                    {volist name="arrChapter" id="Chapter" key="key"}
                    <p>
                        <a href="{$strPcPath}/xiaoshuo/{$arrNovel.n_name_pinyin}-{$Chapter.n_id}/zhang-{$Chapter.c_sort_num}"
                            class="zj">{$Chapter.c_name}</a>
                        <span class="time">{$Chapter.created_at ?? '1天前'}</span>
                        <!-- <span class="time">3天前</span>-->
                    </p>
                    <p class="zw" style="max-height: 98px; overflow: hidden;"></p>
                    {/volist}
                </div>
            </div>
            <div class="pl_tit">
                <h2>相邻推荐:</h2>
            </div>
            <div class="pl_con">
                {volist name="arrNovel.n_forge_novel" id="ForgeNovel" key="key"}
                <!-- n_forge_id -->
                <a href='{$strPcPath}/kan-xiaoshuo/{$arrNovel.n_name_pinyin}-{$arrNovel.n_id}-{$ForgeNovel.n_forge_id}'
                    class="red">{$ForgeNovel.n_forge_title}</a>
                {/volist}

            </div>
        </div>

        <div class="info2_R">
            <div class="fsph">
                <h4><s></s>精品推荐</h4>
                <ul class="info2_C">
                    {volist name="arrRelateveNovel" id="Novel" key="key"}
                    <li>
                        <h3>
                            <a href='{$strPcPath}{site:nurl n_id="$Novel.n_id" n_py="$Novel.n_name_pinyin" /}'
                                title="{$Novel['n_name'] ?? ''}">
                                {$Novel['n_name'] ?? ''}
                            </a>
                        </h3>
                        <div>
                            <a href='{$strPcPath}{site:nurl n_id="$Novel.n_id" n_py="$Novel.n_name_pinyin" /}'
                                title="$Novel['n_name'] ?? ''}" class="book_cov">
                                <img src="/template/kuangyu/home/bai_web/images/default.png"
                                    data-src="{$Novel['n_cover_path'] ?? ''}" class="lazyload_book_cover lazyload-img"
                                    alt="{$Novel['n_name'] ?? ''}">
                            </a>
                            <div class="book_inf">
                                <span class="aut">{$Novel['n_author'] ?? ''}</span>
                                <span class="tag"><a href="/">{$Novel['n_category'] ?? ''}</a></span>
                                <p class="int">
                                    {$Novel['n_description'] ?? ''}</p>
                            </div>
                        </div>
                    </li>
                    {/volist}

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

{block name="customize"}

{/block}

{block name="footer-js"}
<script src="/template/kuangyu/home/bai_web/js/global.js"></script>
<script>

</script>
{/block}