@import 'tailwindcss';

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
}

/* 收起态侧栏：一级悬停展开的二级浮层入场（略慢、缓出更柔和） */
@keyframes cascade-flyout-in {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.cascade-flyout-panel {
  animation: cascade-flyout-in 0.4s cubic-bezier(0.33, 1, 0.68, 1) both;
}

@keyframes cascade-flyout-sub-in {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.cascade-flyout-sub {
  animation: cascade-flyout-sub-in 0.32s cubic-bezier(0.33, 1, 0.68, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .cascade-flyout-panel,
  .cascade-flyout-sub {
    animation: none;
  }
}