/* ============================================================
   Home 首页动画：首屏入场 + 标题流光 + 语录入场
   说明：@keyframes 放外部 CSS 以避免 Razor 内联 <style> 中
        @@ 转义符触发 Visual Studio 的 CSS 语法警告。
   类名与 Home.razor 内联 <style> 的 .hero 系列保持一致（全局类名）。
   ============================================================ */

.hero {
    animation: hero-fade-in 1s ease both;
}

.hero-topbar {
    animation: hero-fade-down .8s .15s ease both;
}

.hero-body {
    animation: hero-fade-up .8s .3s ease both;
}

/*.hero-title-text {
    animation: hero-title-glow 3s ease-in-out infinite;
}*/

.hero-quote .hero-subtitle {
    animation: hero-quote-in .45s ease both;
}

@keyframes hero-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes hero-fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-fade-down {
    from { opacity: 0; transform: translateY(-16px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-title-glow {
    0%, 100% { text-shadow: 0 0 10px rgba(127, 178, 255, 0.9), 0 0 26px rgba(127, 178, 255, 0.55), 0 0 48px rgba(91, 140, 255, 0.35), 0 2px 12px rgba(0, 0, 0, 0.5); }
    50% { text-shadow: 0 0 16px rgba(127, 178, 255, 1), 0 0 40px rgba(91, 140, 255, 0.75), 0 0 64px rgba(91, 140, 255, 0.5), 0 2px 12px rgba(0, 0, 0, 0.5); }
}

@keyframes hero-quote-in {
    from { opacity: 0; transform: translateY(12px) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}