<div style="height:48px"></div>

<div>
  <h2 class="hx:text-2xl hx:font-bold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100">子站动态</h2>
</div>

<div style="height:16px"></div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px" class="hx:w-full">
  <a href="/daily" class="hextra-feature-card not-prose hx:block hx:relative hx:overflow-hidden hx:rounded-3xl hx:border hx:border-gray-200 hx:hover:border-gray-300 hx:dark:border-neutral-800 hx:dark:hover:border-neutral-700 hx:before:pointer-events-none hx:before:absolute hx:before:inset-0 hx:before:bg-glass-gradient">
    <div class="hx:relative hx:w-full hx:p-6">
      <h3 class="hx:text-2xl hx:font-medium hx:leading-6 hx:mb-2 hx:flex hx:items-center">
        <span class="hx:pr-2">
          <svg height="1.5rem" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
        </span>
        <span>Daily 最新</span>
      </h3>
      <p class="hx:text-gray-500 hx:dark:text-gray-400 hx:text-sm hx:leading-6">查看日记最新更新</p>
    </div>
  </a>
  <a href="/photograph" class="hextra-feature-card not-prose hx:block hx:relative hx:overflow-hidden hx:rounded-3xl hx:border hx:border-gray-200 hx:hover:border-gray-300 hx:dark:border-neutral-800 hx:dark:hover:border-neutral-700 hx:before:pointer-events-none hx:before:absolute hx:before:inset-0 hx:before:bg-glass-gradient">
    <div class="hx:relative hx:w-full hx:p-6">
      <h3 class="hx:text-2xl hx:font-medium hx:leading-6 hx:mb-2 hx:flex hx:items-center">
        <span class="hx:pr-2">
          <svg height="1.5rem" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
        </span>
        <span>Photograph 最新</span>
      </h3>
      <p class="hx:text-gray-500 hx:dark:text-gray-400 hx:text-sm hx:leading-6">查看摄影最新作品</p>
    </div>
  </a>
</div>

<div style="height:48px"></div>

<div>
  <h2 class="hx:text-2xl hx:font-bold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100">关于我</h2>
</div>

<div style="height:16px"></div>

{{- $card := site.GetPage "about-card.md" -}}
{{- if $card }}
<a href="/about" style="display:block;text-decoration:none;color:inherit;padding:24px;border-radius:24px;border:1px solid #e5e7eb;background:radial-gradient(ellipse at 50% 80%,rgba(234,179,8,0.08),hsla(0,0%,100%,0));transition:border-color 0.2s" onmouseover="this.style.borderColor='#d1d5db'" onmouseout="this.style.borderColor='#e5e7eb'" class="hextra-feature-card not-prose hx:before:pointer-events-none hx:before:absolute hx:before:inset-0 hx:before:bg-glass-gradient">
  <div style="display:flex;align-items:center;gap:24px">
    <div style="flex-shrink:0;width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid #e5e7eb">
      <img src="{{ $card.Params.avatar }}" alt="{{ $card.Title }}" style="width:100%;height:100%;object-fit:cover;display:block" />
    </div>
    <div>
      <h3 style="margin:0 0 8px 0;font-size:1.5rem;font-weight:600;color:#1e293b" class="hx:dark:text-slate-100">{{ $card.Title }}</h3>
      <p style="margin:0;font-size:0.875rem;color:#6b7280;line-height:1.7" class="hx:dark:text-gray-400">{{ $card.Params.bio }}</p>
    </div>
  </div>
</a>
{{- end }}
