html {scroll-behavior: smooth;}
body{font-family: "SF Pro Text", "SF Pro Icons", system, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "Ubuntu", "Cantarell", "Fira Sans", sans-serif;background: #0a0e27;font-size: 14px;}
*{padding:0px;margin:0px;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;}
input,textarea{outline:none;}
input{background:#fff;}
input,button,textarea{font-family:"SF Pro Text", "SF Pro Icons", system, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "Ubuntu", "Cantarell", "Fira Sans", sans-serif;outline:none;}
em,i{font-style:normal;}
img{border:none;}
input,textarea,button{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance: none;border-radius: 0;}/*去除苹果默认样式*/
input::-webkit-input-placeholder{/* WebKit browsers*/ color:#999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18*/ color:#999;}
input::-moz-placeholder{/* Mozilla Firefox 19+*/ color:#999;}
input:-ms-input-placeholder{/* Internet Explorer 10+*/color:#999;}
.w1400{max-width:1400px;margin:0 auto;}
.grid1{display: flex;gap: 30px;justify-content: space-between;align-items: center;}

.bg{background-image: linear-gradient(rgba(59, 130, 246, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.1) 1px, transparent 1px);background-size: 50px 50px;animation: bgCor 20s linear infinite;position: fixed;left:0;top:0;right:0;bottom:0;z-index:-2;}
@keyframes bgCor {
   0% {
       transform: translate(0, 0);
   }
   
   100% {
       transform: translate(50px, 50px);
   }
}
.header{border-bottom: 1px solid #5d2be9;box-shadow: 0 0 20px rgba(59,130,246,.4);background: rgba(15, 23, 42, 0.8);position: sticky;top:0;z-index:9;backdrop-filter: blur(10px);}
.logo{}
.logo img{display: block;border-radius:100px;border:2px solid #5d2be9;animation: rotateAndReverse 3s infinite; /* 持续时间4秒，无限循环 */}
@keyframes rotateAndReverse {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(360deg); } /* 旋转360度 */
    100% { transform: rotate(0deg); } /* 回到原始状态 */
  }
.nav{text-align: right;}
.nav ul{display: flex;gap: 30px;}
.nav ul li{display: inline-block;}
.nav ul li a{display: block;color:#fff;line-height: 42px;transition: all 0.3s;position: relative;}
.nav ul li a:hover{color:#ffc530;}
.nav ul li a::before{content: '';position: absolute;left:0;bottom:0;transition: width 0.3s;width:0;height:2px;background: #ffc530;}
.nav ul li a:hover::before{width: 100%;}

.scroll-container {width: 100%;overflow: hidden;white-space: nowrap; border-bottom: 1px solid #5d2be9;border-top: 1px solid #5d2be9;background: rgba(59, 130, 246, 0.1);}
.scroll-content {}
.scroll-content ul{display: flex;animation: scroll 30s linear infinite;}
.scroll-content ul li{display: inline-block;padding:0 50px;color:#a0aec0;height:58px;line-height: 58px;}
.scroll-content ul li span{}
.color-10b{color:#04ca96;}
.color-ef4{color:#f94b60;}
@keyframes scroll {
    0% {
        transform: translateX(0); /* 开始位置 */
    }
    100% {
        transform: translateX(-50%); /* 滚动到一半的距离，根据内容长度调整 */
    }
}

.banner{text-align: center;padding-top:120px;}
.logo2{text-align: center;}
.logo2 img{width: 150px;height: 150px;border-radius: 50%;border: 3px solid #5d2be9;box-shadow: 0 0 40px rgba(59,130,246,.2), 0 0 80px rgba(59,130,246,.2);animation: imgCenter 3s ease-in-out infinite;display: inline-block;}
 @keyframes imgCenter {
    0%{
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
	100% {
	    transform: translateY(0px);
	}
}
		
.banner h1{font-size: 54px;font-weight: bold;background: linear-gradient(135deg, #5d2be9, #936bff);background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 0 0 50px rgba(59, 130, 246, 0.5);margin-top:40px;}

.banner h4{color:#a0aec0;font-size: 20px;font-weight: 400;margin-top:30px;}
.banner p{color:#a0aec0;font-size: 14px;font-weight: 400;margin-top:60px;}
.submit1{max-width:700px;margin:30px auto 0;position:relative;}
.submit1 input{width: calc(100% - 20px);padding: 10px 10px;font-size: 17px;height:50px;background: rgba(15, 23, 42, 0.8);border: 2px solid #5d2be9;border-radius: 100px;color: #a0aec0;transition: all 0.3s;box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);}
.submit1 button{position: absolute;right: 10px;top: 50%; transform: translateY(-50%);height:48px;line-height: 48px;width:198px;background: linear-gradient(95deg, #ffc530, #ffea7b);border: none;border-radius: 100px; color: #0a0e27;font-weight: bold;cursor: pointer; transition: all 0.3s;}
.submit1 button:hover{ transform: translateY(-50%) scale(1.05);box-shadow: 0 5px 20px rgba(59, 130, 246, 0.3);}


.main1{margin-top:180px;}
.title{text-align: center;}
.title h1{font-size:32px;font-weight:bold;color:#5d2be9;}
.title p{color:#a0aec0;margin-top:30px;}
.one-list{display: grid;gap:32px;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));margin-top:50px;}
.one-list-item{background: rgba(15, 23, 42, 0.8);padding: 30px;transition: all 0.3s;position: relative;border: 1px solid rgba(93,43,233,.4);overflow: hidden;border-radius: 15px;}
.one-list-item span{display: block;font-size: 48px;background: linear-gradient(95deg, #ffc530, #ffea7b);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.one-list-item h2{font-size: 20px;font-weight:bold;color:#5d2be9;margin:28px 0 20px;}
.one-list-item p{color:#a0aec0;font-size: 14px;line-height: 28px;}
.one-list-item::after{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);transition: left 0.5s;}
.one-list-item:hover::after{left:0;}
.one-list-item:hover{transform: translateY(-10px);border-color: #5d2be9;box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);}

.main2-box{background: linear-gradient(95deg, rgba(59, 130, 246, 0.05), rgba(6, 182, 212, 0.05));}
.main2{padding:80px 0;margin-top:80px;}
.main2 ul{display: grid; gap: 32px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));margin-top:50px;}
.main2 ul li{text-align: center;padding: 20px;background: rgba(15, 23, 42, 0.8);border: 1px solid rgba(93,43,233,.4);border-radius: 15px;transition: all 0.3s;position: relative;overflow: hidden;}
.main2 ul li b{display: block;font-size: 38px;font-weight: bold;background: linear-gradient(95deg, #ffc530, #ffea7b);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding:15px 0;transition: all 0.3s;}
.main2 ul li span{display: block;color:#a0aec0;font-size: 12px;padding-bottom:10px;}
.main2 ul li::after{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);transition: left 0.5s;}
.main2 ul li:hover::after{left:0;}
.main2 ul li:hover{transform: scale(1.05);border-color: #5d2be9;box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);}
.main2 ul li:hover b{transform: scale(1.15);}

.main3{padding:80px 0;}
.main3-con{display: grid;gap: 32px;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));margin-top:80px;}
.con-item{background: rgba(15, 23, 42, 0.8);border-radius: 15px;padding: 30px;border: 1px solid rgba(93,43,233,.4);}
.con-item h2{font-size: 20px;font-weight:bold;color: #5d2be9;text-align: center;}
.i-l{background: rgba(59, 130, 246, 0.1);width: calc(100% - 30px);padding: 15px;text-align: left;color: #ffc530;border-bottom: 2px solid #ffc530;margin-top:30px;}
.i-l span,.i-l2 span{display: inline-block;font-weight: bold;}
.i-l span:nth-child(1),.i-l2 span:nth-child(1){width:19%}
.i-l span:nth-child(2),.i-l2 span:nth-child(2){width:23%;}
.i-l span:nth-child(3),.i-l2 span:nth-child(3){width:35%;}
.i-l span:nth-child(4),.i-l2 span:nth-child(4){width:15%;}
.i-l2{padding:15px 0;border-bottom: 1px solid rgba(59, 130, 246, 0.1);text-align: left;width: calc(100% - 30px);padding: 15px;}
.i-l2 span:nth-child(1){color:#936bff;}
.i-l2 span:nth-child(2){color:#ffc530;}
.i-l2 span:nth-child(3){color:#fff;font-weight: normal;}
.i-l2 span:nth-child(4){color:#04ca96;text-align: right;}
.i-l2:hover{background: rgba(59, 130, 246, 0.05);}

.main4{padding:80px 0;}
.main4 ul{display: grid;gap: 32px;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));margin-top:50px;}
.main4 ul li{ background: rgba(15, 23, 42, 0.8);padding: 30px; border-radius: 15px; border: 1px solid rgba(93,43,233,.4);position: relative;overflow: hidden;}
.main4 ul li h2{color:#936bff;font-size:20px;font-weight: bold;}
.main4 ul li p{color:#a0aec0;line-height:28px;margin-top:25px;}
.main4 ul li::before{content: '';position: absolute;top: 0;right: 0;width: 100px;height: 100px;background: radial-gradient(circle, rgba(59, 130, 246, 0.3), transparent); opacity: 0;transition: opacity 0.3s;}
.main4 ul li:hover::before{opacity: 1;}

.main5-box{padding: 80px 0;background: linear-gradient(95deg, rgba(59, 130, 246, 0.1), rgba(6, 182, 212, 0.1));text-align: center;}
.main5{}
.main5 h1{font-size:54px;color:#5d2be9;font-weight: bold;}
.main5 h4{font-size:18px;color:#a0aec0;line-height: 30px;margin-top:20px;}
.main5 button{width:234px;height:60px;line-height:60px;font-size: 16px;background: linear-gradient(95deg, #ffc530, #ffea7b);border: none;border-radius: 50px;color: #0a0e27;font-weight: bold;cursor: pointer; transition: all 0.3s;box-shadow: 0 5px 20px rgba(59, 130, 246, 0.3);margin-top:40px;}
.main5 button:hover{transform: translateY(-10px);box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);}

.footer{background: #050814;padding: 50px 0 20px;border-top: 1px solid #5d2be9;}
.f-m{display: grid;gap:30px;grid-template-columns: 1fr  1fr;padding-bottom:40px;border-bottom: 1px solid rgba(59, 130, 246, 0.2);}
.f-m h4{font-size:16px;font-weight: bold;color:#5d2be9;margin-bottom:20px;}
.f-m p{color:#a0aec0;}
.f-m a{color:#a0aec0;display: block;margin-bottom:15px;}
.f-m a:hover{color:#5d2be9;}

.cookie-box{position: fixed;left: 0;right: 0;bottom: 0;z-index: 10; background: rgba(15, 23, 42, 0.8);backdrop-filter: blur(10px);border-top: 2px solid #5d2be9;padding:20px 0;box-shadow: 0 -5px 30px rgba(59, 130, 246, 0.3);}
.cookie{display:grid;gap:30px;grid-template-columns: 1fr  280px;align-items:center;justify-content: flex-end;}
.cookie h4{color:#5d2be9;font-size:16px;font-weight: bold;}
.cookie p{color:#a0aec0;line-height:28px;}
.bu-1{padding: 0 30px;border-radius: 100px;font-weight: bold;cursor: pointer;transition: all 0.3s;font-size: 14px;font-weight: bold;height:45px;line-height: 45px;background: none;color: #a0aec0;border: 1px solid #a0aec0;}
.bu-1:hover{color:#5d2be9;border: 1px solid #5d2be9;}
.bu-2{padding: 0 30px;border-radius: 100px;border:0;font-size: 14px;font-weight: bold;cursor: pointer;transition: all 0.3s;background: linear-gradient(95deg, #ffc530, #ffea7b);color: #0a0e27;box-shadow: 0 3px 15px rgba(59, 130, 246, 0.3);height:45px;line-height: 45px;margin-left:20px;}
.bu-2:hover{transform: translateY(-5px);}
.kf button{position: fixed;right: 30px;bottom: 30px; width: 60px;height: 60px;background: linear-gradient(95deg, #5d2be9, #936bff);border-radius: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 5px 25px rgba(59, 130, 246, 0.3);z-index: 11;transition: all 0.3s;font-size: 30px;border: none;}



#mask{position: fixed;left:0;top:0;right:0;bottom:0;z-index:9999;}
.pr-r{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width: 600px;}
.pr-r-m{background: rgba(15, 23, 42, 0.8);border: 2px solid #5d2be9; border-radius: 20px;padding: 50px 30px;max-width: 600px; width: 90%; position: relative;box-shadow: 0 0 50px rgba(59, 130, 246, 0.3), 0 0 100px rgba(59, 130, 246, 0.3);animation: tk 0.4s ease-out;text-align: center;}
@keyframes tk {
   from {
       transform: translateY(-50px);
       opacity: 0;
   }
   to {
       transform: translateY(0);
       opacity: 1;
   }
}
.img-tk{}
.img-tk img{ width: 97px;height: 97px;border-radius: 100%;border: 3px solid #5d2be9;box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);animation: imgtk 2s ease-in-out infinite;}
 @keyframes imgtk {
0% {
                transform: scale(1);
                box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);
            }

            50% {
                transform: scale(1.05);
                box-shadow: 0 0 50px rgba(59, 130, 246, 0.3);
            }
			100% {
			    transform: scale(1);
			    box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);
			}
}
.pr-r-m h2{font-size: 30px;font-weight:bold;color: #5d2be9;background: linear-gradient(95deg, #5d2be9, #936bff);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin:30px 0;}
.pr-r-m p{color:#a0aec0;line-height:32px;font-size:16px;}
.pr-r-m a{padding:15px 40px;font-size: 16px;background: linear-gradient(95deg, #ffc530, #ffea7b);border: none;border-radius: 50px;color: #0a0e27;font-weight: bold;cursor: pointer;transition: all 0.3s;margin-top:40px;display: block;}
.pr-r-m a:hover{  transform: translateY(-3px);box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);}
.on_down{text-align: right;font-size: 16px;color:#fff;position: absolute;top:25px;right:25px; cursor: pointer;}