{{define "update_toast"}}
  {{if .UpdateNotice}}
  <div class="up-toast" id="upToast">
    <div class="up-toast-inner">
      <span class="up-toast-dot"></span>
      <div class="up-toast-body">
        <strong>发现新版本 v{{.UpdateNotice.Version}}</strong>
        <p>{{.UpdateNotice.Notes}}</p>
      </div>
      <div class="up-toast-acts">
        <a href="/admin/settings?tab=update">去更新 →</a>
        <button type="button" data-close title="关闭">✕</button>
      </div>
    </div>
  </div>
  <script>var ut=document.getElementById("upToast");if(ut){var cb=ut.querySelector("[data-close]");if(cb){cb.addEventListener("click",function(){ut.remove();});}}</script>
  {{end}}
{{end}}

{{define "semver_rules"}}
  <div class="doc-semver">
    <h5>语义化版本规则<em>SemVer 2.0</em></h5>
    <ul>
      <li><span class="sv-key">格式</span>v主.次.修（如 v0.2.0）</li>
      <li><span class="sv-key">主版本</span>不兼容的架构 / 行为变更（0.x 阶段保持 0）</li>
      <li><span class="sv-key">次版本</span>新增功能 → +0.1.0，修正归零</li>
      <li><span class="sv-key">修订版</span>修复与体验优化 → +0.0.1</li>
      <li class="doc-semver-key">每次发布逐位递增，<b>禁止无依据跳增</b>；新功能只升次版本，修复只升修订版；构建号随发布连续 +1。</li>
    </ul>
  </div>
{{end}}

{{define "seo_head"}}
  {{/* 收录底座：描述 / 规范链接 / 收录策略 / 分享卡片 / 结构化数据 / 站长验证
       全部由核心引擎按页面级 SEO 元数据生成（ViewData.SEO → ViewData.SEOHead），
       此处只负责输出，不再由模板猜内容，详情页也不会退化成站点级描述。 */}}
  {{.SEOHead}}
{{end}}

{{define "pagination"}}
  {{if or .Data.Prev .Data.Next}}
  <nav class="pagination">
    {{if .Data.Prev}}
    <a href="{{.Data.Base}}page={{sub .Data.Page 1}}">← 上一页</a>
    {{else}}
    <span class="disabled">← 上一页</span>
    {{end}}
    <span>{{.Data.Page}} / {{.Data.TotalPages}}</span>
    {{if .Data.Next}}
    <a href="{{.Data.Base}}page={{add .Data.Page 1}}">下一页 →</a>
    {{else}}
    <span class="disabled">下一页 →</span>
    {{end}}
  </nav>
  {{end}}
{{end}}

