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: #18171c;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;}
.max-w1400{max-width:1400px;margin:0 auto;}
.grid1_t{display: flex;gap: 30px;justify-content: space-between;align-items: center;padding:15px 0;}

.bg_1{background-image: linear-gradient(rgba(245, 209,177, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(245, 209,177, 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-box{border-bottom: 1px solid #e3c299;box-shadow: 0 0 20px rgba(24, 23, 28,.4);background: rgba(24, 23, 28, 0.8);position: sticky;top:0;z-index:9;backdrop-filter: blur(10px);}
.logo_h{}
.logo_h img{display: block;border-radius:100px;border:2px solid #e3c299;animation: rotateAndReverse 3s infinite; /* 持续时间4秒，无限循环 */}
@keyframes rotateAndReverse {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(360deg); } /* 旋转360度 */
    100% { transform: rotate(0deg); } /* 回到原始状态 */
  }
.nav_1{text-align: right;}
.nav_1 ul{display: flex;gap: 30px;}
.nav_1 ul li{display: inline-block;}
.nav_1 ul li a{display: block;color:#fff;line-height: 42px;transition: all 0.3s;position: relative;}
.nav_1 ul li a:hover{color:#e3c299;}
.nav_1 ul li a::before{content: '';position: absolute;left:0;bottom:0;transition: width 0.3s;width:0;height:2px;background: #e3c299;}
.nav_1 ul li a:hover::before{width: 100%;}

.sc-box {width: 100%;overflow: hidden;white-space: nowrap; border-bottom: 1px solid #e3c299;border-top: 1px solid #e3c299;background: rgba(245, 209,177, 0.1);}
.sc-main {}
.sc-main ul{display: flex;animation: scroll 30s linear infinite;}
.sc-main ul li{display: inline-block;padding:0 50px;color:#a5a5a7;height:58px;line-height: 58px;}
.sc-main ul li span{}
.color-10b{color:#008ef0;}
.color-ef4{color:#d13334;}
@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 #e3c299;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, #f5d1b1, #cda979);background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 0 0 50px rgba(245, 209,177, 0.5);margin-top:40px;}

.banner h4{color:#a5a5a7;font-size: 20px;font-weight: 400;margin-top:30px;}
.banner p{color:#a5a5a7;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(21, 21, 23, 0.8);border: 2px solid #e3c299;border-radius: 100px;color: #a5a5a7;transition: all 0.3s;box-shadow: 0 0 20px rgba(245, 209,177, 0.3);}
.submit1 button{position: absolute;right: 10px;top: 50%; transform: translateY(-50%);height:48px;line-height: 48px;width:198px;background: linear-gradient(95deg, #f5d1b1, #cda979);border: none;border-radius: 100px; color: #290b00;font-weight: bold;cursor: pointer; transition: all 0.3s;}
.submit1 button:hover{ transform: translateY(-50%) scale(1.05);box-shadow: 0 5px 20px rgba(245, 209,177, 0.3);}


.main1{margin-top:180px;}
.title{text-align: center;}
.title h1{font-size:32px;font-weight:bold;color:#e3c299;}
.title p{color:#a5a5a7;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(21, 21, 23, 0.8);padding: 30px;transition: all 0.3s;position: relative;border: 1px solid rgba(245,209,177,.4);overflow: hidden;border-radius: 15px;}
.one-list-item span{display: block;font-size: 48px;background: linear-gradient(95deg, #f5d1b1, #cda979);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.one-list-item h2{font-size: 20px;font-weight:bold;color:#e3c299;margin:28px 0 20px;}
.one-list-item p{color:#a5a5a7;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(245, 209,177, 0.1), transparent);transition: left 0.5s;}
.one-list-item:hover::after{left:0;}
.one-list-item:hover{transform: translateY(-10px);border-color: #e3c299;box-shadow: 0 10px 40px rgba(245, 209,177, 0.3);}

.main2-box{background: linear-gradient(95deg, rgba(245, 209,177, 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(21, 21, 23, 0.9);border: 1px solid rgba(245,209,177,.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, #f5d1b1, #cda979);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:#a5a5a7;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(245, 209,177, 0.1), transparent);transition: left 0.5s;}
.main2 ul li:hover::after{left:0;}
.main2 ul li:hover{transform: scale(1.05);border-color: #e3c299;box-shadow: 0 10px 40px rgba(245, 209,177, 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(21, 21, 23, 0.8);border-radius: 15px;padding: 30px;border: 1px solid rgba(245,209,177,.4);}
.con-item h2{font-size: 20px;font-weight:bold;color: #e3c299;text-align: center;}
.i-l{background: rgba(37, 36,42, 0.8);width: calc(100% - 30px);padding: 15px;text-align: left;color: #d9b993;border-bottom: 2px solid #d9b993;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(245, 209,177, 0.1);text-align: left;width: calc(100% - 30px);padding: 15px;}
.i-l2 span:nth-child(1){color:#e3c299;}
.i-l2 span:nth-child(2){color:#d9b993;}
.i-l2 span:nth-child(3){color:#a5a5a7;font-weight: normal;}
.i-l2 span:nth-child(4){color:#008ef0;text-align: right;}
.i-l2:hover{background: rgba(245, 209,177, 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(21, 21, 23, 0.8);padding: 30px; border-radius: 15px; border: 1px solid rgba(245,209,177,.4);position: relative;overflow: hidden;}
.main4 ul li h2{color:#e3c299;font-size:20px;font-weight: bold;}
.main4 ul li p{color:#a5a5a7;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(245, 209,177, 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(245, 209,177, 0.1), rgba(6, 182, 212, 0.1));text-align: center;}
.main5{}
.main5 h1{font-size:54px;color:#e3c299;font-weight: bold;}
.main5 h4{font-size:18px;color:#a5a5a7;line-height: 30px;margin-top:20px;}
.main5 button{width:234px;height:60px;line-height:60px;font-size: 16px;background: linear-gradient(95deg, #f5d1b1, #cda979);border: none;border-radius: 50px;color: #290b00;font-weight: bold;cursor: pointer; transition: all 0.3s;box-shadow: 0 5px 20px rgba(245, 209,177, 0.3);margin-top:40px;}
.main5 button:hover{transform: translateY(-10px);box-shadow: 0 10px 40px rgba(245, 209,177, 0.3);}

.footer{background: #151517;padding: 50px 0 20px;border-top: 1px solid #e3c299;}
.f-m{display: grid;gap:30px;grid-template-columns: 1fr  1fr;padding-bottom:40px;border-bottom: 1px solid rgba(245, 209,177, 0.2);}
.f-m h4{font-size:16px;font-weight: bold;color:#e3c299;margin-bottom:20px;}
.f-m p{color:#a5a5a7;}
.f-m a{color:#a5a5a7;display: block;margin-bottom:15px;}
.f-m a:hover{color:#e3c299;}

.cookie-box{position: fixed;left: 0;right: 0;bottom: 0;z-index: 10; background: rgba(37, 36, 41, 0.8);backdrop-filter: blur(10px);border-top: 2px solid #e3c299;padding:20px 0;box-shadow: 0 -5px 30px rgba(245, 209,177, 0.3);}
.cookie{display:grid;gap:30px;grid-template-columns: 1fr  280px;align-items:center;justify-content: flex-end;}
.cookie h4{color:#e3c299;font-size:16px;font-weight: bold;}
.cookie p{color:#a5a5a7;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: #a5a5a7;border: 1px solid #a5a5a7;}
.bu-1:hover{color:#e3c299;border: 1px solid #e3c299;}
.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, #f5d1b1, #cda979);color: #290b00;box-shadow: 0 3px 15px rgba(245, 209,177, 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, #e3c299, #e3c299);border-radius: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 5px 25px rgba(245, 209,177, 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(37, 36, 41, 0.8);border: 2px solid #e3c299; border-radius: 20px;padding: 50px 30px;max-width: 600px; width: 90%; position: relative;box-shadow: 0 0 50px rgba(245, 209,177, 0.3), 0 0 100px rgba(245, 209,177, 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 #e3c299;box-shadow: 0 0 30px rgba(245, 209,177, 0.3);animation: imgtk 2s ease-in-out infinite;}
 @keyframes imgtk {
0% {
                transform: scale(1);
                box-shadow: 0 0 30px rgba(245, 209,177, 0.3);
            }

            50% {
                transform: scale(1.05);
                box-shadow: 0 0 50px rgba(245, 209,177, 0.3);
            }
			100% {
			    transform: scale(1);
			    box-shadow: 0 0 30px rgba(245, 209,177, 0.3);
			}
}
.pr-r-m h2{font-size: 30px;font-weight:bold;color: #e3c299;background: linear-gradient(95deg, #e3c299, #e3c299);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin:30px 0;}
.pr-r-m p{color:#a5a5a7;line-height:32px;font-size:16px;}
.pr-r-m a{padding:15px 40px;font-size: 16px;background: linear-gradient(95deg, #f5d1b1, #cda979);border: none;border-radius: 50px;color: #290b00;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(245, 209,177, 0.3);}
.on_down{text-align: right;font-size: 16px;color:#fff;position: absolute;top:25px;right:25px; cursor: pointer;}