{php}
$cid = $article['cid'];
$ptpuser = $article['ptpuser'] ?? '';
$ptpys = isFlag($article['ptpys'] ?? 1, 1);
$ptpgg = $article['ptpgg'] ?? 0;
$ptpggurl = $article['ptpggurl'] ?? '';
$commauth = isFlag($article['commauth'] ?? 1, 1);
$title = trim((string)($article['article_title'] ?? ''));
if ($title === '') {
    $title = strCut(strip_tags($article['ptptext'] ?? ''), 30, '');
}
$cover = assetUrl($article['article_cover'] ?? '/assets/img/thumbnailbg.svg');
$coverCss = str_replace(["\\", "'", "\n", "\r", ")"], '', $cover);
$dateText = !empty($article['ptptime']) ? date('Y年m月d日', strtotime($article['ptptime'])) : '';
$markdownHtml = renderArticleEmojis(renderMarkdownArticleCached($article['ptptext'] ?? '', $cid));
$tagsEnabled = \app\service\ContentFeatureService::tagsEnabled();
$tagList = $tagsEnabled ? array_values(array_filter(array_map('trim', explode(',', $article['tags'] ?? '')))) : [];
$topIds = !empty($siteConfig['topes']) ? array_filter(array_map('trim', explode("\n", $siteConfig['topes']))) : [];
$isAdminPinned = in_array((string)$cid, $topIds, true);
$isUserPinned = !empty($article['user_top']);
$isPinned = $isAdminPinned || $isUserPinned;
$isOwner = $user && ($ptpuser === $user['username']);
$isAdminUser = $user && isAdmin($user['username']);
$canManage = $isOwner || $isAdminUser;
$dianzanText = '赞';
$dianzanClass = 'iconfont icon-aixin ri-sxdzlike';
if (!empty($liked)) {
    $dianzanText = '取消';
    $dianzanClass = 'iconfont icon-aixin2 ri-sxdzlikehs';
}
$commentBtn = ($commauth === 1)
    ? '<div class="sh-content-right-time-right-left-y" id="' . sanitizeHtml($cid) . '" data-cid="' . sanitizeHtml($cid) . '" onclick="plkkg()"><i class="iconfont icon-pinglun2 ri-sxdzcomm"></i><span>评论</span></div>'
    : '<div class="sh-content-right-time-right-left-y" id="' . sanitizeHtml($cid) . '" data-cid="' . sanitizeHtml($cid) . '"><i class="iconfont icon-pinglun2 ri-sxdzcomm"></i><span>评论关闭</span></div>';
{/php}