{{define "site_header"}}
<header class="site-header">
  <div class="container header-inner">
    <a class="brand" href="/">
      <span class="brand-mark">晴</span>
      <span class="brand-name">{{.Site.Name}}<em>ZxSora</em></span>
    </a>
    <nav class="main-nav" id="mainNav">
      {{/* 顶栏条目由后台「站点设置 → 站点导航」维护（名称 / 链接 / 排序 / 新窗口 / 显隐）。
           kind=modules 的那条是「模块」下拉位：里面的模块随安装状态自动增减，
           一个额外的模块都没装时整条不渲染。 */}}
      {{range .Site.Navs}}
      {{if .IsModules}}
      {{if $.Site.HasModuleDropdown}}
      <div class="nav-dd" id="navModules">
        <a href="#" class="nav-dd-btn">{{.Label}}<span class="nav-dd-caret">▾</span></a>
        <div class="nav-dd-menu">
          {{range $.Site.Modules}}
          {{if ne .Key "blog"}}
          <a href="{{.Path}}" class="{{if pathActive .Match $.Path}}active{{end}}">{{.Name}}</a>
          {{end}}
          {{end}}
        </div>
      </div>
      {{end}}
      {{else}}
      <a href="{{.URL}}" class="{{if navActive .URL $.Path}}active{{end}}"{{if .NewTab}} target="_blank" rel="noopener noreferrer"{{end}}>{{.Label}}</a>
      {{end}}
      {{end}}
    </nav>
    <div class="header-actions">
      <form class="search-box" action="/search" method="get">
        <span class="search-ico">🔍</span>
        <input type="text" name="q" placeholder="搜索" value="{{if and .Data (index .Data "Query")}}{{index .Data "Query"}}{{end}}" aria-label="搜索">
      </form>
      {{if .User}}
      <a class="hdr-bell" href="/notifications" title="消息中心" aria-label="消息中心">
        <span class="hdr-bell-ico">🔔</span>
        {{if .Unread}}<em class="hdr-dot">{{if gt .Unread 99}}99+{{else}}{{.Unread}}{{end}}</em>{{end}}
      </a>
      <div class="nav-dd hdr-me" id="navMe">
        <a href="#" class="nav-dd-btn"><span class="hdr-avatar">{{initial .User.Username}}</span>{{.User.Username}}<span class="nav-dd-caret">▾</span></a>
        <div class="nav-dd-menu">
          <a href="/u/{{.User.Username}}">我的主页</a>
          <a href="/favorites">我的收藏</a>
          <a href="/notifications">消息中心{{if .Unread}}<em class="hdr-dot-inline">{{.Unread}}</em>{{end}}</a>
          {{if or (eq .User.Role "admin") .Perms}}<a href="/admin">管理后台</a>{{else}}<a href="/admin/posts">我的文章</a>{{end}}
          <a href="/logout">退出登录</a>
        </div>
      </div>
      {{else}}
      <a class="btn btn-ghost btn-sm" href="/login">登录</a>
      {{if .Site.Registration}}<a class="btn btn-primary btn-sm" href="/register">注册</a>{{end}}
      {{end}}
      <button class="nav-toggle" id="navToggle" aria-label="菜单">
        <span class="nav-toggle-ico">☰</span>
      </button>
    </div>
  </div>
</header>
{{end}}

{{define "follow_button"}}
  {{/* 关注按钮：传入 dict "VD" . "Type" "section" "Key" "3" "Title" "版块名" "URL" "/forum" "Self" "被关注者用户名(人)或空" */}}
  {{$vd := .VD}}{{$u := $vd.User}}
  {{if not (and $u (eq $u.Username .Self))}}
  <form class="act-form" method="post" action="/follow">
    <input type="hidden" name="csrf" value="{{$vd.CSRF}}">
    <input type="hidden" name="type" value="{{.Type}}">
    <input type="hidden" name="key" value="{{.Key}}">
    <input type="hidden" name="title" value="{{.Title}}">
    <input type="hidden" name="url" value="{{.URL}}">
    <input type="hidden" name="back" value="{{$vd.Path}}">
    {{if followed $u .Type .Key}}
    <button class="btn btn-ghost btn-sm is-on" type="submit" title="点击取消关注">已关注 ✓</button>
    {{else}}
    <button class="btn btn-ghost btn-sm" type="submit">+ 关注</button>
    {{end}}
  </form>
  {{end}}
{{end}}

{{define "fav_button"}}
  {{/* 收藏按钮：传入 dict "VD" . "Type" "post" "Key" slug "Title" 标题 "URL" "/post/xxx" */}}
  {{$vd := .VD}}{{$u := $vd.User}}
  <form class="act-form" method="post" action="/favorite">
    <input type="hidden" name="csrf" value="{{$vd.CSRF}}">
    <input type="hidden" name="type" value="{{.Type}}">
    <input type="hidden" name="key" value="{{.Key}}">
    <input type="hidden" name="title" value="{{.Title}}">
    <input type="hidden" name="url" value="{{.URL}}">
    <input type="hidden" name="back" value="{{$vd.Path}}">
    {{if faved $u .Type .Key}}
    <button class="btn btn-ghost btn-sm is-on" type="submit" title="点击取消收藏">★ 已收藏</button>
    {{else}}
    <button class="btn btn-ghost btn-sm" type="submit">☆ 收藏</button>
    {{end}}
  </form>
{{end}}

