/* =============================================================
 * 渝乐盟 · 巴渝修仙宗门 · 入场动画 (animations.css)
 * 云雾 / 墨迹渐显 / 金辉祭炼 等动效
 * ============================================================= */

/* 卡片入场：功法解封 */
@keyframes riseIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 山门正殿标题淡入 */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero .sect-name {
    animation: fadeInDown 0.8s ease-out both;
}
.hero h2 {
    animation: fadeInDown 1s 0.2s ease-out both;
}
.hero .desc {
    animation: fadeInDown 1s 0.4s ease-out both;
}
.hero .btn-group {
    animation: fadeInDown 1s 0.6s ease-out both;
}

/* 按钮祭炼金辉 (悬停光晕) */
.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
    transition: left 0.5s ease;
}
.btn:hover::before {
    left: 100%;
}

/* 章印悬浮呼吸 */
@keyframes sealBreathe {
    0%, 100% {
        transform: rotate(-5deg) scale(1);
    }
    50% {
        transform: rotate(-5deg) scale(1.05);
    }
}
.seal {
    animation: sealBreathe 4s ease-in-out infinite;
}

/* 尊重系统减弱动效偏好 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .reveal {
        opacity: 1;
        transform: none;
    }
}