{{define "news_index"}}
  <!-- 资讯「晴空快报」· 印刷中的报纸头版场景（沉浸式 hero + 剪报卡片流） -->
  <header class="press-hero">
    <div class="press-hero-bg" aria-hidden="true">
      <span class="press-dotgrid"></span>
      <span class="press-grain"></span>
      <span class="press-ink"></span>
      <span class="press-guide"></span>
    </div>

    <!-- 报头刊名：报纸头版式刊名 + 日期/期号 -->
    <div class="press-masthead">
      <div class="press-masthead-top">
        <span class="press-slogan">不追流量 · 只追真实</span>
        <span class="press-tagline">快讯管快 · 深度管深 · 专栏管好看 · 生活管日子</span>
      </div>
      <h1 class="press-name">晴空快报</h1>
      <div class="press-rule"></div>
      <div class="press-dateline">
        <span class="press-date">{{if .Data.News}}{{date (index .Data.News 0).CreatedAt}}{{end}}</span>
        <span class="press-motto">每一条资讯，都带着来源与温度</span>
        <span class="press-issue">总第 {{.Data.Total}} 期</span>
      </div>
    </div>
    <div class="press-desk">
      <span class="press-desk-tag">本版导读</span>
      {{if .Data.Categories}}
      <ul class="press-desk-cols">
        {{range .Data.Categories}}<li><b>{{.Name}}</b><em>{{.Count}}</em></li>{{end}}
      </ul>
      {{else}}
      <span class="press-desk-empty">头条席位空缺，等你来稿</span>
      {{end}}
      <span class="press-desk-note">{{ico "news"}} 累计 <b>{{.Data.Total}}</b> 期 · 说得越真，排得越前</span>
    </div>
  </header>

  <!-- 读者来稿：登录后前台投稿（name 字段不变） -->
  {{if .Data.Err}}<div class="press-post-err">{{.Data.Err}}</div>{{end}}
  <section class="press-post">
    <h3 class="press-post-title">读者来稿 · 登录投稿</h3>
    {{if .Data.CurrentUser}}
    <form method="post" action="/news/publish">
      <div class="press-post-row">
        <input type="text" name="title" placeholder="标题（必填）" maxlength="80" required>
        <select name="category" required>
          <option value="">选栏目…</option>
          {{range .Data.Categories}}<option value="{{.Name}}">{{.Name}}</option>{{end}}
        </select>
        <input type="text" name="source" placeholder="来源署名（选填）" maxlength="40">
      </div>
      <input type="text" name="summary" placeholder="一句话摘要（必填）" maxlength="200" required>
      <textarea name="content" data-zx-editor data-upload="/blog/upload" placeholder="正文（必填，支持 Markdown：标题、列表、表格、引用都行）" rows="5" maxlength="20000" required></textarea>
      <div class="press-post-foot">
        <span class="press-post-hint">{{ico "mail"}} 以 <b>{{.Data.CurrentUser}}</b> 的身份投稿，见报即公开。</span>
        <button class="press-btn press-btn-primary" type="submit">投稿见报</button>
      </div>
    </form>
    {{else}}
    <div class="press-post-login">
      <span>登录后即可向「晴空快报」投稿。</span>
      <a class="press-btn press-btn-primary" href="/admin/login">去登录</a>
    </div>
    {{end}}
  </section>

  <!-- 栏目筛选：报眉（保留） -->
  <nav class="press-sections">
    <a href="/news" class="press-section {{if eq .Data.Category ""}}on{{end}}">全部栏目<em>{{.Data.Total}}</em></a>
    {{range .Data.Categories}}
    <a href="/news?category={{.Name}}" class="press-section {{if eq $.Data.Category .Name}}on{{end}}">{{.Name}}<em>{{.Count}}</em></a>
    {{end}}
  </nav>

  {{if .Data.News}}
  <!-- 头版版面：头条见报 + 剪报卡片流 -->
  <div class="press-flow">
    {{range $i, $n := .Data.News}}
      {{if eq $i 0}}
      <article class="press-lead">
        <div class="press-lead-kicker">
          <a class="press-chip" href="/news?category={{$n.Category}}">{{$n.Category}}</a>
          {{if $n.Fresh}}<span class="press-badge press-badge-new">新</span>{{end}}
          {{if $n.Hot}}<span class="press-badge press-badge-hot">热</span>{{end}}
        </div>
        <h2 class="press-lead-title"><a href="/news/{{$n.Slug}}">{{$n.Title}}</a></h2>
        <p class="press-lead-summary">{{$n.Summary}}</p>
        <div class="press-lead-foot">
          <span class="press-lead-meta">
            <span>{{ico "clock"}} {{date $n.CreatedAt}}</span>
            <span>{{ico "rss"}} 来源 {{if $n.Source}}{{$n.Source}}{{else}}晴空编辑部{{end}}</span>
            <span>{{ico "eye"}} {{$n.Views}}</span>
          </span>
          <a class="press-lead-more" href="/news/{{$n.Slug}}">读全文 →</a>
        </div>
      </article>
      {{else}}
      <article class="press-clip">
        <div class="press-clip-top">
          <a class="press-chip" href="/news?category={{$n.Category}}">{{$n.Category}}</a>
          {{if $n.Fresh}}<span class="press-badge press-badge-new">新</span>{{end}}
          {{if $n.Hot}}<span class="press-badge press-badge-hot">热</span>{{end}}
        </div>
        <h3 class="press-clip-title"><a href="/news/{{$n.Slug}}">{{$n.Title}}</a></h3>
        <p class="press-clip-summary">{{$n.Summary}}</p>
        <div class="press-clip-foot">
          <span class="press-clip-meta">
            <span>{{ico "rss"}} {{if $n.Source}}{{$n.Source}}{{else}}晴空编辑部{{end}}</span>
            <span>{{ico "clock"}} {{date $n.CreatedAt}}</span>
            <span>{{ico "eye"}} {{$n.Views}}</span>
          </span>
          <a class="press-clip-more" href="/news/{{$n.Slug}}">读全文 →</a>
        </div>
      </article>
      {{end}}
    {{end}}
  </div>
  {{else}}
  <div class="press-empty">
    <h3>今日尚无来稿</h3>
    <p>报纸还在排版，先去别处逛逛吧。</p>
  </div>
  {{end}}

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