html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; 
	background-color: #000;
}

body {
/* 	background: url('/img/bg.png') no-repeat center center;
	background-size: cover; */
}

#app {
	height: 100%;
	/* width: 90%; */
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* align-items: center; */
	background-color: #000;
	/* border: 2px #ffaa00 solid; */
}
	/* loader */
	.loader {
		width: 80px;
		height: 80px;
		border: 6px solid rgba(255,255,255,0.3);
		border-top: 6px solid #25D366;
		border-radius: 50%;
		animation: spin 1s linear infinite;

		/* 固定在页面中央 */
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		/* 可选：在 z-index 上面，保证不被覆盖 */
		z-index: 9999;
	}

	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	
	.verify-mask {/* 验证 */
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100vw;
	  height: 100vh;
	  background: rgba(0,0,0,0.6);
	  z-index: 999999;
		}

		.verify {
			/* border: 2px #aa00ff solid; */
			position:fixed;
			left: 0;
			top:0;
			height:1500px;width: 99%;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			z-index: 9991;
		}

		.verify-box {
		  background: #fff;
		  padding: 30px;
		  width: 600px;
		  /* height: 600px; */
		  border-radius: 12px;
		  text-align: center;
		  opacity: 0.8;
		  /* border: 2px #ffaa00 solid; */
		  display: flex;
		  box-shadow: 0 20px 50px rgba(0,0,0,.25);
		  flex-direction: column;
		  align-items: center;
		}
		.verifyItem{
			font-size: 40px;
			  font-weight: 600;
			  color: #434343;
			  margin-bottom: 10px;
		}
		.verifyImg{
			width: 500px;
			height: 300px;
			background-image: url('/img/service2.jpg');
			background-size: 100% 100%;
			border-radius: 20px;
			box-shadow: 0 20px 50px rgba(0,0,0,.25);
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			/* align-items: center; */
		}
		.verifyText{
			/* padding: 5px; */
			/* border: 2px #ffaa00 solid; */
			height: 65px;
			width: auto;
		}
	.container {/* 看视频 文本 */
		height:1700px;
		width: 99%;
		/* padding: 20px; */
		/* border: 2px #ffaa00 solid; */
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		position: relative; /* 或者 absolute/fixed，根据布局 */
		z-index: 100; /* 确保低于 verify-mask */
		/* background-color: #464646; */
		font-size: 40px;
		}
		.contaItem{
			/* background-color: #131313; */
			background: linear-gradient(45deg, #131313, #646464);
			/* border: 2px #ffaa00 solid; */
			border-radius: 30px;
			color: #fff;
			padding: 20px;
			width: 900px;
			opacity: 0.9;
		}
		.highlight {
		  color: #f7d046;
		   display: inline-block;
		  font-weight: bold;
		}

		.list {
		  list-style: none;
		  padding: 0;
		  margin: 0;
		}

		.list li {
		  margin-bottom: 10px;
		  display: flex;
		  align-items: center;
		}

		.list li::before {
		  content: "✔️";
		  color: #00ff88;
		  margin-right: 8px;
		}

		.cta {
		  margin-top: 25px;
		  text-align: center;
		  font-size: 45px;
		}

		.ctaA {
		  display: inline-block;
		  /* width: 80%; */
		  background: linear-gradient(90deg, #55ff00, #55ff7f);
		  color: #5b5b5b;
		  text-decoration: none;
		  padding: 15px 100px;
		  border-radius: 30px;
		  font-weight: bold;
		  font-size: 45px;
		}
		.ctaD{
			color: #5e5e5e;
			padding: 15px 22px;
		}

		.footer {
		  text-align: center;
		  font-size: 12px;
		  opacity: 0.6;
		  margin-top: 25px;
		}
		.step{
			display:block;
			padding:40px 24px;
			background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
			border-radius:28px;
			position:relative;
			overflow:hidden;
		}

		/* 背景光晕 */
		.step::before{
			content:'';
			position:absolute;
			width:300px;
			height:300px;
			background:rgba(77,136,255,.12);
			border-radius:50%;
			top:-120px;
			right:-120px;
			filter:blur(20px);
		}

		/* 标题 */
		.step-title{
			text-align:center;
			margin-bottom:36px;
			position:relative;
			z-index:2;
		}

		.step-title span{
			display:inline-block;
			font-size:38px;
			font-weight:700;
			color:#1d2b53;
			padding:14px 34px;
			border-radius:60px;
			background:#fff;
			box-shadow:
				0 10px 30px rgba(0,0,0,.08);
			letter-spacing:1px;
		}

		/* 步骤列表 */
		.step-list{
			position:relative;
			z-index:2;
			display:flex;
			flex-direction:column;
			gap:28px;
		}

		/* 单项 */
		.stepItem{
			position:relative;
			padding-left:70px;
		}

		/* 时间线 */
		.step-line{
			position:absolute;
			left:26px;
			top:-30px;
			width:4px;
			height:calc(100% + 32px);
			background:linear-gradient(
				180deg,
				#69a1ff,
				#3f7cff
			);
			border-radius:10px;
			opacity:.25;
		}

		/* 圆点 */
		.stepItem::before{
			content:'';
			position:absolute;
			left:10px;
			top:12px;
			width:34px;
			height:34px;
			border-radius:50%;
			background:linear-gradient(
				135deg,
				#5b9dff,
				#2563eb
			);
			box-shadow:
				0 0 0 8px rgba(59,130,246,.12),
				0 8px 20px rgba(37,99,235,.35);
			z-index:2;
		}

		/* 卡片 */
		.stepRow{
			background:#fff;
			border-radius:22px;
			padding:24px 26px;
			box-shadow:
				0 10px 30px rgba(30,41,59,.08);
			transition:.25s;
			border:1px solid rgba(255,255,255,.8);
		}

		.stepRow:hover{
			transform:translateY(-4px);
			box-shadow:
				0 18px 40px rgba(30,41,59,.14);
		}

		/* 标题 */
		.stepRow h3{
			margin:0 0 14px;
			font-size:30px;
			font-weight:700;
			color:#1e293b;
			line-height:1.4;
		}

		/* 内容 */
		.stepRow p{
			margin:8px 0 0;
			font-size:25px;
			line-height:1.8;
			color:#5b6475;
			word-break:break-word;
		}
	
		/* 虚线路径 */
		.step-line{
			width:6px;
			height:50px;
			border-left:6px dotted rgba(255,255,255,.5);
			margin:24px 0;
		}
		
		/* 底部 */
		.step-footer{
			margin-top:90px;
			text-align:center;
		}
		
		.step-tip{
			font-size:34px;
			margin-bottom:30px;
		}
		
		.step-btn{
			background:linear-gradient(90deg,#25d366,#1ebe57);
			color:#fff;
			font-size:40px;
			font-weight:bold;
			padding:34px 0;
			border-radius:60px;
		}
	
/* 老的 */
/* WhatsApp 按钮 */
.whatsapp {
	/* width: 300px; */
	cursor: pointer;
	border-radius: 26px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.35);
	/* margin-left: 120px; */
}

