/* yb-home-console · F 线特效:灯笼样式。整层 pointer-events:none(见 pack.css .yb-hc-fx)。 */

.yb-hc-lantern {
	position: absolute;
	width: 34px;
	transform: scale(var(--yb-hc-lantern-scale, 1));
	transform-origin: top center;
	will-change: transform;
	animation: yb-hc-lantern-sway var(--yb-hc-lantern-dur, 14s) ease-in-out infinite;
	animation-delay: var(--yb-hc-lantern-delay, 0s);
	opacity: .85;
}

.yb-hc-lantern.is-still {
	animation: none;
}

.yb-hc-lantern__cord {
	display: block;
	width: 1px;
	height: 26px;
	margin: 0 auto;
	background: rgba(120, 80, 40, .45);
}

.yb-hc-lantern__body {
	display: block;
	position: relative;
	width: 34px;
	height: 44px;
	border-radius: 50% / 42%;
	background: radial-gradient(circle at 34% 30%, #ff9a7a 0%, #e0442f 55%, #b62617 100%);
	box-shadow: 0 0 18px rgba(224, 68, 47, .35);
}

.yb-hc-lantern__glow {
	position: absolute;
	inset: 6px 3px;
	border-radius: 50% / 42%;
	background: linear-gradient(180deg, rgba(255, 226, 168, .55), rgba(255, 200, 120, 0));
}

.yb-hc-lantern__tassel {
	display: block;
	width: 2px;
	height: 14px;
	margin: 0 auto;
	background: linear-gradient(180deg, var(--yb-hc-accent, #d9a441), rgba(217, 164, 65, 0));
}

@keyframes yb-hc-lantern-sway {
	0%   { transform: scale(var(--yb-hc-lantern-scale, 1)) rotate(-3deg) translateY(0); }
	50%  { transform: scale(var(--yb-hc-lantern-scale, 1)) rotate(3deg) translateY(6px); }
	100% { transform: scale(var(--yb-hc-lantern-scale, 1)) rotate(-3deg) translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.yb-hc-lantern {
		animation: none !important;
	}
}