/* story-mermaid.css（homepage-v4 · 10-18）：美人鱼尾巴故事页专用。只用 tokens 变量，白天 / 夜里跟着换。
   图片显示宽度（用来定 2 倍图）：针织 ≤ 560px（图 1086 宽）；并排两张各约 370px（看书 840 宽、吃饭 694 宽）；手机上下排，各约 358px。 */
.mermaid-story .mt-fig { margin: 30px 0 34px; }
.mermaid-story .mt-knit { max-width: 560px; }
.mermaid-story .mt-fig img { display: block; width: 100%; height: auto; border-radius: 3px; background: var(--card); }
/* 并排：flex-grow = 宽高比，两张高度自动对齐，不裁图 */
.mermaid-story .mt-pair-row { display: flex; gap: 12px; align-items: flex-start; }
.mermaid-story .mt-pair-row img { min-width: 0; flex: 0 1 0; }
.doc .mermaid-story .story-body + .mt-fig { margin-top: 28px; }
.mermaid-story .mt-reading { flex-grow: .75 !important; }
.mermaid-story .mt-dining { flex-grow: .7995 !important; }
.mermaid-story .mt-fig figcaption { margin-top: 10px; font-size: 13px; line-height: 1.7; color: var(--ink-3); }
/* 补充（线和图解）：和正文隔一条细线，字小一档 */
.mermaid-story .mt-notes { margin-top: 44px; padding-top: 6px; border-top: .5px solid var(--hair-2); }
.mermaid-story .mt-notes .story-sub { margin-top: 26px; font-size: 18px; }
.doc .mermaid-story .mt-notes .story-body p { font-size: 15px; line-height: 1.95; color: var(--ink-2); }
/* 夜里：照片加一圈很淡的亮边，和首页暗纸卡的做法一致 */
:root[data-theme="night"] .mermaid-story .mt-fig img { box-shadow: 0 0 0 1px rgb(255 240 220 / .12); }
@media (max-width: 599.98px) {
  .mermaid-story .mt-fig { margin: 24px 0 28px; }
  /* 手机：两张竖图上下排，各占满一行（并排只有 170px 宽，太小） */
  .mermaid-story .mt-pair-row { display: block; }
  .mermaid-story .mt-pair-row img + img { margin-top: 10px; }
  .mermaid-story .mt-fig figcaption .mt-sep { display: none; }
  .mermaid-story .mt-fig figcaption span[data-copy] { display: block; }
}