{{define "public/home_featured_card"}}
{{/* 首页「编辑推荐」精简卡片：缩略图 + 标题/版本 + 类型·语言或分类 + 下载量（与源码库列表大卡区分） */}}
<article class="cs-home-featured-card position-relative h-100">
  <div class="cs-home-featured-card__inner d-flex gap-3 align-items-start">
    {{if .ThumbURL}}
    <div class="cs-home-featured-card__thumb cs-home-featured-card__thumb--img flex-shrink-0" aria-hidden="true">
      <img src="{{.ThumbURL}}" alt="" loading="lazy" decoding="async" width="72" height="72">
    </div>
    {{else}}
    <div class="cs-home-featured-card__thumb cs-home-featured-card__thumb--placeholder flex-shrink-0" aria-hidden="true">
      <i class="bx bx-package"></i>
    </div>
    {{end}}
    <div class="cs-home-featured-card__body flex-grow-1 min-w-0">
      <div class="d-flex flex-wrap align-items-center gap-1 gap-md-2 mb-1">
        <h3 class="cs-home-featured-card__title mb-0">{{.Title}}</h3>
        {{if .Version}}<span class="text-muted small flex-shrink-0">v{{.Version}}</span>{{end}}
        {{if .IsPaid}}<span class="badge bg-warning text-dark">{{T "badge_paid"}}</span>{{end}}
      </div>
      <p class="cs-home-featured-card__meta small text-secondary mb-0">
        <span class="cs-home-featured-card__kind">{{.ItemTypeLabel}}</span>
        {{if or .LangName (gt (len .CatChips) 0)}}
        <span class="cs-home-featured-card__sep" aria-hidden="true">·</span>
        {{if .LangName}}{{.LangName}}{{else}}{{with index .CatChips 0}}{{.Name}}{{end}}{{end}}
        {{end}}
        <span class="cs-home-featured-card__sep" aria-hidden="true">·</span>
        <span class="cs-home-featured-card__dl"><i class="bx bx-download" aria-hidden="true"></i>{{.DownloadCount}}</span>
      </p>
    </div>
  </div>
  <a href="{{.DetailURL}}" class="stretched-link" aria-label="{{.Title}}"></a>
</article>
{{end}}