{{ define "main" }}
<div id="pjax-container" data-needs-echarts="true">
  <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > *; cls: uk-animation-slide-bottom-small; delay: 100">
    {{ .Content }}
    
    {{ $sectionCount := 0 }}

    <!-- Heatmap Section -->
    {{ if site.Params.about.enableheatmap }}
    {{ $sectionCount = add $sectionCount 1 }}
    <div style="margin-top: 40px;">
        <div class="section-title">{{ printf "%02d" $sectionCount }} / 热力图 (Hot Map)</div>
        {{ partial "heatmap.html" . }}
    </div>
    {{ end }}

    <!-- Skills Section -->
    {{ if site.Params.about.enableskills }}
    {{ $sectionCount = add $sectionCount 1 }}
    <div style="margin-top: 40px;">
        <div class="section-title">{{ printf "%02d" $sectionCount }} / 技能栈 (System Ops)</div>
        {{ partial "skills.html" . }}
    </div>
    {{ end }}
    
    <!-- Album Section -->
    {{ if site.Params.about.enablealbum }}
    {{ $sectionCount = add $sectionCount 1 }}
    <div style="margin-top: 40px;">
        <div class="section-title">{{ printf "%02d" $sectionCount }} / 光影 (Album)</div>
        <div class="album-content" uk-scrollspy="target: > .album-item; cls: uk-animation-slide-bottom-small; delay: 100">
            {{ 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>
    {{ end }}
  </div>
</div>
{{ end }}