{{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>

    <!-- 头条特大标题区 -->
    <span class="press-kicker">{{ico "mail"}} 晴空编辑部 · 头版正在排版</span>
    <h2 class="press-hero-title">今天的头条<br>等你来写</h2>
    <p class="press-hero-note">
      这里不按流量摆版面，也没有点击排行——<b>说得越真，排得越前</b>。
      快讯管快、深度管深、专栏管好看、生活管日子；
      每一条都标注栏目与来源，新与热一眼看清。
    </p>
    <div class="press-stats">
      <div class="press-stat"><b>{{.Data.Total}}</b><span>累计见报</span></div>
      <div class="press-stat"><b>{{len .Data.Categories}}</b><span>个栏目</span></div>
      <div class="press-stat"><b>{{len .Data.News}}</b><span>本版见报</span></div>
    </div>
    <span class="press-hero-badge">{{ico "news"}} 印刷中</span>
  </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" 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}}