html {}
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;}
.w500{max-width:500px;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);
   }
}

.main{max-width: 600px;margin:0 auto;box-shadow: 0 0 50px rgba(79, 172, 254, 0.2);background: #02197f;}
.plate1{margin:0px 20px 0;padding:40px 10px 0;text-align: center;border-radius:20px;background:rgba(0,24,112,1);border: 2px solid #27b4fb;position: relative;backdrop-filter: blur(10px);}
.home-name{position: absolute;left:50px;right:50px;top:-30px;background: linear-gradient(to bottom, #1850c9, #27b4fb);clip-path: polygon(5% 0, 0% 0%, 100% 0, 95% 100%, 10% 100%);border:2px solid rgba(0,0,0,.2);}
.title{font-size:24px;font-weight: bold;text-align: center;/* text-shadow: 0 0px 40px rgba(82, 250, 147, 1);background: -webkit-linear-gradient(left, #e7ff7f, #51f892);-webkit-background-clip: text;color: transparent; */background: -webkit-linear-gradient(top, #fff, #c6e959);-webkit-background-clip: text;color: transparent;padding:12px 14px;}
.plate1 p{font-size:16px;line-height: 32px;color:#a0aec0;margin-bottom:20px;}

.plate2{padding:40px 10px 10px;border-radius:20px;border:2px solid #27b4fb;margin:20px 20px 0;position: relative;margin-top:60px;}
.img-box{margin-top:20px;}
.img-box img{border-radius:10px;}

.ggw{margin:30px 20px 0;border:2px solid #27b4fb;border-top-left-radius:120px;overflow: hidden;}

.li-box{}
.li-box ul{margin-top:20px;}
.li-box ul li{border-radius:10px;overflow: hidden;margin-bottom:20px;border:2px solid #27b4fb;background: linear-gradient(to right,#26bcf7,#1d4ac9);}
.li-box ul li img{margin-bottom:0;border-radius:0;}
.li-box ul li div{position: relative;}
.li-box ul li h4{font-size:16px;font-weight: bold;color:#c6e959;padding:20px 20px;text-align: center;background: -webkit-linear-gradient(left, #fff, #fff);-webkit-background-clip: text;color: transparent; }
.li-box ul li h4 span{color:#fff;font-size: 14px;font-weight: normal;}

.m5{background: #0a0e27;margin:30px 20px 0;text-align: center;border:2px solid #27b4fb;border-bottom-right-radius:120px;overflow: hidden;}
.m5 img{border-radius:10px;}
.m5-m{position: relative;overflow: hidden;border-radius:10px;}
.text1{position: absolute;left:0;top:0;right:0;bottom:0;background: rgba(10, 22, 40, 0.4);padding-top:20px;backdrop-filter: blur(5px);}
.text1 p{margin:20px 0;}
.text1 h4{background: -webkit-linear-gradient(left, #fff, #c6e959);-webkit-background-clip: text;color: transparent;font-size: 24px;font-weight: bold;letter-spacing: 2px;margin-bottom:30px;}
.text1 button,.plate7 button{display: inline-block;
  padding: 15px 40px;
  background: linear-gradient(95deg,#26bcf7,#1d4ac9);
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 4px 20px rgba(42,184,250, 0.4);
  transition: transform 0.2s;
  cursor: pointer;}
.text1 button:hover,.plate7 button:hover{ transform: translateY(-3px);box-shadow: 0 6px 25px rgba(42,184,250, 0.6);}


.li-box2 ul{padding:20px;border-radius:10px;overflow: hidden;background: #041247;margin-top:20px;}
.li-box2 ul li{display: flex;gap:20px;padding:30px 20px;border-bottom:2px solid rgba(231,255,127,.05);}
.li-l{flex:1;min-width: 50px;max-width:50px;height:50px;border-radius:100%;overflow: hidden;}
.li-l img{display: block;}
.li-r{}
.li-r h3{font-size:18px;font-weight: bold;margin-bottom:10px;background: -webkit-linear-gradient(left, #fff, #c6e959);-webkit-background-clip: text;color: transparent;}
.li-r p{line-height: 24px;color:#a0aec0;font-size: 12px;}

.plate7{padding:40px 10px 40px;border-radius:20px;border:2px solid #27b4fb;margin:20px 20px 0;position: relative;margin-top:30px;text-align: center;background: url(../images/img_1.jpg) no-repeat;background-size: 100%;position: relative;min-height:100px;}
.plate7 div{position: absolute;left:0;top:0;right:0;bottom:0;backdrop-filter: blur(10px);border-radius:20px;padding-top:40px;background: rgba(4, 18, 71, 0.6);}
.plate7 p{font-size: 16px; color:#a0aec0;margin-bottom:30px;}

.plate8{padding:40px 20px;text-align: center;}
.plate8 a{background: -webkit-linear-gradient(left, #26bcf7,#1d4ac9);-webkit-background-clip: text;color: transparent;margin:0 20px;font-weight: bold;}
.plate8 p{color:rgba(255,255,255,.6);}




#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: 500px;}
.pr-r-m{background: rgba(2, 25, 127, 0.7);border: 2px solid #26bcf7; border-radius: 20px;padding: 50px 30px;max-width: 600px; width: 90%; position: relative;box-shadow: 0 0 50px rgba(42,184,250, 0.3), 0 0 100px rgba(42,184,250, 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 #26bcf7;box-shadow: 0 0 30px rgba(42,184,250, 0.3);animation: imgtk 2s ease-in-out infinite;}
 @keyframes imgtk {
0% {
                transform: scale(1);
                box-shadow: 0 0 30px rgba(42,184,250, 0.3);
            }

            50% {
                transform: scale(1.05);
                box-shadow: 0 0 50px rgba(42,184,250, 0.3);
            }
			100% {
			    transform: scale(1);
			    box-shadow: 0 0 30px rgba(42,184,250, 0.3);
			}
}
.pr-r-m h2{font-size: 30px;font-weight:bold;color: #26bcf7;background: linear-gradient(95deg,#26bcf7,#1d4ac9);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin:30px 0;text-shadow: 0 0 20px rgba(81,248,146, 0.5);}
.pr-r-m p{color:#fff;line-height:32px;font-size:16px;}
.pr-r-m a{padding:15px 40px;font-size: 16px;background: linear-gradient(95deg, #26bcf7,#1d4ac9);border: none;border-radius: 50px;color: #fff;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(42,184,250, 0.3);}
.on_down{text-align: right;font-size: 16px;color:#26bcf7;position: absolute;top:25px;right:25px; cursor: pointer;}