{{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/update">去更新 →</a>
        <button type="button" data-close title="关闭">{{ico "close"}}</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 "trial_float"}}
  {{if .TrialBar}}
  <aside class="trial-float" id="trialFloat" aria-label="试用提醒">
    <div class="tf-head" id="tfHead" title="点击展开 / 收起">
      <span class="tf-dot"></span>
      <span class="tf-title">试用提醒</span>
      <button type="button" class="tf-fold" id="tfFold" title="收起（不影响操作）" aria-label="收起试用提醒">−</button>
    </div>
    <div class="tf-body">
      {{range .TrialBar}}
      <div class="tf-row">
        <div class="tf-info">
          <span class="tf-name">{{.Name}}</span>
          {{if eq .Info.State "paused"}}
          <span class="tf-state paused">已暂停 · 用了{{dur .Info.Used}}</span>
          {{else if .Info.Pending}}
          <span class="tf-state pending">{{.Info.Effect}} 开表 · 之前不计时</span>
          {{else}}
          <span class="tf-state run">剩 {{dur .Info.Remain}} / 共{{dur .Info.Limit}}</span>
          {{end}}
        </div>
        {{if eq .Info.State "paused"}}
        <form method="post" action="/admin/apps/{{.Key}}/trial" class="tf-act"><input type="hidden" name="csrf" value="{{$.CSRF}}"><input type="hidden" name="act" value="resume"><button class="btn btn-primary btn-sm tf-btn">继续</button></form>
        {{else if not .Info.Pending}}
        <form method="post" action="/admin/apps/{{.Key}}/trial" class="tf-act"><input type="hidden" name="csrf" value="{{$.CSRF}}"><input type="hidden" name="act" value="pause"><button class="btn btn-trial btn-sm tf-btn" title="暂停没有任何限制，放多久都行">暂停</button></form>
        {{end}}
      </div>
      {{end}}
    </div>
  </aside>
  <script>
  (function () {
    var box = document.getElementById('trialFloat');
    if (!box) return;
    var KEY = 'zxTrialFolded';
    var fold = function (yes) {
      box.classList.toggle('is-folded', yes);
      try { localStorage.setItem(KEY, yes ? '1' : '0'); } catch (e) {}
    };
    try { if (localStorage.getItem(KEY) === '1') box.classList.add('is-folded'); } catch (e) {}
    document.getElementById('tfFold').addEventListener('click', function (ev) {
      ev.stopPropagation();
      fold(!box.classList.contains('is-folded'));
    });
    document.getElementById('tfHead').addEventListener('click', function () {
      if (box.classList.contains('is-folded')) fold(false);
    });
  })();
  </script>
  {{end}}
{{end}}

