{{if .Content}}
<div class="gift-letter">
  <nav class="breadcrumbs" aria-label="面包屑"><a href="{{page_url ""}}">首页</a><span>/</span>{{with Column "gift-journal"}}<a href="{{.URL}}">选礼指南</a><span>/</span>{{end}}<a href="{{.Content.ColumnURL}}">{{.Content.ColumnName}}</a></nav>
  <article class="gift-letter-sheet" id="gift-letter-article"><header class="gift-letter-head"><div class="gift-letter-stamp"><span>有礼之间</span><span>阅读手记</span></div><div><p class="gift-editorial-mark">{{.Content.ColumnName}} / 选礼指南</p><h1>{{.Content.Title}}</h1>{{with .Content.Description}}<p class="gift-letter-deck">{{.}}</p>{{end}}<p class="gift-letter-date">发布于 <time datetime="{{date "2006-01-02" .Content.CreatedAt}}">{{date "2006-01-02" .Content.CreatedAt}}</time></p></div></header>
    {{if .ContentLocked}}<p class="gift-letter-locked">此内容需要验证后查看。</p>{{else}}
      <div class="gift-letter-body"><div class="journal-reading-tools"><button type="button" id="journal-contents-toggle" aria-expanded="false" aria-controls="journal-toc">展开阅读目录</button><nav id="journal-toc" aria-label="文章阅读目录" hidden></nav></div><div class="rich-text journal-prose" id="journal-prose">{{.Content.Content | Str2Html}}</div><p class="gift-letter-note">涉及材质、适用用途和养护方式，请结合实际产品标识、商家资料与使用说明核对。</p></div>
      {{$relatedItems := false}}{{$productItems := false}}{{with index .Content.Ext "related_ids"}}{{$relatedItems = ContentsByIds .}}{{end}}{{with index .Content.Ext "product_ids"}}{{$productItems = ContentsByIds .}}{{end}}
      {{if or $productItems $relatedItems}}<aside class="gift-letter-enclosure" aria-label="本篇相关内容"><div><span class="gift-editorial-mark">读完之后 / 继续探索</span><p>结合礼盒详情与其他指南，继续了解选礼。</p></div><div class="gift-enclosure-links">{{with $productItems}}<section><h2>相关礼盒</h2>{{range .}}<a href="{{.URL}}"><span>{{.Title}} <small>¥{{printf "%.0f" .Price}}</small></span><span aria-hidden="true">↗</span></a>{{end}}</section>{{end}}{{with $relatedItems}}<section><h2>相关文章</h2>{{range .}}<a href="{{.URL}}"><span>{{.Title}}</span><span aria-hidden="true">↗</span></a>{{end}}</section>{{end}}</div></aside>{{end}}
    {{end}}
    <nav class="gift-letter-return" aria-label="返回专题"><a href="{{.Content.ColumnURL}}">← 返回{{.Content.ColumnName}}</a>{{with Column "gift-journal"}}<a href="{{.URL}}">全部选礼指南 →</a>{{end}}</nav>
  </article>
</div>
{{else}}<section class="empty-state"><h1>指南暂不可用</h1>{{with Column "gift-journal"}}<a href="{{.URL}}">返回选礼指南</a>{{end}}</section>{{end}}