<div class="sh-article-detail">
    <div class="sh-article-progress" id="articleReadProgress"></div>
    <div class="sh-article-detail-hero" style="background-image:url('{$coverCss}');">
        <div class="sh-article-detail-mask"></div>
        <div class="sh-article-detail-title">
            <h1>{$title}</h1>
            <p>{$dateText}</p>
        </div>
    </div>

    <nav class="sh-article-toc" id="articleToc" style="display:none;">
        <div class="sh-article-toc-title">目录</div>
        <ol id="articleTocList"></ol>
    </nav>

    <article class="sh-article-markdown">
        {$markdownHtml|raw}
        {notempty name="tagList"}
        <div class="sh-content-tags" style="display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;">
            {volist name="tagList" id="tag"}
            <a href="/?tag={:rawurlencode($tag)}" style="font-size:13px;color:var(--theme);">#{$tag}</a>
            {/volist}
        </div>
        {/notempty}
    </article>

    {notempty name="attachments"}
    <div class="sh-attach-view">
        <div class="sh-attach-view-title"><i class="iconfont icon-biaoqian"></i> 附件 ({:count($attachments)})</div>
        {php}
        $attachUser = $user ?? null;
        foreach ($attachments as $att) {
            $attId = (int)$att['id'];
            $attName = sanitizeHtml($att['file_name'] ?: basename($att['file_url']));
            $attDesc = sanitizeHtml($att['file_desc'] ?? '');
            $attSize = '';
            if ($att['file_size'] > 0) {
                if ($att['file_size'] > 1048576) $attSize = number_format($att['file_size'] / 1048576, 1) . 'MB';
                elseif ($att['file_size'] > 1024) $attSize = number_format($att['file_size'] / 1024, 0) . 'KB';
                else $attSize = $att['file_size'] . 'B';
            }
            $attCode = $att['extract_code'] ?? '';
            $attType = $att['type'] ?? 'file';
            $attUrl = $att['file_url'];
            $iconClass = $attType === 'link' ? 'icon-lianjie1' : 'icon-biaoqian';
            $sizeHtml = $attSize ? ' <span class="att-size">(' . $attSize . ')</span>' : '';
            $codeHtml = $attCode !== '' ? ' <span class="att-code-tag">提取码: ' . sanitizeHtml($attCode) . '</span>' : '';
            $descHtml = $attDesc !== '' ? '<div class="sh-attach-view-desc">' . $attDesc . '</div>' : '';

            if ($attachUser) {
                if ($attType === 'link') {
                    echo '<div class="sh-attach-view-item"><i class="iconfont ' . $iconClass . '"></i><div class="sh-attach-view-info"><a href="' . sanitizeUrl($attUrl) . '" target="_blank">' . $attName . '</a>' . $descHtml . '</div>' . $sizeHtml . $codeHtml . '</div>';
                } else {
                    echo '<div class="sh-attach-view-item"><i class="iconfont ' . $iconClass . '"></i><div class="sh-attach-view-info"><a href="/api/attachment/download?id=' . $attId . '">' . $attName . '</a>' . $descHtml . '</div>' . $sizeHtml . $codeHtml . '</div>';
                }
            } else {
                echo '<div class="sh-attach-view-item"><i class="iconfont ' . $iconClass . '"></i><div class="sh-attach-view-info"><span>' . $attName . '</span>' . $descHtml . '</div>' . $sizeHtml . '<span class="att-login">登录后可下载</span></div>';
            }
        }
        {/php}
    </div>
    {/notempty}

    {notempty name="poll"}
    <div class="sh-poll-view" id="sh-poll-{$poll.id}">
        <div class="sh-poll-view-title"><i class="iconfont icon-pinglun-yx"></i> 投票</div>
        <div class="sh-poll-view-question">{$poll.question}</div>
        <div class="sh-poll-view-options" id="sh-poll-options-{$poll.id}" data-voted="{if condition="$poll['has_voted'] || $poll['expired']"}1{else /}0{/if}">
            {volist name="poll.options" id="opt"}
            <div class="sh-poll-view-option {if condition="$opt['selected']"}sh-poll-view-option-selected{/if}" data-index="{$opt.index}" onclick="pollVote({$poll.id}, {$opt.index}, {$poll.type})">
                <div class="sh-poll-view-option-bar" style="width: {if condition="$poll['has_voted']"}{$opt.percent}{else /}0{/if}%"></div>
                <div class="sh-poll-view-option-text">
                    <span class="sh-poll-view-option-label">{$opt.text}</span>
                    {if condition="$poll['has_voted']"}
                    <span class="sh-poll-view-option-stat">{$opt.count}票 ({$opt.percent}%)</span>
                    {/if}
                </div>
                {if condition="$opt['selected']"}<span class="sh-poll-view-option-check">✓</span>{/if}
            </div>
            {/volist}
        </div>
        <div class="sh-poll-view-footer">
            <span>共 {$poll.total_votes} 人参与</span>
            {if condition="$poll['expired']"}<span class="sh-poll-view-expired">已结束</span>{/if}
            {if condition="$poll['type'] == 2"}<span class="sh-poll-view-type">多选</span>{/if}
        </div>
    </div>
    {/notempty}

    <div class="sh-article-actions" id="sh-content-{$cid}">
            <div class="sh-content-right-time">
                <div class="sh-content-right-time-left"><span>{:formatFriendlyDate(strtotime($article['ptptime'] ?? 'now'))}</span></div>
                <div class="sh-content-right-time-right">
                    <div class="sh-content-right-time-right-left" id="pl-{$cid}" name="pl">
                        <div class="sh-content-right-time-right-left-z" data-cid="{$cid}" onclick="dinazanv()">
                            <i class="{$dianzanClass}" id="tiezimg-{$cid}"></i>
                            <span id="tiezdz-{$cid}">{$dianzanText|raw}</span>
                        </div>
                        <p></p>
                        {$commentBtn|raw}
                    </div>
                    <div class="sh-content-right-time-right-right" id="{$cid}" data-cid="{$cid}" onclick="plk()">
                        <p class="zp1"></p>
                        <p></p>
                    </div>
                </div>
            </div>

        <div class="sh-article-zanp" id="zanss-{$cid}">
            <div class="sh-zanp-zan zan2" id="zans-{$cid}" style="{empty name="likes"}display:none{else /}display:flex{/empty}">
                <div class="sh-zanp-zan-left sh-zanp-zan-left2"><i class="iconfont icon-aixin ri-sxwzlike"></i></div>
                <ul class="sh-zanp-zan-right sh-zanp-zan-right2" id="sh-zanp-ul">
                    {php}
                    $visitorCount = 0;
                    foreach ($likes as $like) {
                        $luser = (string)($like['luser'] ?? '');
                        if (isVisitorUser($luser) && trim((string)($like['lname'] ?? '')) === '') {
                            $visitorCount++;
                        } else {
                            $avatar = getLikeAvatar($like, $likeUsers);
                            $likeName = getLikeDisplayName($like);
                            echo '<li id="zan-' . sanitizeHtml($luser) . '" title="' . sanitizeHtml($likeName) . '"><img src="/assets/img/thumbnail.svg" data-src="' . sanitizeHtml($avatar) . '" data-fallback="/assets/img/tx.png" alt="' . sanitizeHtml($likeName) . '"></li>';
                        }
                    }
                    if ($visitorCount > 0) {
                        echo '<li id="fkzan-zan" style="width: fit-content;height: 30px;margin-right: 5px;margin-bottom: 5px;display: flex;align-items: center;"><span style="font-size: 12px;color: var(--adgg);max-width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">' . $visitorCount . '位访客</span></li>';
                    }
                    {/php}
                </ul>
            </div>

            <div class="sh-dz-z" id="sh-dz-z-{$cid}" style="{empty name="comments"}display:none;{/empty}">
                <div class="sh-zanp-zan-left sh-zanp-zan-left2"><i class="iconfont icon-pinglun2 ri-sxdzcommls"></i></div>
                <ul class="sh-zanp-pl sh-zanp-pl2 sh-zanp-pl3" id="sh-zanp-pl-{$cid}" style="{empty name="comments"}display:none;{/empty}">
                    {volist name="comments" id="comment"}
                    {php}
                    $commentText = (isFlag($comment['comaud'] ?? 1, 1) === 1) ? $comment['cotext'] : '该条评论未通过审核!';
                    $commentTime = formatFriendlyDate(strtotime($comment['cotime']));
                    $commentAvatar = getCommentAvatar($comment);
                    $commentName = getUserDisplayName((string)($comment['couser'] ?? ''), (string)($comment['coname'] ?? ''));
                    $replyName = getUserDisplayName((string)($comment['bcouser'] ?? ''), (string)($comment['bconame'] ?? ''));
                    $commentUrl = empty($comment['courl']) ? '' : 'href="' . sanitizeUrl($comment['courl']) . '" style="pointer-events: all;"';
                    {/php}
                    <li class="sh-comment-item" data-comment-item="1" data-comment-name="{$commentName}" data-comment-user="{$comment.couser}" data-comment-article="{$cid}" data-comkzt="0">
                        <div class="sh-zanp-pl-tx"><img src="/assets/img/thumbnail.svg" data-src="{$commentAvatar}" data-fallback="/assets/img/tx.png" alt="avatar"></div>
                        <div class="sh-zanp-pl-n sh-zanp-pl-n2">
                            <div class="sh-zanp-pl-n-mz"><a {$commentUrl|raw} class="sh-zanp-pl-n-nc" target="_blank">{$commentName}</a> <span>&#183; {$commentTime}</span></div>
                            {if condition="(!empty($comment['bcouser']) && $comment['bcouser'] !== 'false') || (!empty($comment['bconame']) && $comment['bconame'] !== 'false')"}
                            <span>回复</span>
                            <span class="sh-zanp-pl-n-nc">{$replyName}</span>：
                            {/if}
                            <span class="sh-zanp-pl-n-nr">{php}echo isFlag($comment['comaud'] ?? 1, 1) === 1 ? renderArticleEmojis(sanitizeHtml($comment['cotext'])) : $commentText;{/php}</span>
                        </div>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</div>

