{{ include 'partials/head' }}

<main class="flex-1">

    {{~ # ============ 页面 Hero ============ ~}}
    <section class="nx-hero-soft border-b border-[var(--color-border-soft)]">
        <div class="nx-container py-8 md:py-10">
            <nav class="flex items-center gap-2 text-sm mb-5" style="color: var(--color-muted);">
                <a href="{{ site_base_url }}/" class="hover:text-[var(--color-ink)] transition-colors">首页</a>
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m9 18 6-6-6-6"/></svg>
                <span style="color: var(--color-ink);">{{ page.Title }}</span>
            </nav>
            <h1 class="text-[32px] md:text-[40px] font-bold tracking-tight" style="color: var(--color-ink);">{{ page.Title }}</h1>
            {{ if page.Summary }}
            <p class="mt-3 text-[16px] leading-relaxed max-w-2xl" style="color: var(--color-muted);">{{ page.Summary }}</p>
            {{ end }}
        </div>
    </section>

    {{~ # ============ 正文 ============ ~}}
    <div class="mx-auto max-w-[820px] px-6 py-12 md:py-16">

        {{ if page.CoverImageUrl }}
        <div class="mb-10 overflow-hidden" style="border-radius: var(--radius-card);">
            <img src="{{ abs_url page.CoverImageUrl }}" alt="{{ page.Title }}" class="w-full h-auto block" style="aspect-ratio: 16/9; object-fit: cover;">
        </div>
        {{ end }}

        <div class="nx-prose">
            {{ page.Content }}
        </div>
    </div>

</main>

{{ include 'partials/footer' }}