/**
 * 项目名称：灵智AI
 * 首页摩天轮组件：单旋转合成层、低频朝向同步、固定首帧布局。
 */
.public-home .home-orbit-wheel {
  --home-orbit-radius: min(430px, 32vw);
  --home-orbit-duration: 80s;
  --home-orbit-counter-angle: 0deg;
  position: absolute;
  left: 50%;
  top: 54%;
  z-index: 0;
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  overflow: visible;
  opacity: .72;
  transform: translate3d(-50%, -50%, 0) scale(1.16);
  transform-origin: center;
  pointer-events: auto;
  contain: layout style;
  mask-image: none;
  filter: none;
}

.public-home .home-orbit-wheel .orbit-container,
.public-home .home-orbit-wheel .orbit-spin,
.public-home .home-orbit-wheel .orbit-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  transform-origin: 0 0;
  backface-visibility: hidden;
}

.public-home .home-orbit-wheel .orbit-container {
  pointer-events: auto;
}

.public-home .home-orbit-wheel .orbit-spin {
  display: block;
  animation: home-orbit-spin var(--home-orbit-duration) linear infinite both;
  animation-play-state: paused;
  will-change: transform;
  pointer-events: auto;
}

.public-home .home-orbit-wheel.is-ready .orbit-spin {
  animation-play-state: running;
}

.public-home .home-orbit-wheel .orbit-item {
  transform: rotate(var(--a)) translate3d(0, calc(-1 * var(--home-orbit-radius)), 0);
  transition: opacity .18s ease;
  pointer-events: auto;
}

.public-home .home-orbit-wheel .orbit-icon-wrap {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 62px;
  height: 44px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  transform: translate3d(-50%, -50%, 0) rotate(calc(-1 * var(--a) + var(--home-orbit-counter-angle)));
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  pointer-events: auto;
}

.public-home .home-orbit-wheel .orbit-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  object-fit: cover;
  opacity: .68;
  box-shadow: 0 0 8px rgba(0, 155, 175, .14);
  transition: opacity .18s ease, box-shadow .18s ease, transform .18s ease;
  user-select: none;
  -webkit-user-drag: none;
}

.public-home .home-orbit-wheel .orbit-name {
  display: block;
  width: 64px;
  height: 13px;
  overflow: hidden;
  color: rgba(225, 238, 245, .66);
  font-size: 9.8px;
  font-weight: 500;
  line-height: 13px;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .52);
  white-space: nowrap;
  transition: color .18s ease, text-shadow .18s ease;
}

.public-home .home-orbit-wheel .orbit-item[data-extracted="1"] {
  opacity: 0;
}

.public-home .home-orbit-wheel .orbit-item:hover {
  z-index: 8;
}

.public-home .home-orbit-wheel .orbit-item:hover .orbit-icon {
  opacity: 1;
  box-shadow: 0 0 14px rgba(0, 202, 224, .34);
  transform: scale(1.12);
}

.public-home .home-orbit-wheel .orbit-item:hover .orbit-name {
  color: rgba(242, 251, 255, .92);
  text-shadow: 0 0 9px rgba(0, 202, 224, .28);
}

@keyframes home-orbit-spin {
  from { transform: translate3d(0, 0, 0) rotate(0turn); }
  to { transform: translate3d(0, 0, 0) rotate(1turn); }
}

@media (max-width: 760px) {
  .public-home .home-orbit-wheel {
    --home-orbit-radius: 288px;
    --home-orbit-duration: 190s;
    top: 242px;
    opacity: .78;
    transform: translate3d(-50%, -50%, 0) scale(.62);
  }

  .public-home .home-orbit-wheel .orbit-item,
  .public-home .home-orbit-wheel .orbit-icon-wrap,
  .public-home .home-orbit-wheel .orbit-icon,
  .public-home .home-orbit-wheel .orbit-name {
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
  }

  .public-home .home-orbit-wheel .orbit-icon-wrap {
    width: 36px;
    height: 23px;
    gap: 1px;
  }

  .public-home .home-orbit-wheel .orbit-icon {
    width: 12px;
    height: 12px;
    flex-basis: 12px;
    opacity: .82;
  }

  .public-home .home-orbit-wheel .orbit-name {
    width: 32px;
    height: 6.4px;
    color: rgba(230, 244, 250, .70);
    font-size: 5.2px;
    line-height: 6.4px;
  }
}

@media (max-width: 430px) {
  .public-home .home-orbit-wheel {
    top: 236px;
    transform: translate3d(-50%, -50%, 0) scale(.59);
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-home .home-orbit-wheel .orbit-spin {
    animation: none;
    transform: translate3d(0, 0, 0);
    will-change: auto;
  }

  .public-home .home-orbit-wheel .orbit-item,
  .public-home .home-orbit-wheel .orbit-icon,
  .public-home .home-orbit-wheel .orbit-name {
    transition: none;
  }
}
