* { margin: 0; padding: 0; box-sizing: border-box; }
	
	html { scroll-behavior: smooth; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
	a { text-decoration: none; color: inherit; }
	ul { list-style: none; }
	
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		background-color: rgba(0, 0, 0, 0.4); 
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		z-index: 1000;
	}
	nav{
		width: 100%;
		height: 80px;
		display: flex;
		align-items: center;
		padding: 0 80px;
	}
	.nav-left img{
		width: 192px;
		height: 48px;
	}
	.nav-center{
		margin-left: 100px;
		display: flex;
		align-items: center;
		color: #fff;
		font-size: 14px;
	}
	.nav-center a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 141px;
		height: 100%;
	}
	.nav-center a:hover{
		color: #2171ff;
	}
	.nav-center a:hover img{
		filter: brightness(0) saturate(100%) invert(35%) sepia(39%) saturate(4214%) hue-rotate(209deg) brightness(99%) contrast(104%);
	}
	.nav-center a:hover svg{
		color: #2171ff;
	}
	.mores{
		margin-left: 1px;
		width: 12px;
		height: 16px;
	}
	.a-svg{
		width: 100px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		border-radius: 6px;
		background-color: #052c57;
	}
	.nav-right{
		margin-left: auto;
		color: #fff;
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.nav-right svg{
		width: 20px;
		height: 20px;
	}
	.right-text{
		width: 160px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		border-radius: 40px;
		background-color: #2171ff;
	}
	.right-text img{
		width: 16px;
		height: 13px;
	}
	/* 外层容器 */
	.download-btn-wrapper {
	  position: relative;
	  display: inline-block;
	  padding: 2px; /* 边框的厚度 */
	  border-radius: 9999px; /* 圆角按钮 */
	  overflow: hidden; /* 必须！剪掉按钮外的旋转部分 */
	  cursor: pointer;
	  background: rgba(255, 255, 255, 0.1); /* 默认淡边框 */
	}
	
	/* 旋转流光层 */
	.border-beam {
	  position: absolute;
	  inset: 0;
	  z-index: -1;
	}
	
	.border-beam::before {
	  content: '';
	  position: absolute;
	  top: -150%;
	  left: -150%;
	  right: -150%;
	  bottom: -150%;
	  background: conic-gradient(
		from 180deg at 50% 50%,
		transparent 0deg,
		transparent 150deg,
		#00D1FF 345deg, /* 光束颜色 */
		transparent 360deg
	  );
	  opacity: 0;
	  transition: opacity 0.3s;
	}
	
	/* 悬停触发动画 */
	.download-btn-wrapper:hover .border-beam::before {
	  opacity: 1;
	  animation: spin 2s linear infinite; /* 旋转速度 */
	}
	
	/* 内容遮盖层 */
	.right-text {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 8px;
	  background-color: #2171ff; /* 主题背景色 */
	  padding: 8px 20px;
	  border-radius: 9999px;
	  color: white;
	  position: relative;
	  z-index: 1;
	}
	
	
	/* 箭头的位移效果 */
	.download-btn-wrapper:hover .right-img {
	  transform: translateX(4px);
	  transition: transform 0.3s;
	}
	
	main{
		position: relative;
		background-color: #011022;
	}
	.main-1{
		position: relative;
		width: 100%;
	}
	.main-1 video{
		width: 100%;
	}
	.main-title{
		position: absolute;
		top: 300px;
		left: 240px;
		color: #fff;
		z-index: 10;
	}
	.main-title-1{
		font-size: 60px;
		font-weight: 700;
		padding-bottom: 50px;
	}
	.main-title-2{
		font-size: 24px;
		font-weight: 500;
		padding-bottom: 60px;
	}
	.main-title-3-text{
		position: relative;
		width: 184px;
		height: 48px;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		color: #fff;
		border-radius: 9999px;
		background-color: #2171ff;
		z-index: 11;
	}
	.right-img{
		width: 16px;
		height: 13px;
	}
	.main-title-3 {
	  position: relative;
	  display: inline-block;
	  padding: 2px;
	  border-radius: 9999px; 
	  overflow: hidden; 
	  cursor: pointer;
	  background: rgba(255, 255, 255, 0.1); /* 默认淡边框 */
	}
	
	.main-title-3-border-beam {
	  position: absolute;
	  inset: 0;
	  z-index: 1;
	}
	
	.main-title-3-border-beam::before {
	  content: '';
	  position: absolute;
	  top: -150%;
	  left: -150%;
	  right: -150%;
	  bottom: -150%;
	  background: conic-gradient(
		from 180deg at 50% 50%,
		transparent 0deg,
		transparent 150deg,
		#00D1FF 345deg, /* 光束颜色 */
		transparent 360deg
	  );
	  opacity: 0;
	  transition: opacity 0.3s;
	  z-index: 12;
	}
	
	.main-title-3 .main-title-3-border-beam::before {
	  opacity: 1;
	  animation: spin 2s linear infinite; /* 旋转速度 */
	}
	.main-title-3-text:hover .right-img {
	  transform: translateX(4px);
	  transition: transform 0.3s;
	}
	.main-bottom{
		position: absolute;
		left: 0;
		bottom: 0;
		color: #fff;
		z-index: 10;
		width: 100%;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 140px;
		background-image: linear-gradient(to right, rgb(0, 16, 33) 0%, rgb(3, 43, 138) 50%, rgb(0, 65, 135) 100%);
	}
	.main-img{
		display: flex;
	}
	.main-img img{
		position: relative;
		width: 56px;
		height: 56px;
		border-radius: 50%;
	}
	.main-t-img{
		z-index: 1;
	}
	.main-t-img2{
		margin-left: -24px;
		z-index: 2;
	}
	.main-t-img3{
		margin-left: -24px;
		z-index: 3;
	}
	.main-t-img4{
		margin-left: -24px;
		z-index: 4;
	}
	.main-bottom-right{
		display: flex;
		align-items: center;
		gap: 176px;
		font-size: 36px;
		font-weight: 700;
	}
	.main-bottom-right span{
		font-size: 14px;
		font-weight: 400;
	}
	.main-t-font{
		padding-top: 10px;
		font-size: 14px;
		font-weight: 400;
	}
	.main-2{
		background-color: #011022;
	}
	.main-2-tit{
		padding-top: 68px;
		padding-bottom: 6px;
		color: #fff;
		display: flex;
		flex-direction: column;
		gap: 4px;
		align-items: center;
	}
	.main-2-font{
		font-size: 44px;
		font-weight: 800;
	}
	.main-2-img{
		position: relative;
		width: 100%;
		height: 758px;
	}
	.main-2-img img{
		width: 100%;
		height: 100%;
	}
	.main-3{
		position: relative;
		width: 100%;
		padding: 0 20px;
		height: 758px;
	}
	.main-3-img{
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.main-3-div{
		position: relative;
		margin: auto;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 60px;
		color: #fff;
		z-index: 2;
		background: radial-gradient(
			circle at center, 
			rgba(26, 92, 200, 1) 0%,    /* 中心：完全不透明的亮蓝 */
			rgba(5, 36, 90, 0.9) 50%,   /* 中间：稍微开始透明 */
			rgba(2, 15, 43, 0.05) 100%   /* 边缘：70% 透明度的深蓝，透过它能看到底层背景 */
		);
		overflow: hidden;
	}
	.hero-section::after {
	  content: '';
	  position: absolute;
	  inset: 0;
	  background: linear-gradient(to bottom, rgba(0,0,0,0.2), transparent, rgba(0,0,0,0.4));
	  pointer-events: none;
	}
	.main-3-tit{
		font-size: 52px;
		font-weight: 700;
	}
	.main-3-tisp{
		font-size: 26px;
		font-size: 500;
	}
	.main-4{
		width: 100%;
	}
	.main-4-tit{
		margin: auto;
		width: 80%;
		height: 50px;
		margin-top: 24px;
		padding: 0 32px;
		font-size: 14px;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #0009;
		border-radius: 38px;
		border: 1px solid #ffffff20;
	}
	.main-4-img{
		width: 40px;
		height: 40px;
		margin-right: 16px;
	}
	.main-4-time{
		margin-left: 48px;
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.main-4-tit .main-title-3{
		margin-left: auto;
	}
	.main-4-tit .main-title-3-text{
		width: 136px;
		height: 30px;
		font-size: 14px;
	}
	.main-4-content{
		position: relative;
		margin: auto;
		width: 80%;
		height: 40vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		overflow: hidden;
		color: #fff;
		background-color: rgba(255, 255, 255, 0);
		min-height: 100px;
		opacity: 1;
		transition: opacity 0.3s,background-image;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('static/subs_bg.ChI0s3MG.webp');
	}
	.main-4-content-left{
		position: relative;
		z-index: 2;
		align-self: baseline;
		padding-top: 10px;
	}
	.main-4-content-tit{
		font-size: 40px;
		font-weight: 800;
		padding-bottom: 40px;
	}
	.main-4-content-list div{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.main-4-content-list span{
		display: inline-block;
		width: 8px;
		height: 8px;
		background-color: #2171ff;
		border-radius: 50%;
		margin-right: 20px;
	}
	.main-4-content-time{
		margin-top: 60px;
		padding-bottom: 40px;
	}
	.main-4-content-right{
		position: relative;
		padding-right: 40%;
		z-index: 2;
		font-size: 96px;
		-webkit-background-clip: text;
		background-image: linear-gradient(180deg, #fff, #fff, #2071ff);
		color: transparent;
		-webkit-text-fill-color: transparent;
		font-weight: 700;
	}
	.main-4-content .main-title-3-text{
		width: 241px;
		height: 48px;
		color: #fff;
		font-size: 20px;
	}
	.main5{
		color: #fff;
		padding-top: 4.8%;
	}
	.main-tit{
		color: #fff;
		text-align: center;
		font-size: 40px;
		font-weight: 800;
		padding-bottom: 10px;
	}
	.main-tisp{
		color: #fff;
		text-align: center;
		font-size: 16px;
		padding-bottom: 110px;
	}
	.main5-img{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 100px;
	}
	.main5-img img{
		position: relative;
		z-index: 1;
		width: 30%;
		border: 1px solid #fff;
		border-radius: 12px;
	}
	.main5-banner{
		position: absolute !important;
		z-index: 2 !important;
		width: 44% !important;
	}
	.main6{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 160px;
		/* height: 500px; */
	}
	.main6-gif{
		margin-top: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2.8vw;
	}
	.main6-gif img{
		width: 45%;
		border-radius: 20px;
	}
	.main7{
		margin-top: 100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 60px;
	}
	.main7-content{
		width: 80%;
		margin: auto;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 48px;
	}
	.main7-div{
		position: relative;
		width: 30%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		color: #fff;
		font-size: 12px;
	}
	.main7-div-img{
		cursor: pointer;
		width: 66px;
		height: 66px;
		border-radius: 50%;
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.main7-div-img img{
		background-color: #011022;
		border-radius: 50%;
	}
	.main7-div-img::before{
		background-image: linear-gradient(125deg, #2071ff, #001021);
		border-radius: 50%;
		box-sizing: content-box;
		content: "";
		height: 100%;
		left: 50%;
		padding: 1px;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		z-index: -99;
	}
	.main7-div-img::after{
		background-image: linear-gradient(125deg, #2071ff, #001021);
		border-radius: 50%;
		box-sizing: content-box;
		content: "";
		height: 100%;
		left: 50%;
		padding: 1px;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		z-index: -99;
	}
	.main7-div-img-boder{
		width: 66px;
		height: 66px;
		background-color: #011022;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.main7-div-tisp{
		display: none;
		position: absolute;
		top: 100px;
		padding: 20px;
		width: 275px;
		font-size: 12px;
		border-radius: 10px;
		border: 1px solid #088ce9;
		background-color: #00184a;
		z-index: 100;
	}
	.main7-div:hover .main7-div-tisp{
		display: block;
	}
	.main8{
		margin-top: 40px;
		padding: 0 40px 160px;
	}
	.main8-img{
		display: flex;
		align-items: center;
		gap: 120px;
		overflow: hidden;
	}
	.main9{
		margin: auto;
		width: 88%;
		height: 40vw;
		padding-top: 100px;
		background-color: rgba(255, 255, 255, 0);
		min-height: 100px;
		opacity: 1;
		color: #fff;
		transition: opacity 0.3s, background-image;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('static/quickq_bg.BvjJVPJi.webp');
	}
	.main9-tit{
		font-size: 46px;
		font-weight: 800;
		padding-bottom: 40px;
	}
	.main9-tisp{
		color: #6a7282;
		font-size: 18px;
		padding-bottom: 80px;
	}
	.main10{
		margin-top: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 24px;
		padding: 0 16px 40px;
	}
	.main10-div{
		margin: 0 16px; 
		width: clamp(260px, 19.7917vw, 380px);
		height: 13vw;
		padding: 16px;
		border-radius: 12px;
		border: 1px solid #14346d;
		background-color: #041d47;
		color: #fff;
		font-size: clamp(12px, .8333vw, 16px);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		/* white-space: pre-wrap; */
	}
	.main10-div-text{
		font-size: clamp(12px, .8333vw, 16px);
	}
	.main10-div-bottom{
		display: flex;
		align-items: center;
	}
	.main10-div-bottom-1{
		width: 44px;
		height: 44px;
		border: 1px solid #2071ff;
		border-radius: 50%;
	}
	.main10-div-bottom-1 img{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.main10-div-bottom-2{
		margin-left: 20px;
	}
	.main10-div-bottom-3{
		font-size: clamp(10px, 1vw, 12px);
		padding-bottom: 10px;
		color: #d1d5dc;
	}
	.main10-div-bottom-4{
		font-size: 13px;
	}
	.main10-div-bottom-5{
		margin-left: auto;
		padding: 4px 12px;
		border-radius: 6px;
		background-color: #000;
		font-size: 13px;
	}
	.main11{
		margin: auto;
		width: 80%;
		color: #fff;
		padding-bottom: 40px;
	}
	.main11-tit{
		font-weight: 600;
		position: relative;
		padding: 16px;
		cursor: pointer;
	}
	.main11-tit::after{
		transform: translateY(-50%) rotate(45deg);
		box-shadow: 2px 2px;
		content: "";
		inset-inline-end: 1.4rem;
		pointer-events: none;
		top: 50%;
		transform-origin: 75% 75%;
		transition-duration: .2s;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		display: block;
		height: .5rem;
		position: absolute;
		width: .5rem;
	}
	.main11-tisp{
		display: none;
		font-size: 13px;
		padding-left: 26px;
	}
	.main11-tisp.active {
	  display: block;
	}
	footer{
		width: 100%;
		padding: 80px 200px;
		background-color: #000;
	}
	.footer-1{
		display: flex;
		justify-content: space-between;
	}
	.footer-1 img{
		width: 260px;
		height: 80px;
	}
	.footer-1-right{
		display: flex;
		gap: 180px;
		color: #fff;
	}
	.footer-1-tit{
		font-size: clamp(11.2px, 12.0431px, 14px);
		font-weight: 700;
	}
	.footer-1-text{
		padding-top: 6px;
		font-size: 300;
		font-size: clamp(11.2px, 12.0431px, 14px);
	}
	.footer-2{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 60px;
		margin-top: 64px;
		font-size: 12px;
		color: #fff;
	}
	.footer-2-img{
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.timer1 {
	  font-size: 16px;
	  font-weight: bold;
	}
	
	.timer1 span {
	  background: #000;
	  padding: 2px 4px;
	  border-radius: 8px;
	}
	.timer2 {
	  display: flex;
	  gap: 20px;
	}
	
	.item {
	  text-align: center;
	}
	
	.num {
	  background: #000;
	  padding: 3px 6px;
	  border-radius: 8px;
	  border: 1px solid #1e90ff;
	  box-shadow: 0 0 8px rgba(30,144,255,0.6);
	  font-size: 18px;
	  font-weight: 700;
	}
	
	.label {
	  margin-top: 6px;
	  font-size: 12px;
	}
	.origin{
		position: absolute;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #2171ff;
		z-index: 10;
	}
	.marquee-container {
		width: 100%;
		overflow: hidden;
	}
	
	.marquee-content {
		display: inline-flex;
		/* white-space: nowrap; */
	}
	
	.icon-group {
		display: flex;
		align-items: center;
	}
	
	.icon-group img {
		height: clamp(40px, 4.6875vw, 90px);   
		margin: 0 60px;  
	}
	@keyframes moveLeft {
		from { transform: translateX(0); }
		to { transform: translateX(-50%); } /* 移动到一半的位置 */
	}
	
	.marquee-content {
		display: inline-flex;
		animation: moveLeft 20s linear infinite;
	}
	
	.marquee-container:hover .marquee-content {
		animation-play-state: paused;
	}
	/* 旋转动画定义 */
	@keyframes spin {
	  from { transform: rotate(0deg); }
	  to { transform: rotate(360deg); }
	}