{{define "gallery_detail"}}
  <div class="mod-back"><a href="/gallery">← 返回影集</a></div>

  <article class="mod-detail-head">
    <h1 class="mod-detail-title">{{.Data.Album.Title}}</h1>
    <div class="mod-detail-meta">
      <span>✍ 作者 · {{if .Data.Album.Author}}{{.Data.Album.Author}}{{else}}佚名{{end}}</span>
      <span>🕒 {{date .Data.Album.CreatedAt}}</span>
      <span>📷 {{.Data.Album.PhotoCount}} 张</span>
      {{template "fav_button" dict "VD" . "Type" "gallery" "Key" .Data.Album.Slug "Title" .Data.Album.Title "URL" (printf "/gallery/%s" .Data.Album.Slug)}}
    </div>
    {{if .Data.Album.Summary}}<p class="mod-note" style="margin-top:14px;">{{.Data.Album.Summary}}</p>{{end}}
  </article>

  <div class="mod-grid fold-spread">
    {{range .Data.Photos}}
    <figure class="mod-card" style="padding:0;overflow:hidden;margin:0;">
      <a href="{{.URL}}" target="_blank" rel="noopener" style="display:block;aspect-ratio:4/3;overflow:hidden;background:#eef2f9;">
        <img src="{{.URL}}" alt="{{if .Title}}{{.Title}}{{else}}{{$.Data.Album.Title}}{{end}}" loading="lazy"
             style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;"
             onmouseover="this.style.transform='scale(1.04)'" onmouseout="this.style.transform='scale(1)'">
      </a>
      <figcaption style="padding:12px 16px;font-size:13px;color:var(--ink-soft);">
        <b style="font-weight:600;color:var(--ink);">{{if .Title}}{{.Title}}{{else}}未命名{{end}}</b> · 点击看大图
        {{if or .ExifDate .ExifCam .ExifGPS}}
        <span style="display:block;margin-top:3px;font-size:11.5px;color:var(--muted);line-height:1.6;">{{if .ExifDate}}📅 {{.ExifDate}}　{{end}}{{if .ExifCam}}📷 {{.ExifCam}}　{{end}}{{if .ExifGPS}}📍 {{.ExifGPS}}{{end}}</span>
        {{end}}
      </figcaption>
    </figure>
    {{else}}
    <div class="mod-empty" style="grid-column:1/-1;">这卷胶片还是空的，等第一张照片入场。</div>
    {{end}}
  </div>

  {{if .Data.Album.Copyright}}
  <section class="mod-panel" style="background:linear-gradient(90deg,var(--brand-soft),rgba(233,241,254,.4));">
    <h2 class="mod-panel-title">© 版权声明 · 本页全部照片受此保护</h2>
    <p style="margin:0;font-size:13.5px;line-height:2;color:var(--ink-soft);">{{.Data.Album.Copyright}}</p>
  </section>
  {{end}}

  <p style="text-align:center;color:var(--muted);font-size:12.5px;margin:26px 0 6px;letter-spacing:1px;">— 一册收好 · 版权分明 —</p>
{{end}}