/* ============================================================
   cards.css — 明信片文章卡片 + 等級標籤
   ============================================================ */
.postcard{
  position:relative; background: var(--paper); border:1.5px solid var(--ink); border-radius: var(--radius);
  box-shadow: var(--shadow); padding:20px 20px 18px; text-decoration:none;
  display:flex; flex-direction:column; gap:10px; transition:transform .18s ease, box-shadow .18s ease; overflow:hidden;
}
.postcard:hover{ transform:translateY(-4px); box-shadow: var(--shadow-hover); }
.postcard::before{ content:""; position:absolute; left:0; right:0; top:52px; border-top:1.5px dashed var(--line); }

.postcard .day{ font-family: var(--font-mono); font-size:.72rem; letter-spacing:1.5px; color: var(--teal-dark); text-transform:uppercase; }
.postcard .stamp{ position:absolute; top:14px; right:14px; width:46px; height:56px; border:2px solid var(--stamp-red);
  border-radius:3px; display:flex; align-items:center; justify-content:center; font-size:1.5rem;
  background: repeating-linear-gradient(45deg, rgba(180,68,50,0.06), rgba(180,68,50,0.06) 4px, transparent 4px, transparent 8px);
  transform:rotate(4deg); }
.stamp .emoji{ width:28px; height:28px; }
.postcard h3.en{ font-family: var(--font-display); font-size:1.25rem; margin:22px 0 0; padding-right:50px; overflow-wrap:break-word; }
.postcard .zh{ font-family: var(--font-serif); font-weight:600; color: var(--ink-soft); font-size:.95rem; }
.card-summary{ font-family: var(--font-serif); font-size:.84rem; color: var(--ink-soft); line-height:1.55; margin:0; }
.card-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:4px; }
.tag-mini{ font-family: var(--font-mono); font-size:.66rem; color: var(--teal-dark); }

/* ---- 等級標籤（卡片與文章標頭共用） ---- */
.level-badge{ display:inline-block; font-family: var(--font-mono); font-size:.68rem; letter-spacing:.5px;
  padding:2px 8px; border-radius:20px; border:1px solid var(--teal); color: var(--teal-dark); margin-right:5px; }
.level-badge.lv-GEPT{ border-color: var(--gold); color:#93701a; }
.card-levels{ margin-top:2px; }
.card-levels .level-badge{ font-size:.64rem; }