{{ define "main" }}
<h1 class="section-title" style="font-size: 1.25rem; margin-bottom: var(--space-xl);">{{ .Title }}</h1>

{{ $journeys := .Pages }}
{{ if $journeys }}
<ul class="journey-list">
{{ range $journeys }}
  <li>
    <a href="{{ .RelPermalink }}" class="journey-card">
      <h3 class="journey-card-title">{{ .Title }}</h3>
      <div class="journey-card-meta">
        <time datetime="{{ .Date.Format "2006-01-02T15:04:05" }}">{{ .Date.Format "2006-01-02" }}</time>
        {{ with .Params.tags }}
        <span>·</span>
        <span>{{ delimit . " · " }}</span>
        {{ end }}
      </div>
    </a>
  </li>
{{ end }}
</ul>
{{ else }}
<div class="empty-state">
  <div class="empty-state-icon">🌙</div>
  <p>还没有记录任何旅程</p>
  <p style="font-size: 0.875rem; margin-top: var(--space-sm);">等待第一颗星星升起...</p>
</div>
{{ end }}
{{ end }}