{{define "home"}}
  <link rel="stylesheet" href="/static/css/blog.css?v={{assetVer}}">
  <div class="masthead">
    <div class="masthead-top">
      <span class="masthead-issue">晴空编辑部 · 第 {{.Data.Page}} 期</span>
      <span class="blog-masthead-actions">
        <span class="masthead-total">全站共 {{.Data.Total}} 篇</span>
        {{if hasPerm .Perms "post.manage"}}<a class="btn btn-primary blog-write-btn" href="/publish">{{ico "pen"}} 写文章</a>{{end}}
      </span>
    </div>
    <h1 class="masthead-title">把想法落成文字，把文字写给看得懂的人</h1>
    <p class="masthead-sub">这里是「仲夏晴空」的编辑部——把散落的光收集成句子，把流动的念落成白纸黑字。欢迎落座，慢读。</p>
  </div>

  {{if .Data.Announcements}}
  <div style="display:flex;flex-direction:column;gap:8px;margin-bottom:22px;padding:14px 18px;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:10px;background:var(--bg-card,#fff);">
    <div style="display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:13px;letter-spacing:1px;">
      {{ico "bell"}} 公告
    </div>
    {{range .Data.Announcements}}
    <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">
      {{if eq .IsPinned 1}}<span class="badge" style="background:#fff3e0;color:#b45309;flex-shrink:0;">{{ico "pin"}} 置顶</span>{{end}}
      <a href="/announce/{{.Slug}}" style="font-weight:600;color:var(--fg);text-decoration:none;">{{.Title}}</a>
      {{if .Summary}}<span style="color:var(--muted);font-size:13px;">{{.Summary}}</span>{{end}}
      <span style="color:var(--muted);font-size:12px;margin-left:auto;">{{date .CreatedAt}}</span>
    </div>
    {{end}}
  </div>
  {{end}}

  {{range $i, $p := .Data.Posts}}
    {{if eq $i 0}}
    <article class="post-feature">
      <span class="pf-mark">本期焦点</span>
      <h2 class="pf-title"><a href="/post/{{$p.Slug}}">{{$p.Title}}</a></h2>
      <p class="pf-summary">{{if $p.Summary}}{{$p.Summary}}{{else}}{{truncate $p.Content 160}}{{end}}</p>
      <div class="pf-meta">
        <span>{{date $p.CreatedAt}}</span>
        {{if $p.CategoryName}}<a href="/category/{{$p.CategorySlug}}">{{$p.CategoryName}}</a>{{end}}
        <span>阅读 {{$p.Views}}</span>
        {{if index $.Data.Coauthors $p.ID}}<span class="blog-coauthor-tag">共创</span>{{end}}
        <a class="pf-read" href="/post/{{$p.Slug}}">阅读全文 →</a>
      </div>
      <div class="pf-tags">
        {{range $p.Tags}}<a class="tag" href="/tag/{{.Slug}}">{{.Name}}</a>{{end}}
      </div>
    </article>
    {{else}}
    <article class="post-index">
      <span class="pi-num">{{printf "%02d" (add $i 1)}}</span>
      <div class="pi-body">
        <h2><a href="/post/{{$p.Slug}}">{{$p.Title}}</a></h2>
        <div class="pi-meta">
          <span>{{date $p.CreatedAt}}</span>
          {{if $p.CategoryName}}<a href="/category/{{$p.CategorySlug}}">{{$p.CategoryName}}</a>{{end}}
          <span>阅读 {{$p.Views}}</span>
          {{if index $.Data.Coauthors $p.ID}}<span class="blog-coauthor-tag">共创</span>{{end}}
        </div>
      </div>
      <a class="pi-arrow" href="/post/{{$p.Slug}}" aria-label="阅读全文">→</a>
    </article>
    {{end}}
  {{else}}
  <div class="empty">
    <h3>晴空初开，尚无一文</h3>
    <p>登录后台，写下你的第一篇文字吧。</p>
  </div>
  {{end}}

  {{template "pagination" .}}
{{end}}