* { 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;
		padding-top: 80px;
		background-color: #000;
	}
	.main-tit{
		color: #fff;
		text-align: center;
		font-size: 40px;
		font-weight: 800;
		padding-bottom: 10px;
	}
	.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;
	}
	/* 旋转动画定义 */
	@keyframes spin {
	  from { transform: rotate(0deg); }
	  to { transform: rotate(360deg); }
	}
	.main1{
		margin: auto;
		width: 80%;
		padding-top: 120px;
	}
	.main1-top{
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 40px;
	}
	.main1-top-div{
		cursor: pointer;
		width: 210px;
		height: 75px;
		font-size: 20px;
		color: #fff;
		border-bottom: 3px solid transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.main1-top-div img{
		width: 32px;
		height: 32px;
	}
	.main1Active{
		color: #2171ff;
		border-color: #2171ff;
	}
	.main1Active img{
		filter: brightness(0) saturate(100%) invert(35%) sepia(39%) saturate(4214%) hue-rotate(209deg) brightness(99%) contrast(104%);
	}
	.main1-content{
		padding: 60px;
		display: flex;
		justify-content: space-between;
		color: #fff;
	}
	.main1-content-text{
		font-size: clamp(16px, 3vw, 56px);
		font-weight: 800;
	}
	.main1-content-text span{
		color: #2171ff;
	}
	.main1-content-bton{
		width: 200px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		background-color: #2171ff;
		border-radius: 48px;
		margin-top: 40px;s
	}
	.main1-appImg{
		width: 400px;
		height: 400px;
	}
	.hide{
		display: none;
	}