{# 单本书封面卡片：仅显示封面，无封面用文字代替；完成日期显示在封面右下角 #}
<div class="book-cover"
     data-title="{{ b.title }}"
     data-cat="{{ b.category }}"
     data-rating="{{ b.rating|int }}"
     data-finish="{{ b.finish }}"
     data-s="{{ (b.title ~ ' ' ~ b.author ~ ' ' ~ b.category)|lower }}">
  <div class="cover-frame">
    {% if b.cover %}
    <img src="{{ b.cover }}" alt="{{ b.title }}" loading="lazy">
    {% else %}
    <div class="cover-ph" style="background:{{ b.bg }}"><span>{{ b.title }}</span></div>
    {% endif %}
    {% if b.finish_str %}
    <span class="cover-date">{{ b.finish_str }}</span>
    {% endif %}
  </div>
</div>