{eq name="commauth" value="1"}
<div style="display:none;position: absolute;top: -100%;" id="pinglunkfk">
<div class="sh-pinglunkuang" id="pinglunkuang">
    <div class="sh-pinglun" id="sh-pinglun">
        {empty name="user"}
        <div class="sh-plk-yk" id="sh-plk-yk">
            <div class="sh-plk-yk-z"><input id="vis_name" type="text" placeholder="昵称*" autocomplete="off"></div>
            <div class="sh-plk-yk-zz"><input id="vis_email" type="text" placeholder="邮箱*" autocomplete="off"></div>
            <div class="sh-plk-yk-z"><input id="vis_url" type="text" placeholder="网站" autocomplete="off"></div>
        </div>
        {/empty}
        <div class="sh-pinglun-s">
            <textarea id="bletext" class="form-controll" placeholder="评论" maxlength="500"></textarea>
        </div>
        <div class="sh-pinglun-biao" id="biaoqing">
            {php}
            $commentEmojis = [
                ['E591B5E591B5_2x.png', '::(呵呵)'], ['E59388E59388_2x.png', '::(哈哈)'],
                ['E59090E8888C_2x.png', '::(吐舌)'], ['E5A4AAE5BC80E5BF83_2x.png', '::(太开心)'],
                ['E7AC91E79CBC_2x.png', '::(笑眼)'], ['E88AB1E5BF83_2x.png', '::(花心)'],
                ['E5B08FE4B996_2x.png', '::(小乖)'], ['E4B996_2x.png', '::(乖)'],
                ['E68D82E598B4E7AC91_2x.png', '::(捂嘴笑)'], ['E6BB91E7A8BD_2x.png', '::(滑稽)'],
                ['E4BDA0E68782E79A84_2x.png', '::(你懂的)'], ['E4B88DE9AB98E585B4_2x.png', '::(不高兴)'],
                ['E68092_2x.png', '::(怒)'], ['E6B197_2x.png', '::(汗)'],
                ['E9BB91E7BABF_2x.png', '::(黑线)'], ['E6B3AA_2x.png', '::(泪)'],
                ['E79C9FE6A392_2x.png', '::(真棒)'], ['E596B7_2x.png', '::(喷)'],
                ['E6838AE593AD_2x.png', '::(惊哭)'], ['E998B4E999A9_2x.png', '::(阴险)'],
                ['E98499E8A786_2x.png', '::(鄙视)'], ['E985B7_2x.png', '::(酷)'],
                ['E5958A_2x.png', '::(啊)'], ['E78B82E6B197_2x.png', '::(狂汗)'],
                ['what_2x.png', '::(what)'], ['E79691E997AE_2x.png', '::(疑问)'],
                ['E985B8E788BD_2x.png', '::(酸爽)'], ['E59180E592A9E788B9_2x.png', '::(呀咩蹀)'],
                ['E5A794E5B188_2x.png', '::(委屈)'], ['E6838AE8AEB6_2x.png', '::(惊讶)'],
                ['E79DA1E8A789_2x.png', '::(睡觉)'], ['E7AC91E5B0BF_2x.png', '::(笑尿)'],
            ];
            foreach ($commentEmojis as $emoji):
            {/php}
            <img src="/assets/img/thumbnail.svg" data-src="/assets/owo/paopao/{$emoji[0]}" alt="{$emoji[1]}" onclick="biaoqzj(event)">
            {php}endforeach;{/php}
        </div>
        <div class="sh-pinglun-fs">
            <div class="sh-pinglun-fs-right">
                <div class="sh-pinglun-fs-right-bqimg" id="bqkg" onclick="bqkg()">
                    <i class="iconfont icon-biaoqing ri-sxbqxz" id="sh-pinglun-fs-right-bqimg"></i>
                </div>
                <div class="sh-pinglun-fs-right-fs" onclick="fasongv()">
                    <span>发送</span>
                </div>
            </div>
        </div>
    </div>
    <div class="huifucanshu">
        <p id="sh-tieid">{$cid}</p>
        <p id="sh-tiehf">-</p>
        <p id="sh-tieea">-</p>
    </div>
