/* peek.css（homepage-v4 · Lead 2026-10-17）：hover 倾斜 + 点卡片翻面 */
.flip-tile { --tilty: 0; --tiltx: 0; --pz: 0; cursor: pointer; }
.flip-tile .flip {
  transform: translateZ(calc((var(--zf) + var(--pz)) * 1px)) rotateX(calc(var(--tiltx) * 1deg)) rotateY(calc((var(--th) + var(--tilty)) * 1deg));
}
/* 文字仍然是文字：光标保持文本样式，选字不翻面（peek.js 里判断） */
.flip-tile .story p, .flip-tile p { cursor: text; }
.flip-tile a, .flip-tile button, .flip-tile canvas, .flip-tile .pen-stage, .flip-tile .home-game { cursor: auto; }
.flip-tile a, .flip-tile button { cursor: pointer; }
/* 倾斜时影子跟着稍微抬起（--zh 由 cards.css 的 hover 规则给，这里把 --pz 也算进去） */
.flip-tile { --obj-z: calc(var(--z-rest) * var(--z-k) + var(--zh) + var(--zf) + var(--pz)); }
@media (prefers-reduced-motion: reduce) { .flip-tile .flip { transform: none !important; } }

/* [10-19 · E3a] 下面三条原来在 css/hero-objects.css 里（v3 物件模块顺带管卡片右上角 ↻ 的尺寸）。物件拿掉了，规则原样搬到这里：
   peek.css 紧挨着原来 hero-objects.css 的加载位置（ds-material / mobile-skin / content-wiring 之前），层叠结果不变 */
.narrative-card .corner-turn { top: 7px; right: 7px; width: 38px; height: 38px; padding: 0; justify-content: center; font-size: 17px; }
.narrative-card .corner-turn i { font-size: 17px; }
.narrative-card .cap { margin-right: 30px; }