/* p3.58 B3a:封面 hover 微动画(itshover 式设计语言,纯原生 CSS 重写)。
   加载制:只在 coverHoverEnabled 开着且风格一时被 header.php/post.php
   链接(和 cover-3d.css 同一个判定模式),开关关着 = 一行不下发。

   设计(参考 itshover 的 "move with intent",只学理念不搬运行时——那
   是 React+Motion 构建的,和 GSAP 一样绝不进这个项目):
   ① 主符号(emoji / Lucide 图标)轻轻浮起 + 微倾 + 微放大——一个干脆
      的起手式,缓动带一点过冲(cubic-bezier 的 1.18),读起来是"有意
      图地动",不是廉价的乱晃;
   ② 水印(背后那个超大鬼影符号)反向漂移一点点——两层反向视差,封
      面立刻有了前后景深;
   ③ 光影层(.cover::before,B1 的四层)整体微微提亮——像光随交互流
      转,呼应液态玻璃的"高光随动"。
   三件套全部只用 transform/opacity(合成层属性,不触发 layout/paint
   重算),transition 统一 380ms;只认真实指针设备(hover:hover 且
   pointer:fine——手机/touch 没有悬停态,保持静态);系统开了"减弱动
   态效果"时整个文件的效果归零(no-preference 媒体查询包住全部)。

   边界:不改变任何布局尺寸(transform 视觉位移不影响文档流);透明模
   式/深浅色/天气模式下同样成立(动的都是符号和光影层,与底色无关);
   CoverKit 模板封面里没有 .cover-emoji/.cover-icon 节点,天然不参与。 */

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {

  html[data-theme-style="appstore"] .story-card .cover-emoji,
  html[data-theme-style="appstore"] .story-card .cover-icon,
  html[data-theme-style="appstore"] .hero .cover-emoji,
  html[data-theme-style="appstore"] .hero .cover-icon,
  html[data-theme-style="appstore"] .article-row .cover-emoji,
  html[data-theme-style="appstore"] .article-row .cover-icon,
  html[data-theme-style="appstore"] .post-icon .cover-emoji,
  html[data-theme-style="appstore"] .post-icon .cover-icon,
  html[data-theme-style="appstore"] .playlist-card .cover-emoji,
  html[data-theme-style="appstore"] .playlist-card .cover-icon {
    transition: transform 380ms cubic-bezier(.2, .9, .3, 1.18);
  }
  html[data-theme-style="appstore"] .story-card:hover .cover-emoji,
  html[data-theme-style="appstore"] .story-card:hover .cover-icon,
  html[data-theme-style="appstore"] .hero:hover .cover-emoji,
  html[data-theme-style="appstore"] .hero:hover .cover-icon,
  html[data-theme-style="appstore"] .article-row:hover .cover-emoji,
  html[data-theme-style="appstore"] .article-row:hover .cover-icon,
  html[data-theme-style="appstore"] .post-icon:hover .cover-emoji,
  html[data-theme-style="appstore"] .post-icon:hover .cover-icon,
  html[data-theme-style="appstore"] .playlist-card:hover .cover-emoji,
  html[data-theme-style="appstore"] .playlist-card:hover .cover-icon {
    transform: translateY(-4%) scale(1.07) rotate(-2.5deg);
  }

  /* 水印反向漂移(基准姿态 rotate(-10deg) 是 base.css 的既有值,hover
     态必须带上它一起写,不然 transform 被整体换掉水印会"跳直") */
  html[data-theme-style="appstore"] .cover .cover-watermark {
    transition: transform 520ms cubic-bezier(.2, .9, .3, 1);
  }
  html[data-theme-style="appstore"] .story-card:hover .cover-watermark,
  html[data-theme-style="appstore"] .hero:hover .cover-watermark,
  html[data-theme-style="appstore"] .article-row:hover .cover-watermark,
  html[data-theme-style="appstore"] .post-icon:hover .cover-watermark,
  html[data-theme-style="appstore"] .playlist-card:hover .cover-watermark {
    transform: rotate(-10deg) translate(3%, 3%);
  }

  /* 光影层微提亮:opacity 合成层属性,光的"强度"随交互轻轻上扬 */
  html[data-theme-style="appstore"] .cover::before {
    transition: opacity 380ms ease;
  }
  html[data-theme-style="appstore"] .story-card:hover .cover::before,
  html[data-theme-style="appstore"] .hero:hover .cover::before,
  html[data-theme-style="appstore"] .article-row:hover .cover::before,
  html[data-theme-style="appstore"] .post-icon:hover .cover::before,
  html[data-theme-style="appstore"] .playlist-card:hover .cover::before {
    opacity: 1;
  }
  html[data-theme-style="appstore"] .cover::before { opacity: .88; }
}