@charset "UTF-8";

 * {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	-webkit-tap-highlight-color: transparent;
 }

 body {
 	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
 	background: #0a0a0a;
 	color: #fff;
 	overflow-x: hidden;
 	-webkit-font-smoothing: antialiased;
 }

 /* ====== 固定背景层 ====== */
 .fixed-background {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100vh;
 	z-index: 0;
 	overflow: hidden;
 	background: linear-gradient(180deg, #0f0c29 0%, #302b63 40%, #24243e 100%);
 }

 /* 多层动态粒子系统 */
 .particles-container {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	pointer-events: none;
 }

 /* 第一层：小粒子快速上浮 */
 .particle-layer-1 .particle {
 	position: absolute;
 	width: 2px;
 	height: 2px;
 	background: rgba(0, 242, 254, 0.6);
 	border-radius: 50%;
 	animation: floatUpFast 8s infinite linear;
 	box-shadow: 0 0 6px rgba(0, 242, 254, 0.8);
 }

 @keyframes floatUpFast {
 	0% {
 		transform: translateY(110vh) translateX(0);
 		opacity: 0;
 	}

 	5% {
 		opacity: 1;
 	}

 	95% {
 		opacity: 0.8;
 	}

 	100% {
 		transform: translateY(-10vh) translateX(20px);
 		opacity: 0;
 	}
 }

 /* 第二层：中等粒子上浮带摇摆 */
 .particle-layer-2 .particle {
 	position: absolute;
 	width: 3px;
 	height: 3px;
 	background: rgba(79, 172, 254, 0.5);
 	border-radius: 50%;
 	animation: floatUpSwing 12s infinite ease-in-out;
 	box-shadow: 0 0 8px rgba(79, 172, 254, 0.6);
 }

 @keyframes floatUpSwing {
 	0% {
 		transform: translateY(110vh) translateX(0) scale(1);
 		opacity: 0;
 	}

 	8% {
 		opacity: 1;
 	}

 	25% {
 		transform: translateY(70vh) translateX(30px) scale(1.2);
 	}

 	50% {
 		transform: translateY(40vh) translateX(-20px) scale(0.8);
 	}

 	75% {
 		transform: translateY(15vh) translateX(25px) scale(1.1);
 	}

 	95% {
 		opacity: 0.6;
 	}

 	100% {
 		transform: translateY(-10vh) translateX(-10px) scale(1);
 		opacity: 0;
 	}
 }

 /* 第三层：大粒子慢速上浮带旋转 */
 .particle-layer-3 .particle {
 	position: absolute;
 	width: 4px;
 	height: 4px;
 	background: rgba(0, 242, 254, 0.3);
 	border-radius: 50%;
 	animation: floatUpSlow 16s infinite ease-in-out;
 	box-shadow: 0 0 12px rgba(0, 242, 254, 0.4);
 }

 @keyframes floatUpSlow {
 	0% {
 		transform: translateY(110vh) translateX(0) rotate(0deg);
 		opacity: 0;
 	}

 	10% {
 		opacity: 0.8;
 	}

 	30% {
 		transform: translateY(65vh) translateX(-40px) rotate(180deg);
 	}

 	60% {
 		transform: translateY(30vh) translateX(50px) rotate(360deg);
 	}

 	90% {
 		opacity: 0.4;
 	}

 	100% {
 		transform: translateY(-10vh) translateX(20px) rotate(540deg);
 		opacity: 0;
 	}
 }

 /* 第四层：十字星光粒子 */
 .particle-layer-4 .particle {
 	position: absolute;
 	width: 6px;
 	height: 6px;
 	animation: floatUpStar 20s infinite ease-in-out;
 }

 .particle-layer-4 .particle::before,
 .particle-layer-4 .particle::after {
 	content: '';
 	position: absolute;
 	background: rgba(255, 255, 255, 0.8);
 	border-radius: 1px;
 }

 .particle-layer-4 .particle::before {
 	width: 6px;
 	height: 1px;
 	top: 50%;
 	left: 0;
 	transform: translateY(-50%);
 }

 .particle-layer-4 .particle::after {
 	width: 1px;
 	height: 6px;
 	left: 50%;
 	top: 0;
 	transform: translateX(-50%);
 }

 @keyframes floatUpStar {
 	0% {
 		transform: translateY(110vh) scale(0) rotate(0deg);
 		opacity: 0;
 	}

 	10% {
 		transform: translateY(95vh) scale(1) rotate(45deg);
 		opacity: 1;
 	}

 	50% {
 		transform: translateY(45vh) scale(0.6) rotate(180deg);
 		opacity: 0.8;
 	}

 	90% {
 		transform: translateY(5vh) scale(1.2) rotate(405deg);
 		opacity: 0.6;
 	}

 	100% {
 		transform: translateY(-10vh) scale(0) rotate(450deg);
 		opacity: 0;
 	}
 }

 /* 第五层：六边形科技粒子 */
 .particle-layer-5 .particle {
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	background: transparent;
 	border: 1px solid rgba(0, 242, 254, 0.4);
 	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
 	animation: floatUpHex 14s infinite ease-in-out;
 }

 @keyframes floatUpHex {
 	0% {
 		transform: translateY(110vh) rotate(0deg) scale(0.5);
 		opacity: 0;
 	}

 	15% {
 		opacity: 0.7;
 	}

 	40% {
 		transform: translateY(55vh) rotate(120deg) scale(1);
 	}

 	70% {
 		transform: translateY(25vh) rotate(240deg) scale(0.7);
 	}

 	95% {
 		opacity: 0.3;
 	}

 	100% {
 		transform: translateY(-10vh) rotate(360deg) scale(0.3);
 		opacity: 0;
 	}
 }

 /* 第六层：拖尾粒子 */
 .particle-layer-6 .particle {
 	position: absolute;
 	width: 2px;
 	height: 40px;
 	background: linear-gradient(to top, transparent, rgba(0, 242, 254, 0.3), transparent);
 	border-radius: 1px;
 	animation: floatUpTrail 10s infinite linear;
 }

 @keyframes floatUpTrail {
 	0% {
 		transform: translateY(110vh);
 		opacity: 0;
 	}

 	10% {
 		opacity: 1;
 	}

 	90% {
 		opacity: 0.5;
 	}

 	100% {
 		transform: translateY(-50vh);
 		opacity: 0;
 	}
 }

 /* 连接线动画层 */
 .connections-layer {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	pointer-events: none;
 }

 .connection-line {
 	position: absolute;
 	height: 1px;
 	background: linear-gradient(90deg, transparent, rgba(0, 242, 254, 0.15), transparent);
 	animation: connectFloat 18s infinite linear;
 }

 @keyframes connectFloat {
 	0% {
 		transform: translateY(110vh) scaleX(0);
 		opacity: 0;
 	}

 	20% {
 		transform: translateY(85vh) scaleX(1);
 		opacity: 0.6;
 	}

 	80% {
 		transform: translateY(20vh) scaleX(0.5);
 		opacity: 0.3;
 	}

 	100% {
 		transform: translateY(-10vh) scaleX(0);
 		opacity: 0;
 	}
 }

 /* 脉冲光圈 */
 .pulse-rings {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	pointer-events: none;
 }

 .pulse-ring {
 	position: absolute;
 	border: 1px solid rgba(0, 242, 254, 0.1);
 	border-radius: 50%;
 	animation: pulseExpand 8s infinite ease-out;
 }

 @keyframes pulseExpand {
 	0% {
 		width: 20px;
 		height: 20px;
 		opacity: 0.8;
 	}

 	100% {
 		width: 200px;
 		height: 200px;
 		opacity: 0;
 	}
 }

 /* 模糊光晕装饰 */
 .glow-orb {
 	position: absolute;
 	border-radius: 50%;
 	filter: blur(80px);
 	opacity: 0.3;
 	pointer-events: none;
 }

 .glow-1 {
 	width: 300px;
 	height: 300px;
 	background: #00f2fe;
 	top: 10%;
 	right: -100px;
 	animation: orbFloat 10s infinite ease-in-out;
 }

 .glow-2 {
 	width: 250px;
 	height: 250px;
 	background: #4facfe;
 	bottom: 20%;
 	left: -80px;
 	animation: orbFloat 12s infinite ease-in-out reverse;
 }

 .glow-3 {
 	width: 200px;
 	height: 200px;
 	background: rgba(102, 126, 234, 0.5);
 	top: 50%;
 	left: 50%;
 	animation: orbFloat 15s infinite ease-in-out;
 	animation-delay: -5s;
 }

 @keyframes orbFloat {

 	0%,
 	100% {
 		transform: translate(0, 0);
 	}

 	50% {
 		transform: translate(-40px, 40px);
 	}
 }

 /* ====== 滚动内容层 ====== */
 .content-scroll {
 	position: relative;
 	z-index: 2;
 	width: 100%;
 }

 /* 首屏全屏展示 */
 .hero-screen {
 	min-height: 100vh;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	padding: 40px 20px;
 	position: relative;
 }

 .hero-content {
 	width: 100%;
 	max-width: 420px;
 	text-align: center;
 }

 /* 顶部标签 */
 .top-tag {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	background: rgba(0, 242, 254, 0.1);
 	border: 1px solid rgba(0, 242, 254, 0.3);
 	padding: 8px 16px;
 	border-radius: 20px;
 	font-size: 16px;
 	color: #00f2fe;
 	margin-bottom: 24px;
 	animation: fadeInDown 0.8s ease-out;
 	font-weight: 500;
 	backdrop-filter: blur(10px);
 }

 .tag-dot {
 	width: 8px;
 	height: 8px;
 	background: #00f2fe;
 	border-radius: 50%;
 	box-shadow: 0 0 10px #00f2fe;
 	animation: pulse 2s infinite;
 }

 @keyframes pulse {

 	0%,
 	100% {
 		opacity: 1;
 		transform: scale(1);
 	}

 	50% {
 		opacity: 0.6;
 		transform: scale(0.8);
 	}
 }

 /* 主标题 */
 .main-title {
 	font-size: 48px;
 	font-weight: 900;
 	line-height: 1.25;
 	margin-bottom: 16px;
 	animation: fadeInUp 0.8s ease-out 0.2s both;
 }

 .main-title .highlight {
 	background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 }

 .sub-title {
 	font-size: 17px;
 	color: rgba(255, 255, 255, 0.7);
 	line-height: 1.7;
 	margin-bottom: 32px;
 	animation: fadeInUp 0.8s ease-out 0.4s both;
 }

 /* 向下滚动提示 */
 .scroll-indicator {
 	position: absolute;
 	bottom: 40px;
 	left: 50%;
 	transform: translateX(-50%);
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 8px;
 	animation: fadeInUp 0.8s ease-out 1s both, bounce 2s infinite;
 	cursor: pointer;
 }

 .scroll-text {
 	font-size: 14px;
 	color: rgba(255, 255, 255, 0.5);
 	letter-spacing: 2px;
 }

 .scroll-arrow-down {
 	width: 24px;
 	height: 24px;
 	border: 2px solid rgba(255, 255, 255, 0.3);
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: rgba(255, 255, 255, 0.5);
 	font-size: 12px;
 }

 @keyframes bounce {

 	0%,
 	100% {
 		transform: translateX(-50%) translateY(0);
 	}

 	50% {
 		transform: translateX(-50%) translateY(8px);
 	}
 }

 /* ====== 浮动内容卡片 ====== */
 .floating-section {
 	position: relative;
 	z-index: 2;
 	padding: 0 20px 40px;
 	max-width: 460px;
 	margin: 0 auto;
 }

 .content-card {
 	background: rgba(20, 20, 40, 0.75);
 	backdrop-filter: blur(20px);
 	border: 1px solid rgba(255, 255, 255, 0.08);
 	border-radius: 24px;
 	padding: 28px 24px;
 	margin-bottom: 20px;
 	animation: fadeInUp 0.8s ease-out both;
 	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
 }

 /* 痛点共鸣区 */
 .pain-title {
 	font-size: 22px;
 	font-weight: 700;
 	color: #ff6b6b;
 	margin-bottom: 12px;
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }

 .pain-list {
 	list-style: none;
 }

 .pain-list li {
 	font-size: 15px;
 	color: rgba(255, 255, 255, 0.8);
 	padding: 8px 0;
 	padding-left: 24px;
 	position: relative;
 	line-height: 1.5;
 }

 .pain-list li::before {
 	content: '✕';
 	position: absolute;
 	left: 0;
 	color: #ff6b6b;
 	font-weight: 700;
 }

 /* 核心卖点横向滑动 */
 .features-scroll {
     display: grid;
     grid-template-columns: repeat(2, 1fr);  /* 每行2个 */
     gap: 12px;
     padding-bottom: 16px;
 }
 
 .features-scroll::-webkit-scrollbar {
     display: none;  /* 可选：保留或删除 */
 }
 
 .feature-card {
     width: auto;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 16px;
     padding: 20px 14px;
     text-align: center;
     transition: transform 0.3s, border-color 0.3s;
 }

 .feature-card:active {
 	transform: scale(0.95);
 }

 .feature-icon {
 	width: 48px;
 	height: 48px;
 	background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
 	border-radius: 12px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 0 auto 12px;
 	font-size: 24px;
 }

 .feature-title {
 	font-size: 20px;
 	font-weight: 600;
 	margin-bottom: 6px;
 }

 .feature-desc {
 	font-size: 13px;
 	color: rgba(255, 255, 255, 0.5);
 	line-height: 1.4;
 }

 /* 滑动提示 */
 .scroll-hint {
 	text-align: center;
 	margin-top: 8px;
 }

 .scroll-hint-text {
 	font-size: 12px;
 	color: rgba(255, 255, 255, 0.35);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 6px;
 }

 .scroll-arrow {
 	animation: arrowBounce 1.5s infinite;
 }

 @keyframes arrowBounce {

 	0%,
 	100% {
 		transform: translateX(0);
 	}

 	50% {
 		transform: translateX(4px);
 	}
 }

 /* 解决方案对比区 */
 .solution-header {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	margin-bottom: 16px;
 }

 .solution-icon {
 	width: 36px;
 	height: 36px;
 	background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
 	border-radius: 10px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 18px;
 }

 .solution-title {
 	font-size: 18px;
 	font-weight: 800;
 }

 .solution-title span {
 	color: #00f2fe;
 }

 .solution-item {
 	display: flex;
 	align-items: flex-start;
 	gap: 12px;
 	padding: 10px 0;
 	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .solution-item:last-child {
 	border-bottom: none;
 	padding-bottom: 0;
 }

 .solution-check {
 	width: 22px;
 	height: 22px;
 	background: rgba(0, 242, 254, 0.2);
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: #00f2fe;
 	font-size: 12px;
 	flex-shrink: 0;
 	margin-top: 2px;
 }

 .solution-text {
 	flex: 1;
 }

 .solution-text strong {
 	color: #fff;
 	font-size: 18px;
 	display: block;
 	margin-bottom: 2px;
 }

 .solution-text span {
 	color: rgba(255, 255, 255, 0.6);
 	font-size: 15px;
	line-height: 1.8;
 }

 /* 社交证明 */
 .proof-header {
 	display: flex;
 	align-items: center;
 	gap: 12px;
 	margin-bottom: 16px;
 }

 .avatar-group {
 	display: flex;
 }

 .avatar {
 	width: 36px;
 	height: 36px;
 	border-radius: 50%;
 	border: 2px solid rgba(20, 20, 40, 0.75);
 	margin-left: -8px;
 	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 12px;
 	font-weight: 600;
 }

 .avatar:first-child {
 	margin-left: 0;
 }

 .proof-text {
 	font-size: 14px;
 	color: rgba(255, 255, 255, 0.8);
 	line-height: 1.5;
 }

 .proof-text strong {
 	color: #00f2fe;
	font-size: 18px;
 }

 .stats-row {
 	display: flex;
 	justify-content: space-around;
 	border-top: 1px solid rgba(255, 255, 255, 0.1);
 	padding-top: 16px;
 }

 .stat-item {
 	text-align: center;
 }

 .stat-number {
 	font-size: 26px;
 	font-weight: 800;
 	color: #00f2fe;
 	line-height: 1;
 }

 .stat-label {
 	font-size: 12px;
 	color: rgba(255, 255, 255, 0.5);
 	margin-top: 6px;
 }

 /* ====== 表单卡片（特殊强调） ====== */
 .form-card {
 	background: rgba(20, 20, 40, 0.85);
 	backdrop-filter: blur(25px);
 	border: 1px solid rgba(0, 242, 254, 0.15);
 	border-radius: 24px;
 	padding: 32px 24px;
 	margin-bottom: 20px;
 	position: relative;
 	overflow: hidden;
 	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 60px rgba(0, 242, 254, 0.05);
 	animation: fadeInUp 0.8s ease-out both;
 }

 .form-card::before {
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	height: 3px;
 	background: linear-gradient(90deg, #00f2fe, #4facfe);
 }

 .form-title {
 	font-size: 22px;
 	font-weight: 800;
 	margin-bottom: 8px;
 	text-align: center;
 }

 .form-subtitle {
 	font-size: 14px;
 	color: rgba(255, 255, 255, 0.6);
 	text-align: center;
 	margin-bottom: 24px;
 }

 .urgency-badge {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	background: rgba(255, 50, 50, 0.15);
 	color: #ff6b6b;
 	padding: 6px 12px;
 	border-radius: 20px;
 	font-size: 16px;
 	font-weight: 600;
 	margin-bottom: 20px;
 	width: 100%;
 	justify-content: center;
 }

 .urgency-dot {
 	width: 8px;
 	height: 8px;
 	background: #ff6b6b;
 	border-radius: 50%;
 	animation: pulse 1.5s infinite;
 }

 .form-group {
 	margin-bottom: 16px;
 }

 .form-label {
 	display: block;
 	font-size: 14px;
 	font-weight: 600;
 	margin-bottom: 8px;
 	color: rgba(255, 255, 255, 0.9);
 }

 .form-input {
 	width: 100%;
 	padding: 14px 16px;
 	background: rgba(255, 255, 255, 0.08);
 	border: 1px solid rgba(255, 255, 255, 0.15);
 	border-radius: 12px;
 	color: #fff;
 	font-size: 15px;
 	outline: none;
 	transition: all 0.3s;
 }

 .form-input::placeholder {
 	color: rgba(255, 255, 255, 0.3);
 }

 .form-input:focus {
 	border-color: #00f2fe;
 	background: rgba(255, 255, 255, 0.12);
 	box-shadow: 0 0 0 3px rgba(0, 242, 254, 0.1);
 }

 select.form-input {
 	appearance: none;
 	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 	background-repeat: no-repeat;
 	background-position: right 16px center;
 }

 select.form-input option {
 	background: #1a1a2e;
 	color: #fff;
 }

 /* 提交按钮 */
 .submit-btn {
 	width: 100%;
 	padding: 16px;
 	background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
 	border: none;
 	border-radius: 12px;
 	color: #0a0a0a;
 	font-size: 17px;
 	font-weight: 800;
 	cursor: pointer;
 	margin-top: 8px;
 	position: relative;
 	overflow: hidden;
 	transition: transform 0.2s, box-shadow 0.2s;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 8px;
 }

 .submit-btn:active {
 	transform: scale(0.98);
 }

 .submit-btn::after {
 	content: '';
 	position: absolute;
 	top: -50%;
 	left: -50%;
 	width: 200%;
 	height: 200%;
 	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
 	transform: rotate(30deg);
 	animation: shimmer 3s infinite;
 }

 @keyframes shimmer {
 	0% {
 		transform: translateX(-100%) rotate(30deg);
 	}

 	100% {
 		transform: translateX(100%) rotate(30deg);
 	}
 }

 .btn-arrow {
 	transition: transform 0.3s;
 	font-size: 20px;
 }

 .submit-btn:hover .btn-arrow {
 	transform: translateX(4px);
 }

 /* 信任标识 */
 .trust-badges {
 	display: flex;
 	justify-content: center;
 	gap: 20px;
 	margin-top: 20px;
 	opacity: 0.6;
 }

 .trust-badge {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 	font-size: 12px;
 	color: rgba(255, 255, 255, 0.6);
 }

 /* 成功状态 */
 .success-message {
 	display: none;
 	text-align: center;
 	padding: 20px 10px;
 }

 .success-icon {
 	width: 80px;
 	height: 80px;
 	background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
 	border-radius: 50%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 0 auto 20px;
 	font-size: 40px;
 	animation: scaleIn 0.5s ease-out;
 	box-shadow: 0 0 30px rgba(0, 242, 254, 0.3);
 }

 @keyframes scaleIn {
 	from {
 		transform: scale(0);
 	}

 	to {
 		transform: scale(1);
 	}
 }

 .success-title {
 	font-size: 24px;
 	font-weight: 800;
 	margin-bottom: 12px;
 }

 .success-text {
 	font-size: 15px;
 	color: rgba(255, 255, 255, 0.7);
 	line-height: 1.6;
 }

 .contact-now {
 	display: inline-block;
 	margin-top: 24px;
 	padding: 14px 32px;
 	background: rgba(0, 242, 254, 0.1);
 	border: 1px solid rgba(0, 242, 254, 0.3);
 	border-radius: 24px;
 	color: #00f2fe;
 	text-decoration: none;
 	font-weight: 700;
 	font-size: 15px;
 }

 /* 底部信息 */
 .footer-note {
 	text-align: center;
 	padding: 20px;
 	font-size: 12px;
 	color: rgba(255, 255, 255, 0.4);
 	line-height: 1.6;
 }

 /* 动画定义 */
 @keyframes fadeInUp {
 	from {
 		opacity: 0;
 		transform: translateY(30px);
 	}

 	to {
 		opacity: 1;
 		transform: translateY(0);
 	}
 }

 @keyframes fadeInDown {
 	from {
 		opacity: 0;
 		transform: translateY(-20px);
 	}

 	to {
 		opacity: 1;
 		transform: translateY(0);
 	}
 }

 /* 加载状态 */
 .loading {
 	display: none;
 	width: 20px;
 	height: 20px;
 	border: 2px solid rgba(10, 10, 10, 0.3);
 	border-top-color: #0a0a0a;
 	border-radius: 50%;
 	animation: spin 0.8s linear infinite;
 }

 @keyframes spin {
 	to {
 		transform: rotate(360deg);
 	}
 }

 /* 响应式微调 */
 @media (max-height: 750px) {
 	.main-title {
 		font-size: 34px;
 	}

 	.scroll-indicator {
 		bottom: 20px;
 	}
 }

 /* 滚动显示动画 */
 .reveal {
 	opacity: 0;
 	transform: translateY(30px);
 	transition: all 0.8s ease-out;
 }

 .reveal.active {
 	opacity: 1;
 	transform: translateY(0);
 }