.wuai-checkin-page {
	max-width: 1180px;
	margin: 0 auto 28px;
	color: #273142;
	overflow-x: hidden;
}
.wuai-checkin-page a {
	text-decoration: none;
}
.wuai-checkin-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	min-height: 210px;
	padding: 28px;
	border-radius: 8px;
	overflow: hidden;
	background:
		linear-gradient(120deg, rgba(79, 70, 229, .82), rgba(14, 165, 233, .62)),
		url("../../../zaesky_theme_light/view/img/bgimg/bg-0.png");
	background-size: cover;
	background-position: center;
	color: #fff;
	box-shadow: 0 14px 36px rgba(39, 49, 66, .12);
}
.wuai-checkin-back {
	position: absolute;
	left: 18px;
	top: 16px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .18);
	color: #fff;
	text-align: center;
	line-height: 38px;
	font-size: 38px;
	font-family: Arial, sans-serif;
}
.wuai-checkin-hero-copy {
	padding-left: 6px;
}
.wuai-checkin-hero-copy span,
.wuai-checkin-hero-copy em {
	display: block;
	font-style: normal;
	opacity: .86;
}
.wuai-checkin-hero-copy strong {
	display: block;
	font-size: 72px;
	line-height: .95;
	font-weight: 800;
	letter-spacing: 0;
}
.wuai-checkin-hero-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(118px, 1fr));
	gap: 12px;
	width: min(480px, 52%);
}
.wuai-checkin-hero-stats div {
	padding: 16px 12px;
	border-radius: 8px;
	background: rgba(31, 42, 61, .42);
	backdrop-filter: blur(8px);
	text-align: center;
}
.wuai-checkin-hero-stats span,
.wuai-checkin-hero-stats strong {
	display: block;
}
.wuai-checkin-hero-stats span {
	font-size: 14px;
	opacity: .78;
}
.wuai-checkin-hero-stats strong {
	margin-top: 6px;
	font-size: 24px;
	font-weight: 700;
}
.wuai-checkin-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
	gap: 20px;
	margin-top: 20px;
	align-items: start;
}
.wuai-checkin-card {
	background: #fff;
	border: 1px solid rgba(138, 149, 166, .18);
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(39, 49, 66, .08);
}
.wuai-checkin-main,
.wuai-checkin-side {
	display: grid;
	gap: 18px;
}
.wuai-checkin-calendar-card {
	padding: 22px;
}
.wuai-checkin-card-title,
.wuai-checkin-list-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.wuai-checkin-card-title strong,
.wuai-checkin-list-head strong {
	display: block;
	font-size: 18px;
}
.wuai-checkin-card-title span {
	display: block;
	margin-top: 2px;
	color: #8a95a6;
}
.wuai-checkin-month-btn {
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border-radius: 8px;
	background: #f4f6f9;
	color: #5e6b7a;
	text-align: center;
	line-height: 42px;
	font-size: 36px;
	font-family: Arial, sans-serif;
}
.wuai-checkin-week,
.wuai-checkin-calendar {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 10px;
}
.wuai-checkin-week {
	margin-top: 24px;
	color: #8a95a6;
	text-align: center;
	font-weight: 600;
}
.wuai-checkin-calendar {
	margin-top: 12px;
}
.wuai-checkin-calendar > span {
	position: relative;
	aspect-ratio: 1 / .78;
	min-height: 58px;
	border-radius: 8px;
	background: #f3f4f6;
	color: #616b7a;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 600;
}
.wuai-checkin-calendar > span.is-empty {
	background: transparent;
}
.wuai-checkin-calendar > span.is-signed {
	background: #ede9fe;
	color: #6d28d9;
	box-shadow: inset 0 0 0 2px rgba(124, 58, 237, .18);
}
.wuai-checkin-calendar > span.is-today {
	background: #2563eb;
	color: #fff;
	box-shadow: 0 8px 16px rgba(37, 99, 235, .22);
}
.wuai-checkin-calendar > span.is-signed.is-today {
	background: linear-gradient(135deg, #7c3aed, #2563eb);
}
.wuai-checkin-calendar b {
	position: absolute;
	right: 7px;
	top: 5px;
	font-size: 18px;
	line-height: 1;
}
.wuai-checkin-action-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 22px;
}
.wuai-checkin-action-card strong {
	display: block;
	font-size: 20px;
}
.wuai-checkin-action-card p {
	margin: 6px 0 0;
	color: #7a8595;
	line-height: 1.7;
}
.wuai-checkin-btn {
	flex: 0 0 auto;
	min-width: 144px;
	height: 48px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(135deg, #7c3aed, #2563eb);
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	box-shadow: 0 10px 20px rgba(79, 70, 229, .24);
	cursor: pointer;
	text-align: center;
	line-height: 48px;
}
.wuai-checkin-btn.is-muted,
.wuai-checkin-btn:disabled {
	background: #d9dee7;
	color: #6f7a89;
	box-shadow: none;
	cursor: default;
}
.card-threadlist .nav-tabs {
	align-items: center;
	flex-wrap: nowrap;
}
.card-threadlist .nav-tabs a[href*="index-0-1"] {
	display: none !important;
}
.card-threadlist .nav-tabs .wuai-checkin-home-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin-left: auto;
	padding-right: 8px;
}
.wuai-signin-entry,
.wuai-checkin-home-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 80px;
	height: 34px;
	padding: 0 13px;
	border: 0 !important;
	border-radius: 14px !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 34px;
	white-space: nowrap;
	text-decoration: none !important;
}
.wuai-signin-entry i,
.wuai-checkin-home-pill i {
	font-size: 14px;
	line-height: 1;
}
.wuai-signin-entry.is-unsigned {
	background: linear-gradient(135deg, #7c3aed, #2563eb);
	color: #fff !important;
	box-shadow: 0 6px 14px rgba(139, 92, 246, .2);
}
.wuai-signin-entry.is-unsigned:hover {
	background: linear-gradient(135deg, #6d28d9, #1d4ed8);
	color: #fff !important;
}
.wuai-signin-entry.is-signed {
	border: 1px solid #ddd6fe !important;
	background: #f1f5ff;
	color: #8b5cf6 !important;
	box-shadow: none;
}
.wuai-signin-entry.is-signed:hover {
	background: #ede9fe;
	color: #5b21b6 !important;
}
.wuai-checkin-home-pill {
	background: linear-gradient(135deg, #7c3aed, #2563eb);
	color: #fff !important;
	box-shadow: 0 6px 14px rgba(139, 92, 246, .18);
}
.wuai-checkin-home-pill:hover {
	background: linear-gradient(135deg, #6d28d9, #1d4ed8);
	color: #fff !important;
}
.thread-left-nav .wuai-checkin-home-actions {
	display: block;
	margin-left: 0;
	padding-right: 0;
}
.thread-left-nav .wuai-checkin-lottery-action {
	display: none;
}
.thread-left-nav .wuai-signin-entry,
.thread-left-nav .wuai-checkin-home-pill {
	width: 100%;
	height: auto;
	min-width: 0;
	padding: .5rem 1rem;
	background: transparent;
	color: inherit !important;
	box-shadow: none;
	justify-content: flex-start;
	font-size: inherit;
	line-height: inherit;
	border: 0 !important;
}
.widget-user-2 .widget-user-header {
	position: relative;
}
.wuai-checkin-side-entry {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 72px;
	height: 32px;
	padding: 0 12px;
	border-radius: 8px;
	background: linear-gradient(135deg, #7c3aed, #2563eb);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 8px 16px rgba(79, 70, 229, .2);
	cursor: pointer;
}
	.wuai-checkin-side-entry:hover {
		color: #fff;
		background: #6d28d9;
	}
	.wuai-daily-icon i {
		display: inline-block;
		font-family: Arial, sans-serif !important;
		font-style: normal;
		font-weight: 900;
		line-height: 1;
		text-rendering: auto;
	}
	.wuai-action-checkin .wuai-daily-icon i::before {
		content: "\2713" !important;
	}
	.wuai-action-lottery .wuai-daily-icon i::before {
		content: "\2605" !important;
	}
	@media (max-width: 380px) {
		.card-threadlist .nav-tabs .wuai-checkin-home-actions {
			padding-right: 4px;
		}
	.wuai-signin-entry,
	.wuai-checkin-home-pill {
		min-width: 74px;
		height: 32px;
		padding: 0 10px;
		font-size: 14px;
		line-height: 32px;
	}
}
@media (min-width: 992px) {
	.wuai-signin-entry,
	.wuai-checkin-home-pill {
		min-width: 92px;
		height: 36px;
		padding: 0 16px;
		line-height: 36px;
	}
}
.wuai-checkin-user-card {
	padding: 18px;
}
.wuai-checkin-user-head {
	display: flex;
	align-items: center;
	gap: 12px;
}
.wuai-checkin-user-head img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	object-fit: cover;
}
.wuai-checkin-user-head strong,
.wuai-checkin-user-head span {
	display: block;
}
.wuai-checkin-user-head strong {
	font-size: 18px;
}
.wuai-checkin-user-head span {
	margin-top: 4px;
	color: #8a95a6;
}
.wuai-checkin-mini-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 16px;
}
.wuai-checkin-mini-grid div {
	padding: 12px 8px;
	border-radius: 8px;
	background: #f6fbff;
	text-align: center;
}
.wuai-checkin-mini-grid b,
.wuai-checkin-mini-grid span {
	display: block;
}
.wuai-checkin-mini-grid b {
	color: #2563eb;
	font-size: 22px;
}
.wuai-checkin-mini-grid span {
	color: #7a8595;
	font-size: 13px;
}
.wuai-checkin-total-reward {
	display: grid;
	gap: 6px;
	margin-top: 14px;
	color: #7a8595;
}
.wuai-checkin-list-head {
	padding: 18px 18px 0;
}
.wuai-checkin-list-head a {
	color: #2563eb;
	font-weight: 700;
}
.wuai-checkin-today-list {
	display: grid;
	gap: 10px;
	padding: 16px 18px 18px;
}
.wuai-checkin-person {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 12px;
	border-radius: 8px;
	background: #eef5ff;
}
.wuai-checkin-person:nth-child(3n+2) {
	background: #edf9f4;
}
.wuai-checkin-person:nth-child(3n) {
	background: #fff6e7;
}
.wuai-checkin-person img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}
.wuai-checkin-person a {
	color: #273142;
	font-weight: 700;
}
.wuai-checkin-person span {
	display: block;
	margin-top: 3px;
	color: #8a95a6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wuai-checkin-person small {
	display: block;
	margin-top: 3px;
	color: #5b6472;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wuai-checkin-person time {
	color: #9aa5b5;
	font-weight: 700;
}
.wuai-checkin-empty {
	padding: 18px;
	color: #8a95a6;
	text-align: center;
}
.wuai-checkin-rank-hero {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 22px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(39, 49, 66, .08);
}
.wuai-checkin-rank-hero .wuai-checkin-back {
	position: static;
	background: #f4f6f9;
	color: #5e6b7a;
}
.wuai-checkin-rank-hero strong {
	display: block;
	font-size: 24px;
}
.wuai-checkin-rank-hero span {
	color: #8a95a6;
}
.wuai-checkin-rank-tabs {
	display: flex;
	gap: 10px;
	margin: 16px 0;
}
.wuai-checkin-rank-tabs a {
	flex: 1;
	padding: 13px 10px;
	border-radius: 8px;
	background: #fff;
	color: #7c3aed;
	text-align: center;
	font-weight: 700;
	box-shadow: 0 8px 20px rgba(39, 49, 66, .06);
}
.wuai-checkin-rank-tabs a:hover,
.wuai-checkin-rank-tabs a:focus {
	color: #6d28d9;
}
.wuai-checkin-rank-tabs a.is-active,
.wuai-checkin-rank-tabs a.is-active:hover,
.wuai-checkin-rank-tabs a.is-active:focus,
.wuai-checkin-rank-tabs a.is-active:active {
	background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-weight: 800;
	box-shadow: 0 10px 24px rgba(37, 99, 235, .18);
}
.wuai-checkin-rank-tabs a.is-active * {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
.wuai-checkin-rank-list {
	display: grid;
	gap: 12px;
}
.wuai-checkin-rank-item {
	display: grid;
	grid-template-columns: 52px 58px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 16px 18px;
	border-radius: 8px;
	background: #eef5ff;
	color: #273142;
}
.wuai-checkin-rank-item:nth-child(3n+2) {
	background: #edf9f4;
}
.wuai-checkin-rank-item:nth-child(3n) {
	background: #fff6e7;
}
.wuai-checkin-rank-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .7);
	font-weight: 800;
}
.wuai-checkin-rank-item.is-top .wuai-checkin-rank-no {
	background: #ffdf70;
	color: #8a5800;
}
.wuai-checkin-rank-item img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	object-fit: cover;
}
.wuai-checkin-rank-item strong,
.wuai-checkin-rank-item em {
	display: block;
	font-style: normal;
}
.wuai-checkin-rank-item strong {
	font-size: 18px;
}
.wuai-checkin-rank-item em {
	margin-top: 4px;
	color: #7a8595;
}
.wuai-checkin-rank-item b {
	color: #5e6b7a;
	white-space: nowrap;
}
.wuai-checkin-pagination {
	margin-top: 18px;
}