{{define "module_meta"}}
  {{if .Data.App}}
  <section class="mod-meta">
    <div class="mod-meta-head">
      <span class="mod-meta-name">{{.Data.App.Name}}</span>
      <span>{{verTag .Data.App.Version}}</span>
      <span class="mod-meta-author">作者：{{.Data.App.Author}}</span>
      {{if and .CSRF .Data.App.Installed .Data.App.Backend}}<a class="mod-meta-log" href="{{.Data.App.Backend}}">进入后台管理 →</a>{{end}}
      <a class="mod-meta-log" href="/apps/{{.Data.App.Key}}#changelog">查看完整更新日志 →</a>
    </div>
    {{if .Data.App.Changelog}}
    <div class="mod-meta-list">
      {{range .Data.App.Changelog}}
      <div class="mod-meta-item">
        <span class="mod-meta-ver">{{verTag .Version}}</span>
        <span class="mod-meta-date">{{.Date}}</span>
        <span class="mod-meta-items">{{range .Items}}{{.}}<em>·</em>{{end}}</span>
      </div>
      {{end}}
    </div>
    {{end}}
  </section>
  {{end}}
{{end}}

{{define "post_type_blocks"}}
  {{/* 帖子多类型渲染：按 .Type 输出投票 / 多图 / 商品 / 视频 / 辩论区块。
       传入：dict "Type" . "Config" cfg "Poll" pollView "Debate" debateView "PollURL" voteURL "DebateURL" debateURL "VideoLayout" layout */}}
  {{$cfg := .Config}}
  {{if eq .Type "poll"}}
  <div class="pt-block">
    <div class="pt-poll" data-poll-url="{{.PollURL}}" data-multiple="{{if $cfg.Multiple}}1{{else}}0{{end}}" data-voted="{{if and .Poll .Poll.Voted}}1{{else}}0{{end}}">
      <p class="pt-poll-meta">🗳 匿名投票 · 实时结果{{if $cfg.Multiple}} · 可多选{{end}}</p>
      {{if .Poll}}
      {{range $i, $o := .Poll.Options}}
      <button type="button" class="pt-poll-opt{{if and $.Poll $.Poll.Voted}} {{if eq $.Poll.Mine $i}}selected{{end}}{{end}}" data-index="{{$i}}">
        <span class="pt-poll-opt-bar" style="width:{{$o.Pct}}%"></span>
        <span class="pt-poll-opt-inner">
          <span class="pt-poll-opt-check"></span>
          <span>{{$o.Text}}</span>
          <span class="pt-poll-opt-pct">{{$o.Pct}}%</span>
        </span>
      </button>
      {{end}}
      {{else}}
      {{range $i, $o := $cfg.Options}}
      <button type="button" class="pt-poll-opt" data-index="{{$i}}">
        <span class="pt-poll-opt-bar" style="width:0%"></span>
        <span class="pt-poll-opt-inner">
          <span class="pt-poll-opt-check"></span>
          <span>{{$o}}</span>
        </span>
      </button>
      {{end}}
      {{end}}
      <div class="pt-poll-foot">
        <span class="pt-poll-total">{{if .Poll}}共 {{.Poll.Total}} 票{{else}}等待第一票{{end}}</span>
        {{if and .Poll .Poll.Voted}}
        <span class="pt-poll-voted-tip">✓ 你已投票{{if gt .Poll.Mine -1}}，选的是第 {{add .Poll.Mine 1}} 项{{end}}</span>
        {{else}}
        <button type="button" class="pt-poll-btn">投出这一票</button>
        {{end}}
      </div>
    </div>
  </div>
  {{else if eq .Type "gallery"}}
  <div class="pt-block">
    <div class="pt-gallery{{if eq (len $cfg.Images) 1}} one{{else if eq (len $cfg.Images) 3}} three{{else if gt (len $cfg.Images) 4}} many{{end}}">
      {{range $cfg.Images}}<img src="{{.}}" alt="" loading="lazy">{{end}}
    </div>
  </div>
  {{else if eq .Type "product"}}
  <div class="pt-block">
    {{if and $cfg.Image $cfg.Title}}
    <div class="pt-prod-card">
      <img class="pt-prod-img" src="{{$cfg.Image}}" alt="{{$cfg.Title}}" loading="lazy" referrerpolicy="no-referrer">
      <div class="pt-prod-body">
        <span class="pt-prod-plat {{$cfg.Platform}}">{{$cfg.PlatName}}</span>
        <h4 class="pt-prod-title">{{$cfg.Title}}</h4>
        {{if $cfg.Desc}}<p class="pt-prod-desc">{{$cfg.Desc}}</p>{{end}}
        <div class="pt-prod-foot">
          {{if $cfg.Price}}<span class="pt-prod-price">{{$cfg.Price}}</span>{{end}}
          <a class="pt-prod-go" href="{{$cfg.URL}}" target="_blank" rel="noopener noreferrer">去看看 →</a>
        </div>
      </div>
    </div>
    {{else if or $cfg.Title $cfg.Image}}
    <div class="pt-prod-card small">
      {{if $cfg.Image}}<img class="pt-prod-img" src="{{$cfg.Image}}" alt="{{$cfg.Title}}" loading="lazy" referrerpolicy="no-referrer">{{end}}
      <div class="pt-prod-body">
        <span class="pt-prod-plat {{$cfg.Platform}}">{{$cfg.PlatName}}</span>
        {{if $cfg.Title}}<h4 class="pt-prod-title">{{$cfg.Title}}</h4>{{end}}
        <div class="pt-prod-foot">
          {{if $cfg.Price}}<span class="pt-prod-price">{{$cfg.Price}}</span>{{end}}
          <a class="pt-prod-go" href="{{$cfg.URL}}" target="_blank" rel="noopener noreferrer">去看看 →</a>
        </div>
      </div>
    </div>
    {{else}}
    <div class="pt-prod-fallback">
      <span class="pt-prod-fallback-logo">{{$cfg.PlatName}}</span>
      <span class="pt-prod-fb-url">{{$cfg.URL}}</span>
      <a href="{{$cfg.URL}}" target="_blank" rel="noopener noreferrer">打开链接 →</a>
    </div>
    {{end}}
  </div>
  {{else if eq .Type "video"}}
  <div class="pt-block">
    {{if $cfg.Extracted}}
    <iframe class="pt-video-frame" src="{{$cfg.EmbedURL}}" title="{{$cfg.PlatName}} 视频" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
    {{else}}
    <div class="pt-video-jump">
      <span class="pt-video-jump-ico">▶</span>
      <div class="pt-video-jump-body">
        <div class="pt-video-jump-name">{{$cfg.PlatName}}</div>
        <div class="pt-video-jump-hint">该平台暂不支持站内播放，点开去看原视频</div>
      </div>
      <a class="pt-video-open" href="{{$cfg.URL}}" target="_blank" rel="noopener noreferrer">去 {{$cfg.PlatName}} 看 →</a>
    </div>
    {{end}}
  </div>
  {{else if eq .Type "debate"}}
  <div class="pt-block">
    <div class="pt-debate" data-debate-url="{{.DebateURL}}">
      <div class="pt-debate-side pt-debate-pro">
        <span class="pt-debate-tag">正方</span>
        {{with $cfg.Pro}}<h4>{{.Title}}</h4>{{if .Statement}}<p>{{.Statement}}</p>{{end}}{{end}}
        <div class="pt-debate-stats"><span>🟢 <b data-count="pro">{{if .Debate}}{{.Debate.Pro}}{{else}}0{{end}}</b> 人站这边</span></div>
        <button type="button" class="pt-debate-btn{{if and .Debate (eq .Debate.Side "pro")}} active{{end}}" data-side="pro">站正方</button>
      </div>
      <div class="pt-debate-side pt-debate-con">
        <span class="pt-debate-tag">反方</span>
        {{with $cfg.Con}}<h4>{{.Title}}</h4>{{if .Statement}}<p>{{.Statement}}</p>{{end}}{{end}}
        <div class="pt-debate-stats"><span>🔴 <b data-count="con">{{if .Debate}}{{.Debate.Con}}{{else}}0{{end}}</b> 人站这边</span></div>
        <button type="button" class="pt-debate-btn{{if and .Debate (eq .Debate.Side "con")}} active{{end}}" data-side="con">站反方</button>
      </div>
    </div>
  </div>
  {{end}}
{{end}}

