/* ==========================================================================
   cards-extra.css（homepage-v4 · 2026-10-20 下午起；2026-10-22 设计系统 v3 清理）
   设计系统 v3 之后这里只剩「我」卡背面 About 全文的阅读方式（桌面卡内滚动 / 手机全文展开 / 旧对照模式）和两条「我」卡位置规则。
   原来在这里的东西搬去了各自的文件：贴纸 / 社交 logo → css/ui.css；字条行 / 卡片背面通用一套 → css/labels.css；
   --card-inset → css/tokens.css；美人鱼卡 → css/mermaid-card.css；「保持联系」卡、铅笔、来信「寄」随 v3 退役（B5 / R28）。
   ========================================================================== */

/* 「我」卡背面的阅读方式（相纸白边 = --card-inset 写在 css/me-card.css） */
.me-card .face.back .me-back { display: flex; flex-direction: column; }
.me-card .me-story > p:first-child { padding-right: 0; }
.me-card[data-meback="b1"] .me-story, .me-card[data-meback="b2"] .me-story { font-size: var(--t-m, 15px) !important; line-height: 1.75; letter-spacing: 0; padding-top: 0; }
.me-card[data-meback="b1"] .me-story p + p, .me-card[data-meback="b2"] .me-story p + p { margin-top: .6em; }
.me-card .me-back-more { margin-top: auto; padding-top: 14px; font-size: var(--t-s, 13px); line-height: 1.5; }
.me-card .me-back-more a { color: var(--ink-2); text-decoration: underline; text-decoration-color: rgb(var(--ink-rgb) / .45); text-decoration-thickness: 1px; text-underline-offset: .28em; }
.me-card .me-back-more a:hover { color: var(--ink); text-decoration-color: currentColor; }
.me-card[data-meback="a"] .me-back-more { display: none; }

/* About 默认全文：桌面 scroll，手机 full；inline / b1 等旧模式仅保留显式对照。 */
.me-card:is([data-meback="scroll"], [data-meback="inline"], [data-meback="full"]) .face.back .me-back {
  overflow: hidden; mask-image: none; -webkit-mask-image: none;
}
.me-card:is([data-meback="scroll"], [data-meback="inline"], [data-meback="full"]) .me-back-title { flex: 0 0 auto; }
.me-card:is([data-meback="scroll"], [data-meback="inline"], [data-meback="full"]) .me-story { display: block; padding: 0; }   /* 字号 / 行高 / 段距 = 卡片背面通用一套（css/labels.css §3 · R20） */
.me-card[data-meback="scroll"] .me-story {
  flex: 1 1 0; min-height: 0; overflow-y: auto; scrollbar-width: thin;
  scrollbar-color: rgb(var(--ink-rgb) / .4) transparent;
}
.me-card[data-meback="scroll"] .me-story::-webkit-scrollbar { width: 5px; }
.me-card[data-meback="scroll"] .me-story::-webkit-scrollbar-thumb { background: rgb(var(--ink-rgb) / .4); border-radius: 4px; }
.me-card:is([data-meback="inline"], [data-meback="full"]) .me-story { flex: 0 0 auto; }
.narrative-grid > #about:is([data-meback="inline"], [data-meback="full"]).is-flipped { aspect-ratio: auto; width: 100%; }
.me-card[data-meback="inline"][data-me-expanded="false"] .me-story > p:nth-child(n + 3) { display: none; }
.me-card .me-inline-toggle {
  flex: 0 0 auto; align-self: flex-start; margin: 16px 0 0; padding: 4px 0;
  border: 0; background: none; color: var(--ink-2); font: inherit; font-size: 14px;
  text-decoration: underline; text-underline-offset: .25em; cursor: pointer;
}
.me-card .me-inline-toggle:focus-visible { outline: 2px solid var(--ink-2); outline-offset: 4px; }
.me-card:is([data-meback="scroll"], [data-meback="full"]) .me-inline-toggle { display: none; }
.me-card .me-scroll-cue { flex: 0 0 auto; margin: 8px 0 0; font-size: var(--t-s); line-height: var(--desc-lh); color: var(--ink-3); }
.me-card[data-me-overflow="true"][data-meback="scroll"] .me-story { padding-right: 12px; }   /* R11：放不下才有滚动条，才给滚动条让位 */
.me-card:is([data-meback="inline"], [data-meback="full"]) .me-scroll-cue { display: none; }
.me-card[data-me-at-end="true"] .me-scroll-cue { visibility: hidden; }
.me-card:is([data-meback="scroll"], [data-meback="inline"], [data-meback="full"]).is-flipped {
  --tilty: 0 !important; --tiltx: 0 !important; --pz: 0 !important;
}
@media (max-width: 699.98px) {
  .narrative-grid > #about:is([data-meback="scroll"], [data-meback="inline"], [data-meback="full"]).is-flipped {
    width: 100%; justify-self: stretch;
  }
}