<aside class="space-y-6">
  {{$recom := Recom}}
  {{if $recom}}
  <section class="bg-white rounded-2xl border border-creative-100 shadow-card overflow-hidden">
    <div class="p-5">
      <div class="flex items-center justify-between">
        <div class="text-sm font-semibold text-creative-900">推荐作品</div>
        <div class="text-xs text-creative-500">精选</div>
      </div>
      <div class="mt-4 space-y-4">
        {{range $recom}}
        <a href="{{.URL}}" class="group block">
          <div class="flex items-start gap-3">
            {{if .Img}}
            <div class="w-20 h-14 rounded-xl overflow-hidden border border-creative-100 bg-creative-50 flex-shrink-0">
              <img src="{{.Img}}" alt="{{.Title}}" class="w-full h-full object-cover" />
            </div>
            {{end}}
            <div class="min-w-0">
              <div class="text-sm font-medium text-creative-900 line-clamp-2 group-hover:text-creative-600 transition-colors">{{.Title}}</div>
              <div class="mt-1 text-xs text-creative-500">{{ParseTime .CreatedAt "2006-01-02"}}</div>
            </div>
          </div>
        </a>
        {{end}}
      </div>
    </div>
  </section>
  {{end}}

  {{$tags := Tags 20}}
  {{if $tags}}
  <section class="bg-white rounded-2xl border border-creative-100 shadow-card overflow-hidden">
    <div class="p-5">
      <div class="text-sm font-semibold text-creative-900">热门标签</div>
      <div class="mt-4 flex flex-wrap gap-2">
        {{range $tags}}
        <a href="{{.URL}}" class="px-3 py-1.5 rounded-full text-xs border border-creative-100 bg-creative-50 text-creative-700 hover:bg-creative-100 transition-colors">#{{.Name}}</a>
        {{end}}
      </div>
    </div>
  </section>
  {{end}}

  {{$latest := Latest}}
  {{if $latest}}
  <section class="bg-white rounded-2xl border border-creative-100 shadow-card overflow-hidden">
    <div class="p-5">
      <div class="text-sm font-semibold text-creative-900">最新资讯</div>
      <div class="mt-4 space-y-3">
        {{range $latest}}
        <a href="{{.URL}}" class="block text-sm text-creative-600 hover:text-creative-900 line-clamp-1 transition-colors">{{.Title}}</a>
        {{end}}
      </div>
    </div>
  </section>
  {{end}}
</aside>
