@charset "utf-8";

/* 科技主题动画 */
@keyframes circuitFlow {
	0% { 
		background-position: 0 0, 0 0, 0 0, 0 0;
		opacity: 0.6;
	}
	50% { 
		background-position: 15px 15px, 15px 15px, 30px 30px, 30px 30px;
		opacity: 0.8;
	}
	100% { 
		background-position: 30px 30px, 30px 30px, 60px 60px, 60px 60px;
		opacity: 0.6;
	}
}

@keyframes dataFlow {
	0%, 100% { 
		background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%;
		opacity: 0.8;
	}
	50% { 
		background-position: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
		opacity: 1;
	}
}

@keyframes hologramRotate {
	0% { 
		transform: rotate(0deg);
		opacity: 0.7;
	}
	50% { 
		opacity: 0.9;
	}
	100% { 
		transform: rotate(360deg);
		opacity: 0.7;
	}
}

@keyframes hologramPulse {
	0%, 100% { 
		opacity: 0.9;
		transform: scale(1);
	}
	50% { 
		opacity: 0.6;
		transform: scale(1.2);
	}
}

@keyframes particleFloat {
    0%, 100% { 
        background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
        opacity: 0.7;
    }
    25% { 
        background-position: 10px -10px, -10px 10px, 15px -5px, -5px 15px, 20px -15px, -15px 20px;
        opacity: 0.9;
    }
    50% { 
        background-position: 20px -20px, -20px 20px, 30px -10px, -10px 30px, 40px -30px, -30px 40px;
        opacity: 0.5;
    }
    75% { 
        background-position: 10px -30px, -30px 10px, 15px -25px, -25px 15px, 20px -35px, -35px 20px;
        opacity: 0.8;
    }
}

@keyframes starTwinkle {
	0%, 100% { 
		opacity: 0.8;
		transform: scale(1);
	}
	25% { 
		opacity: 1;
		transform: scale(1.1);
	}
	50% { 
		opacity: 0.6;
		transform: scale(0.9);
	}
	75% { 
		opacity: 0.9;
		transform: scale(1.05);
	}
}

@keyframes gridMove {
	0% { 
		background-position: 0 0, 0 0;
		opacity: 0.3;
	}
	50% { 
		background-position: 25px 25px, 25px 25px;
		opacity: 0.5;
	}
	100% { 
		background-position: 50px 50px, 50px 50px;
		opacity: 0.3;
	}
}

/* 科技主题标题横幅样式 */
.tech-banner {
	background: linear-gradient(90deg, #4A90E2 0%, #7B68EE 50%, #8A2BE2 100%);
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 60px rgba(138,43,226,0.3);
	margin: 20px 5% 30px 5%;
	position: relative;
	overflow: hidden;
	border: 2px solid rgba(138,43,226,0.3);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* 主题演讲者专栏的低调背景样式 */
.keynote-speakers-section {
	background: linear-gradient(135deg, rgba(248, 249, 250, 0.8), rgba(240, 242, 245, 0.6));
	border-radius: 12px;
	padding: 25px;
	margin: -10px 0 20px 0;
	border: 1px solid rgba(200, 200, 200, 0.3);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	position: relative;
	overflow: hidden;
}

.keynote-speakers-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		linear-gradient(45deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
		linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
	background-size: 20px 20px;
	opacity: 0.3;
	pointer-events: none;
}

.keynote-speakers-section table {
	position: relative;
	z-index: 2;
}


.tech-banner .circuit-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px),
		linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
	background-size: 20px 20px, 20px 20px;
	animation: circuitFlow 10s linear infinite;
	opacity: 0.3;
}

/* 移除复杂的动画效果，只保留简单的网格背景 */

.tech-banner .content {
	position: relative;
	z-index: 2;
	text-align: center;
}

.tech-banner h1 {
	color: white;
	font-size: 36px;
	margin-bottom: 25px;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	letter-spacing: 2px;
	line-height: 1.3;
}

.tech-banner h2 {
	color: rgba(255,255,255,0.95);
	font-size: 24px;
	margin-bottom: 30px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	letter-spacing: 1px;
	line-height: 1.4;
}

.tech-banner .divider {
	border-top: 2px solid rgba(255,255,255,0.3);
	margin: 20px auto;
	width: 60%;
}

.tech-banner p {
	color: rgba(255,255,255,0.9);
	font-size: 18px;
	margin: 0;
	font-weight: 500;
	text-align: center;
}