{{define "semver_rules"}}
  <div class="doc-semver">
    <h5>版本号怎么定<em>三段数字</em></h5>
    <ul>
      <li><span class="sv-key">格式</span>v0.1.11——三段数字，各管一件事</li>
      <li><span class="sv-key">第一位</span>1.0 之前固定为 0；出现不兼容的改动才进一位</li>
      <li><span class="sv-key">第二位</span>只在每年 6 月 16 日「仲夏」周年当天进一位、末位归零（周年那一版末位为 0）</li>
      <li><span class="sv-key">第三位</span>周年之外的每一次发布落在这一位</li>
      <li class="doc-semver-key">只有构建号是每次发布连续 +1，<b>不跳号</b>；版本号按上面三条来，不为了连贯而进位。当前为 v0.1.20 · 构建号 32。</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="/">
      {{if and (ne .Site.LogoMode "text") .Site.LogoURL}}<span class="brand-mark brand-mark-img"><img src="{{.Site.LogoURL}}" alt="{{.Site.Name}}"></span>
      {{else}}<span class="brand-mark brand-mark-img"><img src="/static/img/logo.svg" alt="{{.Site.LogoText}}"></span>{{end}}
      <span class="brand-name"><span class="brand-text">{{.Site.Name}}</span><em>ZXSORA CMS</em></span>
    </a>
    <nav class="main-nav" id="mainNav">
      {{/* 顶栏条目由后台「站点设置 → 站点导航」维护（名称 / 链接 / 排序 / 新窗口 / 显隐）。
           kind=modules 的那条是「模块」大面板：里面的模块随安装状态自动增减，
           按用途分栏多列展示——模块再多也只是多出一栏/几行，不会把下拉拉成一根越接越长的竖条。
           一个额外的模块都没装时整条不渲染。 */}}
      {{range .Site.Navs}}
      {{if .IsModules}}
      {{if $.Site.HasModuleDropdown}}
      <div class="nav-mega-trigger" id="navModules">
        <a href="#" class="nav-dd-btn" aria-haspopup="dialog" aria-expanded="false">{{.Label}}<span class="nav-dd-caret">{{ico "down"}}</span></a>
      </div>
      <div class="nav-mega" id="navMegaModal" role="dialog" aria-modal="true" aria-label="{{.Label}}">
        <div class="nav-mega-scrim"></div>
        <div class="nav-mega-card">
          <div class="nav-mega-head">
            <span class="nav-mega-head-t">{{.Label}}</span>
            <button type="button" class="nav-mega-close" aria-label="关闭">{{ico "close"}}</button>
          </div>
          <div class="nav-mega-body">
            {{range $.Site.ModuleGroups}}
            <div class="mega-group">
              <div class="mega-group-t">{{.Title}}</div>
              <div class="mega-grid">
                {{range .Items}}
                <a class="mega-item{{if pathActive .Match $.Path}} active{{end}}" href="{{.Path}}">
                  <span class="mega-ico">{{if .Icon}}{{ico .Icon}}{{else}}{{ico "box"}}{{end}}</span>
                  <span class="mega-txt">
                    <span class="mega-name">{{.Name}}</span>
                    {{if .Desc}}<span class="mega-desc">{{.Desc}}</span>{{end}}
                  </span>
                </a>
                {{end}}
              </div>
            </div>
            {{end}}
          </div>
        </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">{{ico "search"}}</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">{{ico "bell"}}</span>
        {{if .Unread}}<em class="hdr-dot">{{if gt .Unread 99}}99+{{else}}{{.Unread}}{{end}}</em>{{end}}
      </a>
      <a class="hdr-bell" href="/feed" title="关注动态" aria-label="关注动态">
        <span class="hdr-bell-ico">{{ico "rss"}}</span>
        {{if .FeedUnread}}<em class="hdr-dot">{{if gt .FeedUnread 99}}99+{{else}}{{.FeedUnread}}{{end}}</em>{{end}}
      </a>
      <div class="nav-dd hdr-me" id="navMe">
        <a href="#" class="nav-dd-btn" aria-label="用户菜单"><span class="hdr-avatar">{{initial .User.Username}}</span><span class="hdr-name">{{.User.Username}}</span><span class="nav-dd-caret">{{ico "down"}}</span></a>
        <div class="nav-dd-menu">
          <a href="/u/{{.User.Username}}">我的主页</a>
          {{if hasPerm .Perms "post.manage"}}<a href="/publish">{{ico "pen"}} 写文章</a>{{end}}
          <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/all">我的文章</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">{{ico "list"}}</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="点击取消关注">已关注 {{ico "check"}}</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="点击取消收藏">{{ico "star"}} 已收藏</button>
    {{else}}
    <button class="btn btn-ghost btn-sm" type="submit">{{ico "star"}} 收藏</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">{{ico "check"}} 匿名投票 · 实时结果{{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">{{ico "check"}} 你已投票{{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">{{ico "right"}}</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}}{{strictMD .Statement}}{{end}}{{end}}
        <div class="pt-debate-stats"><span>{{ico "check"}} <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}}{{strictMD .Statement}}{{end}}{{end}}
        <div class="pt-debate-stats"><span>{{ico "close"}} <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" id="er{{.ID}}">
      <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" data-mention-highlight>{{strictMD .Content}}</div>
      {{if $.CurrentUser}}<button type="button" class="btn btn-ghost btn-sm btn-reply" data-reply-to="{{.ID}}">回复</button>{{end}}
      {{range .Replies}}
      <div class="echo-reply echo-reply-child" id="er{{.ID}}">
        <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" data-mention-highlight>{{strictMD .Content}}</div>
        {{if $.CurrentUser}}<button type="button" class="btn btn-ghost btn-sm btn-reply" data-reply-to="{{.ID}}">回复</button>{{end}}
      </div>
      {{end}}
    </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" id="echo-reply-form" method="post" action="/forum/thread/{{.Thread.ID}}/reply">
      {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
      <input type="hidden" name="reply_to" value="0">
      <div class="field">
        <textarea name="content" data-zx-editor data-upload="/forum/upload" placeholder="以 {{.CurrentUser}} 的身份写下回声…" maxlength="2000" required></textarea>
      </div>
      <div class="echo-reply-hint">
        {{ico "spark"}} 回帖满 40 字会被算作「深度回声」，让这场讨论的指数涨得更快；聊深一点，收获更大。
      </div>
      {{captchaField}}
      <button class="btn btn-primary" type="submit">发出回声</button>
    </form>
    <script>
      (function () {
        var form = document.getElementById('echo-reply-form');
        if (!form) return;
        document.querySelectorAll('.btn-reply').forEach(function (btn) {
          btn.addEventListener('click', function () {
            var pid = btn.getAttribute('data-reply-to');
            form.querySelector('input[name="reply_to"]').value = pid;
            var ta = form.querySelector('textarea');
            var target = document.getElementById('er' + pid);
            var whom = target ? target.querySelector('.echo-reply-name') : null;
            if (whom && ta && ta.value.indexOf('@' + whom.textContent.trim()) !== 0) {
              ta.value = '@' + whom.textContent.trim() + ' ';
            }
            form.scrollIntoView({ behavior: 'smooth', block: 'center' });
            if (ta) ta.focus();
          });
        });
      })();
    </script>
    {{else}}
    <div class="echo-post-login">
      <span>登录后才能参与回声，用你的真实身份接话。</span>
      <a class="btn btn-primary btn-sm" href="/admin/login">去登录</a>
    </div>
    {{end}}
  </section>
{{end}}

{{define "cache_fab"}}
  {{/* 悬浮刷新钮（Win本地版专属）：刷新 + 清空缓存，但不动登录状态。
       会话放在 HttpOnly Cookie 里，这里一个 cookie 都不碰，所以清完还是登录着。
       前台与后台用的是同一个片段，样式各自接一套。 */}}
  {{if .Site.Local}}
  <button type="button" class="cache-fab" data-cache-refresh title="刷新并清空缓存（登录状态保留）" aria-label="刷新并清空缓存">
    {{ico "refresh"}}
  </button>
  <script>
  (function () {
    var btns = document.querySelectorAll("[data-cache-refresh]");
    if (!btns.length) return;

    function clearCache() {
      var tasks = [];
      // 1) 本站自己的本地缓存（例如更新日志看的是哪条轨道）：
      //    只清 zxsora 开头的键，不动同一个浏览器里别人的东西
      try {
        Object.keys(localStorage).forEach(function (k) {
          if (k.indexOf("zxsora") === 0) localStorage.removeItem(k);
        });
      } catch (e) {}
      try { sessionStorage.clear(); } catch (e) {}
      // 2) Cache Storage 与 Service Worker：本站没注册过，但清了更保险
      if (window.caches && caches.keys) {
        tasks.push(caches.keys().then(function (keys) {
          return Promise.all(keys.map(function (k) { return caches.delete(k); }));
        }).catch(function () {}));
      }
      if (navigator.serviceWorker && navigator.serviceWorker.getRegistrations) {
        tasks.push(navigator.serviceWorker.getRegistrations().then(function (rs) {
          return Promise.all(rs.map(function (r) { return r.unregister(); }));
        }).catch(function () {}));
      }
      // 3) 把本页用到的样式与脚本重新拉一遍，让浏览器把旧副本换掉——
      //    只 reload 不动这一步，样式表往往还是缓存里那份旧的
      var assets = document.querySelectorAll('link[rel="stylesheet"], script[src]');
      Array.prototype.forEach.call(assets, function (el) {
        var url = el.href || el.src;
        if (!url) return;
        tasks.push(fetch(url, { cache: "reload" }).catch(function () {}));
      });
      return Promise.all(tasks);
    }

    Array.prototype.forEach.call(btns, function (btn) {
      btn.addEventListener("click", function () {
        btn.classList.add("is-busy");
        btn.setAttribute("title", "正在刷新…");
        clearCache().then(function () { location.reload(); },
                          function () { location.reload(); });
      });
    });
  })();
  </script>
  {{end}}
{{end}}

{{define "site_footer"}}
<footer class="site-footer">
  <div class="container footer-inner">
    <div class="footer-left">
      <span class="footer-copy">© {{.Year}} <a class="brand-link" href="{{brandURL}}" target="_blank" rel="noopener">仲夏晴空</a> · <a class="brand-link" href="{{brandURL}}" target="_blank" rel="noopener">ZXSORA</a></span>
      <span class="footer-slogan">把想法落成文字，把文字写给看得懂的人</span>
    </div>
    <div class="footer-right">
      <span class="footer-ver">{{verTag .Site.Version}}{{buildTag .Site.Build}}</span>
      <span class="footer-links">
        {{if .Site.PublicPages}}
        <a href="/download">下载</a>
        <a href="/win">Win本地版</a>
        <a href="/pro">付费模块</a>
        <a href="/page/about">关于</a>
        <a href="/page/rules">规则</a>
        <a href="/forms">反馈</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>
    </div>
  </div>
</footer>
{{template "cache_fab" .}}
{{end}}