/* ABABSEO — 小飞机飞行标识 */
@keyframes ababseo-flight{
  0%{left:4%;top:58%;transform:rotate(-18deg) scale(.92);opacity:.85}
  18%{left:22%;top:32%;transform:rotate(-10deg) scale(1);opacity:1}
  38%{left:42%;top:48%;transform:rotate(-4deg) scale(1.06);opacity:1}
  58%{left:62%;top:28%;transform:rotate(4deg) scale(1.02);opacity:1}
  78%{left:82%;top:42%;transform:rotate(-6deg) scale(.98);opacity:1}
  100%{left:96%;top:55%;transform:rotate(-14deg) scale(.9);opacity:.8}
}
@keyframes ababseo-contrail{
  0%,100%{opacity:.2;transform:translateY(-50%) scaleX(.7)}
  50%{opacity:.75;transform:translateY(-50%) scaleX(1)}
}
@keyframes ababseo-contrail-line{
  0%{opacity:0;transform:scaleX(0)}
  30%{opacity:.6}
  100%{opacity:0;transform:scaleX(1)}
}
@keyframes ababseo-spark{
  0%,100%{opacity:0;transform:scale(.3)}
  45%,55%{opacity:1;transform:scale(1.2)}
}
@keyframes ababseo-shimmer{
  0%,100%{background-position:0% center}
  50%{background-position:200% center}
}
@keyframes ababseo-glow{
  0%,100%{filter:drop-shadow(0 0 4px rgba(192,132,252,.4)) drop-shadow(0 2px 6px rgba(236,72,153,.25))}
  50%{filter:drop-shadow(0 0 12px rgba(192,132,252,.85)) drop-shadow(0 0 20px rgba(236,72,153,.45))}
}

.ababseo-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:20px;
  padding:0;
  user-select:none;
  pointer-events:none;
  cursor:default;
}
.ababseo-mark__scene{
  position:relative;
  width:108px;
  height:36px;
  flex-shrink:0;
  overflow:visible;
}
.ababseo-mark__plane{
  position:absolute;
  z-index:3;
  display:flex;
  color:#e9d5ff;
  animation:ababseo-flight 3.2s ease-in-out infinite,ababseo-glow 3.2s ease-in-out infinite;
}
.ababseo-mark__plane svg{display:block}
.ababseo-mark__contrail{
  position:absolute;
  left:0;
  top:50%;
  z-index:1;
  display:flex;
  align-items:center;
  gap:4px;
  width:72%;
  transform:translateY(-50%) rotate(-8deg);
  animation:ababseo-contrail 3.2s ease-in-out infinite;
}
.ababseo-mark__contrail i{
  display:block;
  height:1px;
  border-radius:0;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.15),rgba(236,72,153,.55),rgba(233,213,255,.9));
  transform-origin:left center;
  animation:ababseo-contrail-line 1.4s ease-out infinite;
}
.ababseo-mark__contrail i:nth-child(1){width:32px;animation-delay:0s}
.ababseo-mark__contrail i:nth-child(2){width:22px;animation-delay:.15s;opacity:.7}
.ababseo-mark__contrail i:nth-child(3){width:14px;animation-delay:.3s;opacity:.5}
.ababseo-mark__contrail i:nth-child(4){width:8px;animation-delay:.45s;opacity:.35}
.ababseo-mark__spark{
  position:absolute;
  width:3px;
  height:3px;
  z-index:2;
  background:#f9a8d4;
  box-shadow:0 0 6px #ec4899,0 0 12px rgba(236,72,153,.5);
  animation:ababseo-spark 3.2s ease-in-out infinite;
}
.ababseo-mark__spark--1{left:18%;top:22%;animation-delay:.5s}
.ababseo-mark__spark--2{left:48%;top:68%;animation-delay:1.4s}
.ababseo-mark__spark--3{left:72%;top:30%;animation-delay:2.2s}
.ababseo-mark--footer{
  justify-content:flex-start;
  margin-top:14px;
}
.ababseo-mark__word{
  font-size:.92rem;
  font-weight:800;
  letter-spacing:.38em;
  line-height:1;
  padding:0;
  border:none;
  border-radius:0;
  background:linear-gradient(105deg,#c4b5fd 0%,#e9d5ff 18%,#f9a8d4 42%,#fff 52%,#f0abfc 68%,#c084fc 85%,#c4b5fd 100%);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:ababseo-shimmer 4s ease-in-out infinite;
  text-shadow:none;
}

/* Video player slider */
input.slider{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
input.slider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;cursor:pointer}
input.slider::-moz-range-thumb{height:12px;width:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}

/* Mobile & a11y */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a.sr-only:focus,a.sr-only:focus-visible{position:fixed;top:8px;left:8px;z-index:10000;width:auto;height:auto;margin:0;padding:10px 16px;overflow:visible;clip:auto;white-space:normal;background:#9333ea;color:#fff;font-weight:600;border-radius:8px;text-decoration:none}
img,video{max-width:100%;height:auto}
@media (max-width:640px){
  .ababseo-mark{gap:10px;margin-top:16px}
  .ababseo-mark__scene{width:88px;height:30px}
  .ababseo-mark__plane svg{width:18px;height:18px}
  .ababseo-mark__word{font-size:.78rem;letter-spacing:.28em}
}
/* 触屏设备：禁用卡片 hover 缩放/位移，但播放器控件常显 */
@media (hover:none){
  .group:hover .group-hover\:scale-110{transform:none}
  .hover\:-translate-y-2:hover{transform:none}
  /* 视频播放器控件层在触屏设备上始终可见（无法 hover） */
  .video-overlay{opacity:1 !important}
}