{{define "extra_news_detail"}}
<div class="extra-page">
  <div class="mod-back"><a href="/news">← 返回号外快讯</a></div>

  <article class="mod-detail-head">
    <div class="mod-card-top" style="margin-bottom:8px;">
      <a href="/news?category={{.Data.News.Category}}" class="mod-chip" style="text-decoration:none;">{{.Data.News.Category}}</a>
      {{if .Data.News.Fresh}}<span class="mod-chip hot">新</span>{{end}}
      {{if .Data.News.Hot}}<span class="mod-chip warn">热</span>{{end}}
    </div>
    <h1 class="mod-detail-title">{{.Data.News.Title}}</h1>
    <div class="mod-detail-meta">
      <span>{{ico "rss"}} 来源 · {{if .Data.News.Source}}{{.Data.News.Source}}{{else}}晴空编辑部{{end}}</span>
      <span>{{ico "clock"}} {{date .Data.News.CreatedAt}}</span>
      <span>{{ico "eye"}} 阅读 {{.Data.News.Views}}</span>
      {{template "fav_button" dict "VD" . "Type" "news" "Key" .Data.News.Slug "Title" .Data.News.Title "URL" (printf "/news/%s" .Data.News.Slug)}}
    </div>
  </article>

  <div class="mod-panel" style="padding:30px 34px;">
    <div class="news-article-body">{{.Data.Body}}</div>
    <div class="news-article-end" style="text-align:center;color:var(--muted);font-size:12.5px;margin-top:26px;letter-spacing:1px;">— 本条号外至此 · 真实有据 —</div>
  </div>
</div>
{{end}}