@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, #0e0800 0%, #2a1800 20%, #4e3000 40%, #5e3800 50%, #4e3000 60%, #2a1800 80%, #0e0800 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,230,120,0.05) 38%,
			rgba(255,242,160,0.12) 43%,
			rgba(255,250,200,0.28) 47%,
			rgba(255,255,230,0.50) 50%,
			rgba(255,250,200,0.28) 53%,
			rgba(255,242,160,0.12) 57%,
			rgba(255,230,120,0.05) 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, #ffffff 0%, #fff0a0 12%, #f5d020 25%, #c8980a 38%, #a87800 50%, #c89818 62%, #f0d030 75%, #fff0a0 85%, #c8980a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(3px 3px 0px #0e0800) drop-shadow(-1px -1px 0px #0e0800) drop-shadow(0px 0px 8px rgba(200,140,0,0.35));
	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(3px 3px 0px #0e0800) drop-shadow(-1px -1px 0px #0e0800) drop-shadow(0px 0px 8px rgba(200,140,0,0.25)); }
	50%      { filter: drop-shadow(3px 3px 0px #0e0800) drop-shadow(-1px -1px 0px #0e0800) drop-shadow(0px 0px 20px rgba(240,190,0,0.6)); }
}

/* ========== 第二层 - 金属金渐变文字 ========== */
.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%, #fff0a0 12%, #f5d020 25%, #c8980a 38%, #a87800 50%, #c89818 62%, #f0d030 75%, #fff0a0 85%, #c8980a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(3px 3px 0px #0e0800) drop-shadow(-1px -1px 0px #0e0800) drop-shadow(0px 0px 6px rgba(200,140,0,0.25));
	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(3px 3px 0px #0e0800) drop-shadow(-1px -1px 0px #0e0800) drop-shadow(0px 0px 6px rgba(200,140,0,0.2)); }
	50%      { filter: drop-shadow(3px 3px 0px #0e0800) drop-shadow(-1px -1px 0px #0e0800) drop-shadow(0px 0px 20px rgba(240,190,0,0.55)); }
}

/* ========== 第三层 - 金属金按钮 + 红黑文字 + 金色衬光 ========== */
.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: #3a0000;
	margin-left: 16px;
	margin-right: 16px;
	background: linear-gradient(180deg, #fff8d0 0%, #f5d020 18%, #c8980a 40%, #a87800 60%, #c89818 80%, #f5d020 100%);
	border-radius: 30px;
	text-shadow: 0px 1px 0px rgba(255,240,180,0.6), 0px -1px 0px rgba(60,0,0,0.8), 0px 0px 6px rgba(255,220,100,0.4);
	overflow: hidden;
	box-shadow: 0px 3px 0px #2a1400, 0px -2px 0px rgba(255,248,200,0.6) inset, 0px 4px 16px rgba(160,100,0,0.45);
	cursor: pointer;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.ad-banner-layer3-btn:hover {
	box-shadow: 0px 3px 0px #2a1400, 0px -2px 0px rgba(255,248,200,0.7) inset, 0px 6px 24px rgba(200,140,0,0.7);
	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); }
}