@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@700;900&display=swap');
/* ========== 主容器 ========== */
.ad-banner {
	width: 1300px;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
}

/* ========== 第一层 - 箭头横幅 + 金黄扫光 + 金黄渐变文字 ========== */
.ad-banner-layer1 {
	width: 1300px;
	height: 110px;
	text-align: center;
	overflow: hidden;
}
.ad-banner-layer1-bar {
	display: inline-block;
	width: 1300px;
	height: 70px;
	margin-top: 20px;
	overflow: hidden;
	background: linear-gradient(90deg, #1a0000 0%, #3a0008 20%, #680010 40%, #800018 50%, #680010 60%, #3a0008 80%, #1a0000 100%);
	clip-path: polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
	animation: ad-banner-float1 3s ease-in-out infinite;
	border-image: linear-gradient(90deg, transparent, rgba(100,180,255,0.3), transparent) 1;
}
.ad-banner-layer1-sweep {
	width: 100%;
	height: 100%;
	background:
		linear-gradient(105deg,
			transparent 0%,
			transparent 30%,
			rgba(255,200,50,0.04) 38%,
			rgba(255,220,80,0.10) 43%,
			rgba(255,235,120,0.22) 47%,
			rgba(255,245,180,0.35) 50%,
			rgba(255,235,120,0.22) 53%,
			rgba(255,220,80,0.10) 57%,
			rgba(255,200,50,0.04) 62%,
			transparent 70%,
			transparent 100%
		),
		linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 40%, transparent 60%, rgba(255,255,255,0.02) 100%);
	background-size: 220% 100%, 100% 100%;
	animation: ad-banner-sweep1 3.5s ease-in-out infinite;
	text-align: center;
}
@keyframes ad-banner-sweep1 {
	0%   { background-position: 140% 0, 0 0; }
	100% { background-position: -40% 0, 0 0; }
}
.ad-banner-layer1-text {
	display: inline-block;
	font-family: 'Noto Serif SC', serif;
	font-weight: 900;
	font-size: 42px;
	letter-spacing: 10px;
	margin-top: 8px;
	background: linear-gradient(180deg, #fff8c0 0%, #ffe860 18%, #ffd020 35%, #ffb800 50%, #e8a000 68%, #c07800 82%, #906000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #3a0000) drop-shadow(-1px -1px 0px #200000) drop-shadow(0px 0px 6px rgba(255,180,0,0.3));
	animation: ad-banner-float1 3s ease-in-out infinite, ad-banner-glow1 4s ease-in-out infinite;
}
@keyframes ad-banner-float1 {
	0%, 100% { transform: translateY(0px); }
	50%      { transform: translateY(-4px); }
}
@keyframes ad-banner-glow1 {
	0%, 100% { filter: drop-shadow(2px 2px 0px #3a0000) drop-shadow(-1px -1px 0px #200000) drop-shadow(0px 0px 6px rgba(255,180,0,0.2)); }
	50%      { filter: drop-shadow(2px 2px 0px #3a0000) drop-shadow(-1px -1px 0px #200000) drop-shadow(0px 0px 14px rgba(255,200,0,0.5)); }
}

/* ========== 第二层 - 亮黄渐变文字 ========== */
.ad-banner-layer2 {
	width: 1300px;
	height: 80px;
	overflow: hidden;
	text-align: center;
}
.ad-banner-layer2-text {
	display: inline-block;
	font-family: 'ZCOOL XiaoWei', serif;
	font-size: 38px;
	letter-spacing: 14px;
	margin-top: 14px;
	background: linear-gradient(180deg, #ffffff 0%, #fff8c0 20%, #ffe840 38%, #ffd000 55%, #ffb800 68%, #e89800 80%, #c07000 92%, #904800 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #3a0000) drop-shadow(-1px -1px 0px #200000) drop-shadow(0px 0px 5px rgba(255,180,0,0.2));
	animation: ad-banner-float2 3.5s ease-in-out infinite, ad-banner-glow2 5s ease-in-out infinite;
}
@keyframes ad-banner-float2 {
	0%, 100% { transform: translateY(0px); }
	50%      { transform: translateY(-3px) scale(1.01); }
}
@keyframes ad-banner-glow2 {
	0%, 100% { filter: drop-shadow(2px 2px 0px #3a0000) drop-shadow(-1px -1px 0px #200000) drop-shadow(0px 0px 5px rgba(255,180,0,0.15)); }
	50%      { filter: drop-shadow(2px 2px 0px #3a0000) drop-shadow(-1px -1px 0px #200000) drop-shadow(0px 0px 16px rgba(255,200,0,0.45)); }
}

/* ========== 第三层 - 深红圆角按钮 + 黄色文字 + 黄色发光 ========== */
.ad-banner-layer3 {
	width: 1300px;
	height: 110px;
	overflow: hidden;
	text-align: center;
}
.ad-banner-layer3-inner {
	display: inline-block;
	margin-top: 22px;
}
.ad-banner-layer3-btn {
	display: inline-block;
	font-family: 'Noto Serif SC', serif;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 4px;
	color: #fff000;
	margin-left: 16px;
	margin-right: 16px;
	background: linear-gradient(180deg, #e83030 0%, #cc0010 25%, #aa0008 50%, #880006 75%, #660004 100%);
	border-radius: 30px;
	text-shadow: 0px 0px 10px rgba(255,220,0,0.9), 0px 0px 4px rgba(255,240,0,0.8), 0px 0px 20px rgba(255,200,0,0.5), 1px 1px 0px rgba(255,180,0,0.4);
	overflow: hidden;
	box-shadow: 0px 2px 0px #400000, 0px -1px 0px rgba(255,120,120,0.3) inset, 0px 4px 12px rgba(160,0,0,0.35);
	cursor: pointer;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.ad-banner-layer3-btn:hover {
	box-shadow: 0px 2px 0px #400000, 0px -1px 0px rgba(255,120,120,0.4) inset, 0px 4px 20px rgba(200,0,0,0.6);
	transform: translateY(-2px);
}
.ad-banner-layer3-btn-sweep {
	display: block;
	background:
		linear-gradient(105deg,
			transparent 0%,
			transparent 35%,
			rgba(255,255,255,0.05) 42%,
			rgba(255,255,255,0.12) 47%,
			rgba(255,255,255,0.22) 50%,
			rgba(255,255,255,0.12) 53%,
			rgba(255,255,255,0.05) 58%,
			transparent 65%,
			transparent 100%
		);
	background-size: 250% 100%;
	animation: ad-banner-sweep3 4.5s ease-in-out infinite;
}
@keyframes ad-banner-sweep3 {
	0%   { background-position: 150% 0; }
	100% { background-position: -50% 0; }
}
.ad-banner-layer3-btn-text {
	display: inline-block;
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.ad-banner-layer3-btn:nth-child(1) { animation: ad-banner-float3a 2.8s ease-in-out infinite; }
.ad-banner-layer3-btn:nth-child(2) { animation: ad-banner-float3b 3.2s ease-in-out infinite; }
.ad-banner-layer3-btn:nth-child(3) { animation: ad-banner-float3c 2.5s ease-in-out infinite; }
.ad-banner-layer3-btn:nth-child(4) { animation: ad-banner-float3d 3.6s ease-in-out infinite; }
.ad-banner-layer3-btn:nth-child(2) .ad-banner-layer3-btn-sweep { animation-delay: 0.8s; }
.ad-banner-layer3-btn:nth-child(3) .ad-banner-layer3-btn-sweep { animation-delay: 1.6s; }
.ad-banner-layer3-btn:nth-child(4) .ad-banner-layer3-btn-sweep { animation-delay: 2.4s; }
@keyframes ad-banner-float3a {
	0%, 100% { transform: translateY(0px); }
	50%      { transform: translateY(-5px); }
}
@keyframes ad-banner-float3b {
	0%, 100% { transform: translateY(0px); }
	50%      { transform: translateY(4px); }
}
@keyframes ad-banner-float3c {
	0%, 100% { transform: translateY(0px); }
	50%      { transform: translateY(-6px); }
}
@keyframes ad-banner-float3d {
	0%, 100% { transform: translateY(0px); }
	50%      { transform: translateY(5px); }
}