/* css/style.css - 非关键样式，异步加载（已去除所有基础样式，仅保留交互与动画） */

/* 动画定义 */
@keyframes pulse {
    0% { opacity: 0.8; }
    50% { opacity: 1; }
    100% { opacity: 0.8; }
}

/* 卡片悬停效果 */
.lottery-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
}

/* 按钮悬停效果 */
.btn-primary:hover {
    background: var(--primary-dark);
    transform: scale(1.02);
}
.btn-outline:hover {
    background: var(--dark);
    color: white;
}
.search-btn:hover {
    background: var(--primary-dark);
}

/* 链接悬停效果 */
.top-link:hover {
    color: var(--primary);
}
.nav-item a:hover {
    color: var(--primary);
    border-bottom-color: var(--primary);
}
.footer-col a:hover {
    color: var(--primary);
}
.partner-links a:hover {
    color: var(--primary);
}

/* 移动导航关闭状态已在基础样式中，无需重复 */

/* 响应式补充（移动端细节，确保与内联不冲突） */
@media (max-width: 640px) {
    .hero-search {
        flex-direction: column;
        background: transparent;
        box-shadow: none;
        gap: 10px;
    }
    .search-input {
        padding: 14px 20px;
        background: white;
        box-shadow: var(--shadow-sm);
    }
    .hero-stats {
        gap: 20px;
        flex-wrap: wrap;
    }
}

/* 注意：CSS变量已在内联样式中定义，此处无需重复 */