{{ define "main" }}
<div id="pjax-container">
  <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > h2,p; cls: uk-animation-slide-bottom-small; delay: 0">
    {{ .Content }}
    
    <!-- Mobile Only Album Section -->
    <div class="mobile-visible-only" style="margin-top: 40px;">
        <div class="section-title">03 / 光影 (Album)</div>
        <div class="album-content">
            {{ range site.Data.album }}
            <div class="album-item">
                <div class="album-img-box">
                    <img src="{{ .image }}" loading="lazy">
                    {{ if .date }}<span class="album-date-badge">{{ .date }}</span>{{ end }}
                    <div class="album-info">
                        <span class="album-title">{{ .title }}</span>
                    </div>
                </div>
            </div>
            {{ end }}
        </div>
    </div>
  </div>
</div>
{{ end }}