/**
 * 前台 Widget 样式
 *
 * 对应 inc/widgets.php 中的两个前台 widget：
 *   - Youcang_Daily_Checkin_Widget：签到按钮光泽 + 成功动画
 *   - Youcang_Hot_Ranking_Widget：周/月/历史 Tab 切换下划线
 *
 * Phase 5 外化（原内联在 widgets.php L875 / L1095）。
 */

/* ============================================
 * Daily Checkin widget
 * ============================================ */
@keyframes ycCheckinShine {
	0%   { transform: translateX(0); }
	65%  { transform: translateX(420%); }
	100% { transform: translateX(420%); }
}

.yc-ck-shine {
	animation: ycCheckinShine 3s ease-in-out infinite;
}

@keyframes ycCheckinPop {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.05); }
	100% { transform: scale(1); }
}

.yc-checkin-cta.is-success {
	animation: ycCheckinPop 0.4s ease-out;
}

/* ============================================
 * Hot Ranking widget (Tab 切换)
 * ============================================ */
.yc-rank-tab {
	position: relative;
	transition: color .2s;
}

.yc-rank-tab.is-active {
	color: #0f172a;
}

.yc-rank-tab.is-active::after {
	content: "";
	position: absolute;
	left: 12%;
	right: 12%;
	bottom: -2px;
	height: 3px;
	background: #10b981;
}

.yc-rank-tab[data-tab="month"].is-active::after {
	background: #f59e0b;
}

.yc-rank-tab[data-tab="all"].is-active::after {
	background: #ef4444;
}