/* ═══════════════════════════════════════════════════════════════════
   aqua-no-motion-v1.css（2026-10-25 站长要求）
   只加到【内容页】（软件 a / 插件 b / 教程 learn / 课程 course /
   贴图 tex / 详情 sw / c / d），首页 index.html 不加。

   ── 为什么要这个文件 ──
   站长反馈："鼠标移到大的卡片上，整片区域像有动向"。
   用 CDP 逐帧监测（Animation 域 + 全元素 rect/transform 扫描）后确认：
   卡片本身 transform / transition / animation 全为 none，没有动；
   真正在变的是背景装饰层：

     DIV.bg-aurora   → data-depth 指针视差（JS 内联 transform）
                       + span 上 auroraDrift 26~38s 无限漂移
     DIV.bg-shaft    → 同上，光柱视差 + 漂移
     DIV.totem-float → floatY 7.5s 无限上下浮动

   鼠标一动，这两层光晕跟着平移，视觉上就像"卡片区在动"。

   ── 处理原则 ──
   只冻结运动，不删除元素、不改配色与位置，所以静态观感完全一致，
   只是不再跟你鼠标走、不再自己漂。
   ═══════════════════════════════════════════════════════════════════ */

/* 1) 指针视差：冻结 JS 写入的内联 transform（JS 还在算，但视觉不生效） */
.bg-aurora,
.bg-shaft,
[data-depth] {
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* 2) 光晕 / 光柱自身的无限漂移动画：停 */
.bg-aurora span,
.bg-shaft span {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* 3) 花瓣层：不再渲染（该层本来就只是装饰，隐藏后背景渐变不变） */
.bg-petals,
.bg-petals i {
  display: none !important;
  animation: none !important;
}

/* 4) 浮动图腾：停在原位 */
.totem-float,
.totem-float svg {
  animation: none !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* 5) 漂浮微粒层 .bg-motes：19~33s 无限上升动画（moteRise），是内容页里
      帧变化最频繁的一层（实测 4114 次/1.4s），一并隐藏。 */
.bg-motes,
.bg-motes i {
  display: none !important;
  animation: none !important;
}

/* 6) 其余装饰性无限动画（逐一核对 @keyframes 用法后列出）：
      sunPulse / cloudDrift / orbBob / rayFlick / rippleGo  —— SVG 内的光斑、云、球、光带、涟漪
      hintFade / bounceArrow / swipeGo                      —— 滚动提示与滑动提示
      floatY                                                —— 徽标浮动
      caretBlink                                            —— 光标闪烁（静止后仍可见）
   这些不承担任何功能，停掉只影响"会不会自己动"。 */
.sun-pulse,
.cloud-a,
.cloud-b,
.orb-bob,
.ray-flick,
.ripple,
.scroll-hint,
.scroll-hint .arrow,
.tl-hint .swipe::after,
.stage-badge,
.caret {
  animation: none !important;
}

/* 7) 内容页里 SVG 内部元素：SMIL 由配套 JS 的 pauseAnimations() 处理，
     这里再兜一层 CSS 动画（部分装饰是 CSS 驱动的）。 */
svg .sun-pulse,
svg .cloud-a,
svg .cloud-b,
svg .orb-bob,
svg .ray-flick,
svg .ripple {
  animation: none !important;
  transform: none !important;
}

/* ═══ ALL-CARDS-STATIC-v1：卡片悬停完全静止 ═══
   位移、阴影膨胀、边框变色、内部联动全部取消，阴影固定为基础态。 */
.glass-card:hover, .c-card:hover, .course:hover, .band:hover,
.mat-cell:hover, .tl-item:hover, .feat-item:hover, .stage:hover {
  
  box-shadow: var(--shadow), var(--shadow-inset) !important;
}

/* ═══ PANE-STABLE：大型面板永不变透明 ═══
   paneIn 入场动画会让浏览器为大面积毛玻璃面板维护动画合成层，
   滚动/重绘时合成层重建导致面板整体闪烁（录屏证实）。
   面板从加载起就完整显示，不再有任何透明度过渡。 */
.pane.show,
.pane.show .glass {
  animation: none !important;
  opacity: 1 !important;
  transition: opacity none 0s !important;
}