</div>
</div>
{/eq}

<div class="sh-view-set" id="sh-view-set">
    <div class="sh-view-set-wk" id="sh-view-set-wk" onclick="viewsetg()">
        <div class="sh-view-set-wk-con" id="sh-view-set-wk-con">
            <div class="sh-view-set-wk-con-title" style="margin-bottom: 1px;" data-cid="{$cid}" onclick="openSharePanel(this)">
                <span>分享</span>
            </div>
            {if condition="$authorQr['alipay_qr'] || $authorQr['wechat_qr']"}
            <div class="sh-view-set-wk-con-title" style="margin-bottom: 1px;" onclick="openTipPanel()">
                <span>打赏</span>
            </div>
            {/if}
            {notempty name="canManage"}
            <div class="sh-view-set-wk-con-divider"></div>
            {notempty name="isAdminUser"}
            <div class="sh-view-set-wk-con-title" style="margin-bottom: 1px;" id="sh-wzzdyqx-{$cid}" lang="{$isAdminPinned ? 'qx' : 'sw'}" onclick="wzszd(this)">
                <span>{$isAdminPinned ? '取消首页置顶' : '首页置顶'}</span>
            </div>
            {/notempty}
            {if condition="$isOwner"}
            <div class="sh-view-set-wk-con-title" style="margin-bottom: 1px;" id="sh-wzyhd-{$cid}" lang="{$isUserPinned ? 'qx' : 'sw'}" onclick="wzszd_user(this)">
                <span>{$isUserPinned ? '取消个人置顶' : '个人置顶'}</span>
            </div>
            {/if}
            <div class="sh-view-set-wk-con-title" style="margin-bottom: 1px;" onclick="location.href='/edit/{$cid}'">
                <span>编辑</span>
            </div>
            <div class="sh-view-set-wk-con-title" id="sh-wzdsdzt-{$cid}" lang="{$ptpys === 1 ? '0' : '1'}" onclick="wzsdyj(this)">
                <span>{$ptpys === 1 ? '设为隐私' : '取消隐私'}</span>
            </div>
            {/notempty}
            <div class="sh-view-set-wk-con-title" style="margin-top: 5px;padding-bottom: 10px;" onclick="viewsetg()">
                <span>取消</span>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="allkey" value="{$allkey}">