@media (max-width: 991.98px) {
	.wuai-checkin-page {
		margin-bottom: 78px;
	}
	.wuai-checkin-hero {
		min-height: 245px;
		margin: -1rem -15px 0;
		border-radius: 0;
		display: block;
		padding: 68px 18px 22px;
	}
	.wuai-checkin-hero-copy strong {
		font-size: 54px;
	}
	.wuai-checkin-hero-stats {
		width: 100%;
		margin-top: 20px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}
	.wuai-checkin-hero-stats div {
		padding: 12px 6px;
	}
	.wuai-checkin-hero-stats strong {
		font-size: 20px;
	}
	.wuai-checkin-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		margin-top: 14px;
	}
	.wuai-checkin-calendar-card {
		padding: 16px;
	}
	.wuai-checkin-week,
	.wuai-checkin-calendar {
		gap: 7px;
	}
	.wuai-checkin-calendar > span {
		aspect-ratio: auto;
		min-height: 0;
		height: 42px;
		font-size: 16px;
	}
	.wuai-checkin-calendar b {
		right: 4px;
		top: 3px;
		font-size: 15px;
	}
	.wuai-checkin-action-card {
		display: grid;
		padding: 16px;
	}
	.wuai-checkin-btn {
		width: 100%;
		min-width: 0;
	}
	.wuai-checkin-rank-item {
		grid-template-columns: 38px 48px minmax(0, 1fr);
		gap: 10px;
		padding: 14px;
	}
	.wuai-checkin-rank-item img {
		width: 48px;
		height: 48px;
	}
	.wuai-checkin-rank-item b {
		grid-column: 3;
		justify-self: start;
		font-size: 13px;
	}
	.wuai-checkin-person {
		grid-template-columns: 42px minmax(0, 1fr) auto;
	}
}

@media (max-width: 420px) {
	.wuai-checkin-hero-copy strong {
		font-size: 44px;
	}
	.wuai-checkin-hero-stats span {
		font-size: 12px;
	}
	.wuai-checkin-hero-stats strong {
		font-size: 17px;
	}
	.wuai-checkin-calendar > span {
		height: 38px;
		font-size: 15px;
	}
	.wuai-checkin-week,
	.wuai-checkin-calendar {
		gap: 5px;
	}
	.wuai-checkin-calendar-card {
		padding: 14px;
	}
	.wuai-checkin-card-title strong,
	.wuai-checkin-list-head strong {
		font-size: 16px;
	}
}