/* Hide legacy Figma logo assets until KK logo is patched */
#container .css-c271ib img:not([data-kk-hero-logo="left"]),
#container .css-1hsi05 img:not([data-kk-hero-logo="right"]),
#container .css-3vz25c img:not([data-kk-footer-logo="1"]) {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 图2 · K 标记：左滑弹入 */
@keyframes kk-hero-logo-in-left {
  from {
    opacity: 0;
    transform: translateX(-56px);
  }
  70% {
    opacity: 1;
    transform: translateX(6px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 图1 · 圆环：2s 旋转展示 */
@keyframes kk-hero-logo-spin-in {
  from {
    opacity: 0;
    transform: rotate(-180deg) scale(0.82);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}

#container .css-c271ib:not([data-kk-hero-animated]),
#container .css-1hsi05:not([data-kk-hero-animated]) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#container .css-c271ib,
#container .css-1hsi05 {
  overflow: visible !important;
  will-change: transform, opacity;
}

#container .css-c271ib[data-kk-hero-animated="left"] {
  visibility: visible !important;
  animation: kk-hero-logo-in-left 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

#container .css-1hsi05[data-kk-hero-animated="right"] {
  visibility: visible !important;
  animation: kk-hero-logo-spin-in 2s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

#container img[data-kk-hero-logo="left"],
#container img[data-kk-hero-logo="right"] {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
}

/* Footer KK logo */
#container .css-3vz25c {
  position: relative !important;
  width: 121px !important;
  height: 59px !important;
  min-width: 121px !important;
  min-height: 59px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#container .css-3vz25c img,
#container img[data-kk-footer-logo="1"] {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (prefers-reduced-motion: reduce) {
  #container .css-c271ib[data-kk-hero-animated],
  #container .css-1hsi05[data-kk-hero-animated] {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}