{{define "echo_replies"}}
  {{/* 论坛回声列表 + 发表表单；参数：dict "Replies" . "Thread" th "CurrentUser" user */}}
  <section class="echo-replies">
    <h2 class="echo-replies-title">
      回声（{{len .Replies}}）
      {{if gt .Thread.DeepReplies 0}}<span class="echo-title-note">其中 {{.Thread.DeepReplies}} 条是深度回声（≥ 40 字）</span>{{end}}
    </h2>
    {{range .Replies}}
    <div class="echo-reply">
      <div class="echo-reply-head">
        <span class="echo-reply-avatar">{{printf "%.1s" .Author}}</span>
        <span class="echo-reply-name">{{.Author}}</span>
        <span class="echo-reply-time">{{dateTime .CreatedAt}}</span>
      </div>
      <div class="echo-reply-content">{{.Content}}</div>
    </div>
    {{else}}
    <div class="empty" style="padding:30px 20px;">
      <h3>还没有回声</h3>
      <p>做第一个接话的人吧——认真写满 40 个字，还能帮楼主把回声指数顶上去。</p>
    </div>
    {{end}}
    {{if .CurrentUser}}
    <form class="comment-form echo-reply-form" method="post" action="/forum/thread/{{.Thread.ID}}/reply">
      {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
      <div class="field">
        <textarea name="content" placeholder="以 {{.CurrentUser}} 的身份写下回声…" maxlength="2000" required></textarea>
      </div>
      <div class="echo-reply-hint">
        💡 回帖满 40 字会被算作「深度回声」，让这场讨论的指数涨得更快；聊深一点，收获更大。
      </div>
      <button class="btn btn-primary" type="submit">发出回声</button>
    </form>
    {{else}}
    <div class="echo-post-login">
      <span>登录后才能参与回声，用你的真实身份接话。</span>
      <a class="btn btn-primary btn-sm" href="/admin/login">去登录</a>
    </div>
    {{end}}
  </section>
{{end}}

{{define "site_footer"}}
<footer class="site-footer">
  <div class="container footer-inner">
    <span class="footer-copy">© {{.Year}} 仲夏晴空 · ZxSora · 把想法落成文字，把文字写给看得懂的人</span>
    <span class="footer-links">
      {{if .Site.PublicPages}}
      <a href="/download">下载</a>
      <a href="/page/about">关于</a>
      <a href="/page/rules">规则</a>
      {{end}}
      <a href="/feed.xml">订阅</a>
      <span class="contact-link">联系作者<span class="contact-qr-pop"><img src="/static/img/contact-author-qr.jpg" alt="作者微信二维码"><span class="contact-qr-tip">扫我加作者微信 · 有事直说，不绕弯</span></span></span>
      <a href="/admin">后台</a>
    </span>
    <span class="footer-ver">{{verTag .Site.Version}}</span>
  </div>
</footer>
{{end}}