/**
 * 全站通用动画
 *
 * 原内联 <style> 合并：
 *   - header.php ：跑马灯 (marquee) + 慢速旋转 (spin-slow)
 *   - footer.php ：上滑淡入 (slideUp) + 扫描线 (scan)
 *
 * Enqueue：functions.php → youcang_enqueue_scripts()
 */

/* ----- 跑马灯（顶部公告 / 页脚公告条）----- */
@keyframes marquee {
	0%   { transform: translateX(0%); }
	100% { transform: translateX(-50%); }
}

.animate-marquee {
	display: inline-block;
	white-space: nowrap;
	animation: marquee 25s linear infinite;
}

/* ----- 慢速旋转（Loading / 装饰图标）----- */
@keyframes spin-slow {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

.animate-spin-slow {
	animation: spin-slow 3s linear infinite;
}

/* ----- 上滑淡入（模态框 / 通知 / 抽屉出现）----- */
@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ----- 扫描线（机能风装饰）----- */
@keyframes scan {
	0%   { transform: translateY(-100%); }
	100% { transform: translateY(100%); }
}

.animate-scan {
	animation: scan 3s ease-in-out infinite;
}