/* mermaid-card.css（homepage-v4 · 10-18 起；2026-10-22 设计系统 v3；2026-10-26 IA 5a）—— 只管 #mermaid（美人鱼尾巴）这一张卡。
   一栏宽的高卡，所有宽度都上下排（和找故事同一套卡片结构）：字条行（小标签 + → 读，在右上角）→ 标题 → 竖照片。首页卡片不放描述、不放文字按钮。
     · ≥ 700：照片吃掉标题下面剩下的高度，cover 裁满到卡内距线（焦点在尾巴，50% 60%）。
     · < 700：照片卡内全宽、横裁成 4 : 3（50% 62%），少滚一屏。
   卡是单面、只倾斜（js/tilt-single.js）；整张卡可点 → stories/mermaid-tail.html（js/labels.js：手机同标签、桌面新标签）。 */
.mermaid-card .mermaid-body { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
.mermaid-card .mermaid-body > .lb { flex: none; margin: 0 0 12px; }
.mermaid-card .narrative-title { flex: none; margin: 0; }
.mermaid-card .mermaid-photo { display: block; flex: 1 1 0; min-height: 0; margin-top: 16px; border-radius: var(--card-r-in); overflow: hidden; line-height: 0; }
.mermaid-card .mermaid-photo img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: 50% 60%; border-radius: inherit; }
:root[data-theme="night"] .mermaid-card .mermaid-photo img { box-shadow: 0 0 0 1px rgb(255 240 220 / .12) inset; }
:root.paper-dark[data-theme="night"] .mermaid-card .mermaid-photo { box-shadow: 0 0 0 1px rgb(255 240 220 / .16); }
@media (max-width: 699.98px) {
  .mermaid-card .mermaid-body { height: auto; }
  .mermaid-card .mermaid-photo { flex: none; }
  .mermaid-card .mermaid-photo img { height: auto; aspect-ratio: 4 / 3; object-position: 50% 62%; }
}