/* ============================================
   Tailwind 公共基础样式
   适用页面: index.html, jiaocheng.html, jishu.html
   ============================================ */

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 15% 0%, rgba(124, 92, 255, 0.20), transparent 26%),
    radial-gradient(circle at 85% 0%, rgba(255, 79, 216, 0.16), transparent 24%),
    radial-gradient(circle at 50% 40%, rgba(77, 215, 255, 0.12), transparent 30%),
    #03040b;
}

section[id] {
  scroll-margin-top: 108px;
}

/* 舞台网格背景 */
.stage-grid {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 62px 62px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.65), transparent 92%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.65), transparent 92%);
}

/* 链接聚焦样式 */
a:focus-visible {
  outline: 2px solid #7c5cff;
  outline-offset: 2px;
  border-radius: 4px;
}

/* 减少动画偏好（无障碍） */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .animate-drift,
  .animate-pulseRing,
  .animate-ticker,
  .animate-shimmer,
  .animate-float,
  .animate-gradientShift,
  .animate-glowPulse,
  .badge-float,
  .status-dot,
  .reveal,
  .stat-number {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .card-hover:hover {
    transform: none;
  }
}