:root {
  --vp-font-family-base:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC',
    'Noto Sans SC', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
  --vp-c-brand-1: #5f67ee;
  --vp-c-brand-2: #747bff;
  --vp-c-brand-3: #9499ff;
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(
    120deg,
    #2563eb,
    #22d3ee
  );
}

/* 提升首页的视觉层次 */
.VPHome .VPHero .image-bg {
  opacity: 0.35;
  filter: blur(24px);
}

/* 首页 Hero 图优化 */
@media (max-width: 639px) {
  .VPHome .VPHero .image-src {
    max-width: 256px !important;
    max-height: 256px !important;
  }

  .VPHome .VPHero .image-bg {
    width: 256px !important;
    height: 256px !important;
  }
}

@media (min-width: 960px) {
  .VPHome .VPHero.has-image .container {
    align-items: center;
    gap: 56px;
  }

  .VPHome .VPHero.has-image .main {
    max-width: 560px;
  }

  .VPHome .VPHero .image-container {
    transform: none;
    width: 100% !important;
    max-width: 480px;
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  .VPHome .VPHero .image-src {
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .VPHome .VPHero .image-bg {
    width: 78% !important;
    height: 78% !important;
  }
}

/* 首页 Hero 插画动效：柔和浮动 + 呼吸光晕（尊重减少动态设置） */
.VPHome .VPHero {
  --aicy-hero-float-y: 10px;
  --aicy-hero-rotate: 0.6deg;
  --aicy-hero-glow-scale: 1.06;
}

@media (max-width: 959px) {
  .VPHome .VPHero {
    --aicy-hero-float-y: 6px;
    --aicy-hero-rotate: 0.4deg;
    --aicy-hero-glow-scale: 1.04;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .VPHome .VPHero .image-src {
    will-change: transform;
    animation: aicy-hero-float 8s ease-in-out infinite;
  }

  .VPHome .VPHero .image-bg {
    will-change: transform, opacity;
    animation: aicy-hero-glow 10s ease-in-out infinite;
  }
}

@keyframes aicy-hero-float {
  0%,
  100% {
    transform: translate(-50%, -50%) translateY(0)
      rotate(calc(var(--aicy-hero-rotate) * -1));
  }
  50% {
    transform: translate(-50%, -50%)
      translateY(calc(var(--aicy-hero-float-y) * -1))
      rotate(var(--aicy-hero-rotate));
  }
}

@keyframes aicy-hero-glow {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.28;
  }
  50% {
    transform: translate(-50%, -50%) scale(var(--aicy-hero-glow-scale));
    opacity: 0.42;
  }
}

/* 首页 Feature 卡片优化 */
.VPHomeFeatures .VPFeature {
  border-color: rgba(95, 103, 238, 0.22);
  background: linear-gradient(
    180deg,
    rgba(95, 103, 238, 0.06),
    var(--vp-c-bg-soft)
  );
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s,
    background-color 0.25s;
}

.VPHomeFeatures .VPFeature:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.1);
}

.VPHomeFeatures .VPFeature .icon {
  border-radius: 12px;
  border: 1px solid rgba(95, 103, 238, 0.18);
  background: linear-gradient(
    135deg,
    rgba(95, 103, 238, 0.18),
    rgba(116, 123, 255, 0.1)
  );
}

.VPHomeFeatures .VPFeature ul.details {
  margin: 0;
  padding-left: 16px;
}

.VPHomeFeatures .VPFeature ul.details li {
  margin: 0;
  padding: 2px 0;
}

.VPHomeFeatures .VPFeature ul.details li::marker {
  color: var(--vp-c-brand-1);
}