/* ============================================================
   康龄纪商家后台 · 小狗精灵样式（可选增强，不影响登录功能）
   - 小狗绝对定位于登录卡片内，pointer-events:none
     点击、输入、选中文本完全不受影响
   - 跳跃目标由 gate-dog.js 挑选，自动避开输入框和按钮
   ============================================================ */

.klj-dog {
  position: absolute;
  width: 38px;
  height: 32px;
  z-index: 5;
  pointer-events: none;      /* 关键：不拦截任何鼠标/触摸事件 */
  user-select: none;
  opacity: 0;
  animation: klj-dog-in .6s ease .4s forwards;
  filter: drop-shadow(0 4px 5px rgba(20, 24, 8, .28));
  transition:
    left .62s ease-in-out,
    top .62s cubic-bezier(.45, -.35, .55, 1.3),   /* 抛物线感：起跳快、落点缓 */
    transform .35s ease;
}
@keyframes klj-dog-in {
  from { opacity: 0; transform: translateY(8px) scale(.6); }
  to   { opacity: 1; transform: none; }
}

/* 翻面层：决定小狗朝向 */
.klj-dog .klj-dog-face {
  width: 100%; height: 100%;
  transition: transform .25s ease;
}
.klj-dog.klj-dog-left .klj-dog-face { transform: scaleX(-1); }

/* 跳跃层：挤压拉伸动画 */
.klj-dog.klj-dog-hop .klj-dog-face {
  animation: klj-dog-hop .62s cubic-bezier(.4, 0, .6, 1);
}
@keyframes klj-dog-hop {
  0%   { transform: translateY(0)      scale(1, 1); }
  15%  { transform: translateY(2px)    scale(1.1, .86); }  /* 蹲 */
  50%  { transform: translateY(-16px)  scale(.92, 1.1); }  /* 腾空拉伸 */
  85%  { transform: translateY(1px)    scale(1.08, .9); }  /* 落地压扁 */
  100% { transform: translateY(0)      scale(1, 1); }
}

/* 落地后的小尾巴摇摆 */
.klj-dog.klj-dog-hop .klj-dog-tail {
  transform-origin: 10px 30px;
  animation: klj-dog-tail .62s ease;
}
@keyframes klj-dog-tail {
  0%, 100% { transform: rotate(0); }
  30%      { transform: rotate(-24deg); }
  60%      { transform: rotate(10deg); }
}

/* 无障碍：用户偏好减少动效时，小狗静坐不动 */
@media (prefers-reduced-motion: reduce) {
  .klj-dog {
    transition: none;
    animation: none;
    opacity: 1;
  }
}