<!-- 分享面板 -->
<div class="share-panel" id="sharePanel" style="display:none;">
    <div class="share-panel-box">
        <div class="share-panel-head">
            <span>分享到</span>
            <i class="iconfont icon-quxiao" onclick="closeSharePanel()"></i>
        </div>
        <div class="share-panel-body">
            <div class="share-item" onclick="shareToWechat()">
                <div class="share-icon share-wechat"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.3 17.2c-3.4-.4-6-2.7-6-5.6 0-3.2 3.3-5.8 7.3-5.8 3.7 0 6.8 2.2 7.2 5.1"></path><path d="M14.8 11.2c3.4 0 6.1 2 6.1 4.5s-2.7 4.5-6.1 4.5c-.7 0-1.4-.1-2-.3l-2.2 1.1.5-2c-1.5-.8-2.4-2-2.4-3.3 0-2.5 2.7-4.5 6.1-4.5Z"></path><path d="M8.4 10h.01M12.4 10h.01M13.6 15.4h.01M17 15.4h.01"></path></svg></div>
                <span>微信</span>
            </div>
            <div class="share-item" onclick="shareToWeibo()">
                <div class="share-icon share-weibo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.4 9.1c1.2 1 1.9 2.3 1.9 3.8 0 3.3-4 6-8.9 6s-8.9-2.7-8.9-6c0-2.5 2.3-4.6 5.5-5.5.7-1.2 1.9-2.9 3.8-2.4 1 .3 1.4 1.2 1.4 2.1 1.7-.5 3.6-.4 5.2 2Z"></path><path d="M10 13.6c0 1.1 1.2 2 2.7 2s2.7-.9 2.7-2-1.2-2-2.7-2-2.7.9-2.7 2Z"></path><path d="M17 4.8c1.5 0 2.7 1.1 2.9 2.6M18.5 2.7c2.2.2 4 1.9 4.2 4.1"></path></svg></div>
                <span>微博</span>
            </div>
            <div class="share-item" onclick="shareToQQ()">
                <div class="share-icon share-qq"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 10.7c0-3.8 1.8-6.7 4-6.7s4 2.9 4 6.7c0 1.5-.3 2.8-.8 3.9l2.1 2.5-2.8-.2c-.7.6-1.6.9-2.5.9s-1.8-.3-2.5-.9l-2.8.2 2.1-2.5c-.5-1.1-.8-2.4-.8-3.9Z"></path><path d="M9.1 18.2 7.8 21M14.9 18.2l1.3 2.8M10.8 9.8h.01M13.2 9.8h.01"></path></svg></div>
                <span>QQ</span>
            </div>
            <div class="share-item" onclick="copyShareLink()">
                <div class="share-icon share-link"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10 13.5a4 4 0 0 0 5.7 0l2.8-2.8a4 4 0 0 0-5.7-5.7l-1.2 1.2"></path><path d="M14 10.5a4 4 0 0 0-5.7 0l-2.8 2.8a4 4 0 0 0 5.7 5.7l1.2-1.2"></path></svg></div>
                <span>复制链接</span>
            </div>
            <div class="share-item" onclick="generatePoster()">
                <div class="share-icon share-poster"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="3" width="14" height="18" rx="2"></rect><path d="M8 8h8M8 11h8M8 16l2-2 2 2 2.5-3 1.5 2"></path></svg></div>
                <span>生成海报</span>
            </div>
        </div>
    </div>
