/* =================================
   公共顶部导航
================================= */


#Top_bar{


position:relative;


width:100%;


z-index:9999;


background:

rgba(5,8,22,.45);


backdrop-filter:blur(15px);


border-bottom:

1px solid rgba(255,255,255,.08);


}



#Top_bar .container{


width:1200px;


max-width:90%;


margin:auto;


}



.top_bar_left{


height:90px;


display:flex;


align-items:center;


justify-content:space-between;


}





.logo img{


height:auto;


width:auto;


}





.menu_wrapper{


display:flex;


align-items:center;


}





.menu{


display:flex;


list-style:none;


gap:45px;


margin:0;


padding:0;


}



.menu li a{


color:#fff;


font-size:16px;


text-decoration:none;


transition:.3s;


opacity:.8;


}



.menu li a:hover{


color:#4eac7a;


opacity:1;


}




.menu .current a{


color:#4eac7a;


}





@media(max-width:768px){


.top_bar_left{


height:70px;


}



.logo img{


height:auto;


}



.menu{


gap:15px;


}



.menu li a{


font-size:14px;


}



}

/* ==================================
   AI星河背景系统
================================== */


.ai-space-bg{


position:fixed;


left:0;


top:0;


width:100%;


height:100%;


overflow:hidden;


pointer-events:none;


z-index:0;


background:transparent;


}



/* 星云 */

.space-glow{


position:absolute;


width:650px;


height:650px;


left:50%;


top:35%;


transform:translate(-50%,-50%);



background:

radial-gradient(

circle,

rgba(78,172,122,.18),

transparent 70%

);



filter:blur(20px);


animation:

glowMove 15s infinite alternate;


}




@keyframes glowMove{


0%{

transform:

translate(-55%,-50%)

scale(1);


}


100%{


transform:

translate(-45%,-40%)

scale(1.3);


}



}







/* 粒子 */

.ai-particles span{


position:absolute;


width:4px;


height:4px;


border-radius:50%;


background:#fff;


opacity:.5;


box-shadow:

0 0 15px rgba(255,255,255,.8);


animation:

particleFloat 15s infinite;


}




.ai-particles span:nth-child(1){

left:10%;

top:20%;

}



.ai-particles span:nth-child(2){

left:30%;

top:70%;

animation-delay:3s;

}



.ai-particles span:nth-child(3){

left:50%;

top:30%;

animation-delay:5s;

}



.ai-particles span:nth-child(4){

left:75%;

top:65%;

animation-delay:2s;

}



.ai-particles span:nth-child(5){

left:90%;

top:25%;

animation-delay:7s;

}



.ai-particles span:nth-child(6){

left:65%;

top:85%;

animation-delay:4s;

}



.ai-particles span:nth-child(7){

left:20%;

top:50%;

animation-delay:8s;

}



.ai-particles span:nth-child(8){

left:45%;

top:90%;

animation-delay:6s;

}





@keyframes particleFloat{


0%{


transform:translateY(0);


opacity:.2;


}



50%{


transform:translateY(-120px);


opacity:1;


}



100%{


transform:translateY(0);


opacity:.2;


}


}





/* 音频波纹 */

.wave-line{


position:absolute;


left:-20%;


bottom:20%;


width:140%;


height:180px;


background:


linear-gradient(

90deg,

transparent,

rgba(78,172,122,.15),

transparent

);


filter:blur(35px);


animation:

waveMove 10s infinite alternate;


}



@keyframes waveMove{


0%{

transform:translateX(-15%);

}


100%{

transform:translateX(15%);

}


}





/* 内容层级 */

#Top_bar,
#mfn-rev-slider,
.page-content{


position:relative;


z-index:2;


}






/* 手机优化 */


@media(max-width:768px){


.space-glow{


width:350px;


height:350px;


}



.wave-line{


display:none;


}



.ai-particles span{


animation-duration:25s;


}


}

/* =================================
   公共底部
================================= */


.zm-footer{


position:relative;


z-index:3;


padding:80px 0 0;


background:

rgba(5,8,22,.75);


border-top:

1px solid rgba(255,255,255,.1);


backdrop-filter:blur(20px);


color:#fff;


}




.footer-container{


width:1200px;


max-width:90%;


margin:auto;


display:flex;


justify-content:space-between;


gap:50px;


}





.footer-brand{


width:320px;


}



.footer-logo{


width:150px;


margin-bottom:20px;


}



.footer-brand h2{


font-size:30px;


font-weight:500;


}



.footer-brand p{


line-height:32px;


color:rgba(255,255,255,.65);


}






.footer-links{


display:flex;


flex-direction:column;


gap:15px;


}



.footer-links h3{


font-size:20px;


margin-bottom:15px;


}



.footer-links a,
.footer-links p{


color:rgba(255,255,255,.7);


text-decoration:none;


font-size:15px;


}



.footer-links a:hover{


color:#4eac7a;


}





.footer-qrcode{


text-align:center;


}



.footer-qrcode h3{


margin-bottom:20px;


}



.footer-qrcode img{


width:150px;


height:150px;


padding:8px;


background:#fff;


border-radius:15px;


}



.footer-qrcode p{


margin-top:15px;


color:rgba(255,255,255,.7);


}





.footer-bottom{


margin-top:60px;


padding:25px;


text-align:center;


border-top:

1px solid rgba(255,255,255,.08);


color:rgba(255,255,255,.5);


font-size:14px;


}







@media(max-width:768px){


.footer-container{


flex-direction:column;


}



.footer-brand{


width:100%;


}



.zm-footer{


padding-top:50px;


}


}