/* ==========================================================================
   cards-extra.css（homepage-v4 · 2026-10-20 下午起；2026-10-22 设计系统 v3 清理）
   设计系统 v3 之后这里只剩「我」卡背面 About 全文的阅读方式（卡内滚动 scroll；10-27 起手机也是，手机全文展开 full 已删）。
   2026-10-26 cleanup-1026：a / b1 / b2 / inline 旧对照模式的规则已删（js/labels.js 不再生成它们）。
   原来在这里的东西搬去了各自的文件：贴纸 / 社交 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; }

/* About 全文：卡内阅读（所有宽度） */
.me-card[data-meback="scroll"] .face.back .me-back {
  overflow: hidden; mask-image: none; -webkit-mask-image: none;
}
.me-card[data-meback="scroll"] .me-back-title { flex: 0 0 auto; }
.me-card[data-meback="scroll"] .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 .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[data-me-at-end="true"] .me-scroll-cue { visibility: hidden; }
.me-card[data-meback="scroll"].is-flipped {
  --tilty: 0 !important; --tiltx: 0 !important; --pz: 0 !important;
}