</div>

<!-- 海报预览 -->
<div class="poster-modal" id="posterModal" style="display:none;">
    <div class="poster-modal-box">
        <div class="poster-modal-head">
            <span>分享海报</span>
            <i class="iconfont icon-quxiao" onclick="closePosterModal()"></i>
        </div>
        <div class="poster-modal-body">
            <canvas id="posterCanvas" width="400" height="560"></canvas>
        </div>
        <div class="poster-modal-foot">
            <div class="poster-btn" onclick="savePoster()">保存图片</div>
        </div>
    </div>
</div>

<!-- 微信二维码弹窗 -->
<div class="wechat-modal" id="wechatModal" style="display:none;">
    <div class="wechat-modal-box">
        <div class="wechat-modal-head">
            <span>微信扫码分享</span>
            <i class="iconfont icon-quxiao" onclick="closeWechatModal()"></i>
        </div>
        <div class="wechat-modal-body">
            <div id="qrCanvas" style="width:200px;height:200px;margin:0 auto;"></div>
            <p>打开微信，扫一扫分享</p>
        </div>
    </div>
</div>

<!-- 打赏弹窗 -->
{if condition="$authorQr['alipay_qr'] || $authorQr['wechat_qr']"}
<div class="tip-modal" id="tipModal" style="display:none;">
    <div class="tip-modal-box">
        <div class="tip-modal-head">
            <span>赞赏支持</span>
            <i class="iconfont icon-quxiao" onclick="closeTipPanel()"></i>
        </div>
        <div class="tip-modal-body">
            {if condition="$authorQr['alipay_qr'] && $authorQr['wechat_qr']"}
            <div class="tip-modal-tabs">
                <div class="tip-modal-tab active" onclick="switchTipTab('alipay')">支付宝</div>
                <div class="tip-modal-tab" onclick="switchTipTab('wechat')">微信</div>
            </div>
            {/if}
            <div class="tip-modal-qr-wrap">
                {if condition="$authorQr['alipay_qr']"}
                <div class="tip-modal-qr" id="tipQrAlipay">
                    <img src="{$authorQr['alipay_qr']}" alt="支付宝收款码">
                    <p>支付宝扫码打赏</p>
                </div>
                {/if}
                {if condition="$authorQr['wechat_qr']"}
                <div class="tip-modal-qr" id="tipQrWechat" style="{if condition="$authorQr['alipay_qr']"}display:none{/if}">
                    <img src="{$authorQr['wechat_qr']}" alt="微信收款码">
                    <p>微信扫码打赏</p>
                </div>
                {/if}
            </div>
        </div>
    </div>
</div>
{/if}

{php}
// 检测是否包含 Mermaid 或 LaTeX
$rawText = $article['ptptext'] ?? '';
$hasMermaid = stripos($rawText, '```mermaid') !== false;
$hasKatex = strpos($rawText, '$$') !== false || preg_match('/(?<!\$)\$(?!\s).+?(?<!\s)\$(?!\$)/s', $rawText);
{/php}
{if condition="$hasMermaid"}
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
<script>
mermaid.initialize({startOnLoad:false,theme:'default'});
document.querySelectorAll('.sh-mermaid').forEach(function(el){el.className='mermaid';});
mermaid.run();
</script>
{/if}
{if condition="$hasKatex"}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script>
document.querySelectorAll('.sh-katex-display').forEach(function(el){
    try{katex.render(el.getAttribute('data-katex'),el,{displayMode:true,throwOnError:false})}catch(e){el.textContent=el.getAttribute('data-katex')}
});
document.querySelectorAll('.sh-katex-inline').forEach(function(el){
    try{katex.render(el.getAttribute('data-katex'),el,{displayMode:false,throwOnError:false})}catch(e){el.textContent=el.getAttribute('data-katex')}
});
</script>
{/if}

<script>
window.__POSTER_RANDOM_API__ = '{$posterRandomApi|default=""}';
</script>