/* =======================================
   飓擎EAEA QUANT SYSTEM
   STYLE SHEET
======================================= */

/* ===============================
   全局 Logo 统一深蓝科技样式
   =============================== */

/* 顶部导航 Logo */
.logo-icon{
    width:42px;
    height:42px;
    border-radius:10px;
    background:linear-gradient(135deg,#163868,#0b6cb9);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#40ddff;
    box-shadow:0 0 18px rgba(0,180,255,.25);
}

.logo-icon svg{
    width:26px;
    height:26px;
    filter:drop-shadow(0 0 6px rgba(64,221,255,.45));
}

.logo-icon img{
    width:26px;
    height:26px;
    object-fit:contain;
    filter:sepia(1) saturate(1.2) hue-rotate(170deg) brightness(1.1) contrast(1.1);
}

/* Logo 文字统一科技蓝 */
.logo span{
    font-size:28px;
    font-weight:bold;
    background:linear-gradient(90deg,#ffffff,#42c8ff);
    -webkit-background-clip:text;
    color:transparent;
}

/* 页脚 Logo */
.footer-logo{
    width:70px;
    height:70px;
    border-radius:15px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:linear-gradient(135deg,#0f274d,#051022);
    border:1px solid rgba(64,221,255,.3);
    box-shadow:0 0 22px rgba(0,170,255,0.18);
   color:#40ddff;
  font-size:35px;
}

.footer-logo svg{
    width:42px;
    height:42px;
    filter:drop-shadow(0 0 8px rgba(64,221,255,.45));
}

.footer-logo img{
    width:42px;
    height:42px;
    object-fit:contain;
    filter:sepia(1) saturate(1.2) hue-rotate(170deg) brightness(1.1) contrast(1.1);
}

/* 页脚品牌文字统一科技蓝 */
.footer-brand h3{
    color:#40ddff;
    font-size:30px;
}

.footer-brand p{
    color:#8fa7c6;
    font-size:13px;
    margin-top:5px;
}

*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:

"Microsoft YaHei",
Arial,
sans-serif;

}



body{

background:

#020713;

color:white;

overflow-x:hidden;

}





/* ===============================
背景科技层
=============================== */


.background-layer{

position:fixed;

inset:0;

z-index:-5;

overflow:hidden;

}



.grid{

position:absolute;

inset:0;


background-image:


linear-gradient(
rgba(40,150,255,.08) 1px,
transparent 1px
),


linear-gradient(
90deg,
rgba(40,150,255,.08) 1px,
transparent 1px
);



background-size:

45px 45px;



}



.earth-glow{


position:absolute;


width:700px;

height:700px;


left:50%;

top:40%;


transform:

translate(-50%,-50%);



background:

radial-gradient(

circle,

rgba(0,180,255,.25),

transparent 65%

);



filter:

blur(20px);



}



.particles{


position:absolute;

inset:0;



background:

radial-gradient(
circle,
rgba(0,200,255,.8) 1px,
transparent 2px
);



background-size:

80px 80px;



opacity:.15;


}





/* ===============================
顶部导航
=============================== */


.navbar{


height:90px;


display:flex;


align-items:center;


justify-content:space-between;


padding:

0 70px;



background:

rgba(2,12,30,.75);

.navbar nav a {
  text-decoration: none;
  /* 删掉原来的 border-bottom 那一行 */
}

backdrop-filter:

blur(15px);



}





/* logo整体横向排版 */
.logo-area{
    display:flex;
    align-items:center;
    gap:12px;
}
/* 图标方块：和features左上角完全一致的深蓝渐变+发光 */
.logo-symbol{
    width:44px;
    height:44px;
    border-radius:10px;
    background:linear-gradient(135deg,#163868,#0b6cb9);
    color:#40ddff;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 0 18px rgba(0,180,255,0.22);
}
/* 主标题强制纯白，禁止渐变效果 */
.logo-area h2{
    font-size:26px;
    font-weight:bold;
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:unset !important;
    margin:0;
}
/* 小字副标题样式 */
.logo-area p{
    font-size:12px;
    color:#9db2cf;
    margin:3px 0 0;
    letter-spacing:1px;
}




nav{


display:flex;


gap:28px;


}



nav a{


font-size:15px;


color:#a8c4df;


cursor:pointer;


transition:.3s;



}



nav a:hover,
nav .active{


color:#42dfff;



text-shadow:

0 0 15px #42dfff;



}







.nav-actions{


display:flex;


gap:15px;


}



button{


border:none;


padding:

12px 25px;



border-radius:8px;



background:

rgba(30,100,170,.3);



color:white;



cursor:pointer;



border:

1px solid rgba(80,200,255,.4);



transition:.3s;



}



button:hover{


box-shadow:

0 0 25px rgba(0,200,255,.5);



transform:

translateY(-2px);


}



.gold-btn{


background:

linear-gradient(
90deg,
#ffd85a,
#ff9d00
);



color:#101010;


border:none;


box-shadow:

0 0 25px rgba(255,190,40,.4);



}

/* ===============================
Hero 首屏
=============================== */


.hero{


/* ==========================
左侧蓝色科技地球背景
========================== */


.hero-info{

position:relative;

z-index:1;

}





.blue-earth{


position:absolute;


width:650px;

height:650px;



left:-180px;

top:50%;



transform:

translateY(-50%);



border-radius:50%;



background:


radial-gradient(

circle at 35% 35%,

rgba(80,220,255,.9),

rgba(0,120,255,.45) 35%,

rgba(0,50,120,.35) 60%,

rgba(0,10,40,.1) 75%

);



box-shadow:


0 0 80px rgba(0,180,255,.8),


0 0 160px rgba(0,120,255,.5);



opacity:.45;



z-index:-1;



}




/* 地球经纬线 */


.blue-earth::before{


content:"";


position:absolute;


inset:0;



border-radius:50%;



background:


repeating-linear-gradient(

90deg,

transparent 0,

transparent 45px,

rgba(100,220,255,.18) 46px

);



}



.blue-earth::after{


content:"";


position:absolute;


inset:0;



border-radius:50%;



background:


repeating-linear-gradient(

0deg,

transparent 0,

transparent 45px,

rgba(100,220,255,.15) 46px

);



}






/* 外层扫描光环 */


.earth-ring{


position:absolute;



width:720px;

height:720px;



left:-215px;

top:50%;



transform:

translateY(-50%);



border-radius:50%;



border:

1px solid rgba(60,220,255,.35);



box-shadow:


0 0 40px rgba(0,200,255,.4);



animation:

earthRotate 15s linear infinite;



z-index:-2;



}




@keyframes earthRotate{


0%{

transform:

translateY(-50%)
rotate(0deg);


}



100%{


transform:

translateY(-50%)
rotate(360deg);


}



}

max-width:1400px;


margin:auto;


padding:

55px 60px 40px;



display:grid;


grid-template-columns:

1fr 480px;



gap:40px;



align-items:center;



}





/* 左侧 */

.hero-info{


padding-left:20px;


}



.system-tag{


display:inline-block;


padding:

8px 18px;



border:

1px solid #36dfff;



border-radius:30px;



font-size:12px;


letter-spacing:3px;



color:#36dfff;



background:

rgba(0,180,255,.08);



}




.hero-info h1{


font-size:72px;


line-height:1.1;


margin-top:25px;



font-weight:900;



background:

linear-gradient(
90deg,
#ffffff,
#40dfff
);



-webkit-background-clip:text;


color:transparent;



}





.hero-info h1 span{


color:#ffd85a;


-webkit-text-fill-color:#ffd85a;


}





.hero-info h3{


font-size:24px;


margin-top:25px;


color:#d8e8ff;


}




.hero-info p{


margin-top:20px;



font-size:16px;



line-height:2;



color:#91a9c8;



max-width:620px;


}






.hero-buttons{


margin-top:35px;


display:flex;


gap:15px;



}






.hero-buttons button{


min-width:150px;


}





/* 数据指标 */


.data-panel{


margin-top:45px;


display:flex;


gap:15px;



}





.data-panel div{


width:120px;


height:105px;



padding:15px;



border-radius:15px;



background:

rgba(10,35,70,.75);



flex-direction:
column;

justify-content:
center;

align-items:
center;

box-sizing:
border-box;

}


.data-panel strong{


font-size:28px;


display:block;


line-height:
1
;

margin-bottom:
8px
;


color:#42ddff;



}



.data-panel span{


font-size:13px;


color:#9eb4d1;


white-space:
nowrap
;

}








/* ===============================
交易终端
=============================== */

.quant-terminal{

height:520px;

}


.system-modules{

margin-top:25px;

}

padding:

22px;



border-radius:22px;



background:


linear-gradient(

145deg,

rgba(15,45,90,.9),

rgba(2,10,25,.95)

);



border:

1px solid rgba(0,210,255,.35);



box-shadow:


0 0 60px rgba(0,150,255,.25);



position:relative;



}





.quant-terminal::before{


content:"";


position:absolute;


inset:0;



border-radius:22px;



background:

linear-gradient(

120deg,

transparent,

rgba(50,220,255,.15),

transparent

);



animation:

scan 5s infinite;



pointer-events:none;



}




@keyframes scan{


0%{

transform:translateX(-100%);

}



100%{

transform:translateX(100%);

}



}








.terminal-top{


display:flex;


justify-content:space-between;


align-items:center;



margin-bottom:20px;


}





.terminal-top h2{


font-size:20px;


color:#40ddff;


}




.terminal-top span{


font-size:12px;


color:#35ff88;


}







/* 行情 */


.market-zone{


display:grid;


grid-template-columns:

repeat(3,1fr);



gap:12px;


}




.market-card{


padding:15px;



background:

rgba(0,20,45,.7);



border-radius:14px;



border:

1px solid rgba(0,190,255,.25);



}



.market-card p{


font-size:12px;


color:#92a8c5;


}




.market-card strong{


display:block;


font-size:22px;


margin:8px 0;



}




.market-card span{


font-size:12px;


color:#42ff88;


}







/* K线 */


.kline-box{


margin-top:20px;



padding:15px;



background:

rgba(0,10,25,.7);



border-radius:15px;


}



.box-title{


font-size:14px;


color:#cde4ff;



margin-bottom:12px;


}







.kline{


height:110px;


display:flex;


align-items:center;


justify-content:space-around;


}



.kline div{


width:12px;


background:

linear-gradient(

180deg,

#40ddff,

#0077ff

);



border-radius:4px;



animation:

candle 2s infinite alternate;



}



.kline div:nth-child(1){

height:40px;

}


.kline div:nth-child(2){

height:75px;

}


.kline div:nth-child(3){

height:55px;

}


.kline div:nth-child(4){

height:95px;

}


.kline div:nth-child(5){

height:65px;

}


.kline div:nth-child(6){

height:85px;

}


.kline div:nth-child(7){

height:105px;

}



@keyframes candle{


from{

opacity:.5;

}



to{

opacity:1;

}


}







/* 策略状态 */


.ai-status{


margin-top:15px;


padding:15px;


background:

rgba(0,0,0,.25);



border-radius:15px;



}



.ai-status>div:not(.box-title){


display:flex;


justify-content:space-between;


padding:10px 0;



border-bottom:

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



font-size:13px;


}



.ai-status b{


color:#42ff88;


font-size:11px;


}








/* 收益曲线 */


/* 收益曲线 */
.profit
{
    margin-top: 15px;
    width: 100%;
    /* 方框整体加高，容纳整条曲线 */
    height: 200px;
    background: transparent;
    border-radius: 15px;
    /* 底部加大内边距，防止曲线贴底溢出 */
    padding: 0 15px 30px 15px;
    box-sizing: border-box;
    overflow: visible !important;
}

.profit svg{
    width:100%;
    /* SVG画布同步拉高，匹配容器高度 */
    height:210px;
}

.profit polyline{
    fill:none;
    stroke:#40ddff;
    stroke-width:4;
    filter: drop-shadow(0 0 8px #40ddff);
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    animation: draw 4s forwards infinite;
}

@keyframes draw{
    to{
        stroke-dashoffset:0;
    }
}
/* ===============================
五策略 Q-CORE 架构
=============================== */


.strategy-core{


max-width:1300px;


margin:auto;



padding:

60px 50px;



}



.section-head{


text-align:center;


margin-bottom:40px;


}



.section-head h2{


font-size:42px;


background:

linear-gradient(
90deg,
#fff,
#40ddff
);



-webkit-background-clip:text;


color:transparent;


}



.section-head p{


margin-top:12px;


color:#8fa9c8;


}





.core-map{


height:620px;


position:relative;


}




/* SVG连接线 */


.connection{


position:absolute;


width:100%;


height:100%;


left:0;


top:0;


z-index:1;


}



.connection line{


stroke:

rgba(50,210,255,.35);



stroke-width:2;



stroke-dasharray:8 8;



animation:

lineFlow 3s linear infinite;


}



@keyframes lineFlow{


to{


stroke-dashoffset:-100;


}


}







/* 中心核心 */


.qcore{


position:absolute;


left:50%;


top:50%;



transform:

translate(-50%,-50%);



width:260px;


height:260px;



border-radius:50%;



background:

radial-gradient(

circle,

#1264a5,

#020713 70%

);



border:

2px solid #40ddff;



display:flex;


flex-direction:column;


justify-content:center;


align-items:center;



box-shadow:


0 0 80px rgba(0,210,255,.8);



z-index:3;



animation:

corePulse 4s infinite;



}



.qcore::before{


content:"";


position:absolute;


width:340px;


height:340px;


border-radius:50%;



border:

1px dashed rgba(60,220,255,.5);



animation:

rotate 12s linear infinite;


}



@keyframes rotate{


100%{

transform:rotate(360deg);

}


}


.hero-info h1,
.hero-info h3,
.hero-info p,
.hero-buttons,
.data-panel,
.system-tag{

position:relative;

z-index:3;

}


@keyframes corePulse{


50%{


box-shadow:

0 0 130px rgba(0,210,255,1);


}


}



.qcore h1{


font-size:46px;


color:#ffd85a;


}



.qcore h3{


font-size:16px;


margin-top:8px;


}



.qcore span{


margin-top:15px;


font-size:12px;


color:#42ff88;


}







/* 策略节点 */


.strategy-node{


position:absolute;



width:220px;


height:130px;



padding:20px;



background:


linear-gradient(

145deg,

rgba(12,45,85,.9),

rgba(2,12,30,.95)

);



border-radius:18px;



border:

1px solid rgba(0,210,255,.35);



box-shadow:


0 0 30px rgba(0,150,255,.2);



z-index:2;



transition:.3s;



}




.strategy-node:hover{


transform:

translateY(-8px);



border-color:#ffd85a;



box-shadow:

0 0 40px rgba(255,210,70,.35);


}





.strategy-node b{


font-size:28px;


color:#ffd85a;


}



.strategy-node h3{


font-size:18px;


margin-top:5px;


}




.strategy-node p{


font-size:12px;


color:#9cb2cf;


margin-top:6px;


}







/* 五点位置 */


.node-top{


top:20px;


left:50%;


transform:

translateX(-50%);


}





.node-left{


left:80px;


top:230px;


}





.node-right{


right:80px;


top:230px;


}





.node-lower-left{


left:230px;


bottom:20px;


}





.node-lower-right{


right:230px;


bottom:20px;


}









/* ===============================
核心优势
=============================== */

.advantage-section{

width:100%;

max-width:none;

margin:80px 0;

padding:0 60px;

display:grid;

grid-template-columns: 1fr 1fr;

gap:60px;

box-sizing:border-box;

align-items:stretch;

}.advantage-list h2{


font-size:36px;


margin-bottom:35px;


color:white;

}





.adv-item{


display:flex;


gap:20px;


padding:20px;



margin-bottom:15px;



border-radius:15px;



background:

rgba(10,35,70,.7);



border:

1px solid rgba(0,200,255,.2);



}




.adv-item .icon{


width:65px;


height:65px;



display:flex;


align-items:center;


justify-content:center;



background:

rgba(0,190,255,.15);



border-radius:12px;



color:#40ddff;


font-size:14px;


}




.adv-item h3{


font-size:18px;


}



.adv-item p{


margin-top:8px;


font-size:13px;


color:#9eb3d0;


}







/* 右侧表现面板 */


.performance-panel{

width:100%;

height:516px;

padding:25px;

border-radius:20px;

background:rgba(10,35,70,.75);

border:1px solid rgba(0,210,255,.3);

box-sizing:border-box;

}
.performance-panel h2{


color:#40ddff;


margin-bottom:25px;


}




.performance-card{


display:flex;


justify-content:space-between;


align-items:center;



padding:15px 0;



border-bottom:

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



font-size:14px;


}




.performance-card b{


color:#42ff88;


font-size:12px;


}



.performance-card strong{


color:#ffd85a;


}







.performance-chart{


margin-top:25px;

width:100%;


height:220px;

overflow:hidden
;


}



.performance-chart svg{


width:100%;


height:100%；

display:block;

}

.performance-card:last-of-type{
    margin-bottom:20px;
}

.performance-chart polyline{

transform:translateY(20px);


fill:none;


stroke:#40ddff;


stroke-width:4;


filter:

drop-shadow(

0 0 8px #40ddff

);



}

/* ===============================
商业服务区域
=============================== */


.service-area{


max-width:1400px;


margin:auto;



padding:

60px 50px;



display:grid;


grid-template-columns:

repeat(5,1fr);



gap:20px;



}






.service-card{


min-height:180px;



padding:25px;

background:
rgba(15,35,70,.8
);

border-radius:16px;

text-align:
center
;

box-sizing:
border-box
;

}

background:


linear-gradient(

145deg,

rgba(15,45,85,.85),

rgba(3,12,25,.95)

);



border:

1px solid rgba(0,210,255,.25);



transition:.3s;



}





.service-card:hover{


transform:

translateY(-8px);



border-color:#ffd85a;



box-shadow:

0 0 35px rgba(0,210,255,.35);



}





.service-card h2{


font-size:20px;


color:#40ddff;



margin-bottom:25px;


}




.service-card ul{


list-style:none;


}




.service-card li{


font-size:13px;


color:#a7bdd7;



padding:

10px 0;



border-bottom:

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



}





.service-card p{


font-size:14px;


color:#a7bdd7;


line-height:2;



}





.service-card button{


margin-top:30px;


width:100%;


}





/* EA下载图标 */


.download-logo{


width:120px;


height:120px;


margin:25px auto;



border-radius:50%;



display:flex;


align-items:center;


justify-content:center;



font-size:45px;



font-weight:bold;



color:#40ddff;



border:

2px solid #40ddff;



box-shadow:

0 0 50px rgba(255,200,50,.5);



}






/* 二维码 */


.qr-code,
.footer-qr{


width:130px;


height:130px;



margin:20px auto;



display:flex;


align-items:center;


justify-content:center;



background:white;



color:#111;



border-radius:10px;


font-size:12px;



}







/* ===============================
底部信息
=============================== */


.footer-info {
    max-width: 1400px;
    margin: 0 auto;
    padding: 45px 40px;
    display: grid;
    grid-template-columns: 260px 1fr 1fr 160px;
    gap: 24px;
    align-items: flex-start;
    border-top: 1px solid rgba(0, 200, 255, 0.2);
    box-sizing: border-box;
}


.footer-brand{
display:flex;
gap:14px;
align-items:flex-start;
}





.footer-logo{
width:44px;
height:44px;
border-radius:10px;
display:flex;
justify-content:center;
align-items:center;
font-size:20px;
background:linear-gradient(135deg,#163868,#0b6cb9);
color:#40ddff;
box-shadow:0 0 18px rgba(0,180,255,0.22);
flex-shrink:0;
}




.footer-brand-text h2 {
    color: #ffffff;
    font-size: 30px;
    margin: 0 0 4px;
}
.footer-brand p{
color:#8fa7c6;
font-size:13px;
margin-top:5px;
}




.footer-column h3{


color:#40ddff;


font-size:16px;


margin-bottom:15px;

text-align:center;


}




.footer-column a{


display:block;


color:#9db2cf;



font-size:13px;



line-height:2.4;

text-align:center;

text-decoration:none

}


.footer-column {
    min-width: 100px;
}
.footer-qrcode-wrap {
    text-align: center;
    min-width: 160px;
}
.footer-qr {
    width: 115px;
    height: 115px;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-size: 12px;
    margin: 0 auto 8px;
}
.footer-qrcode-wrap span {
    color: #8ca6c8;
    font-size: 12px;
}

/* ===============================
Footer
=============================== */



.footer{


padding:

35px 50px;



text-align:center;



background:

rgba(0,0,0,.35);



border-top:

1px solid rgba(0,200,255,.15);



}



.footer h2{


color:#ffd85a;


font-size:28px;


}



.footer p{


margin-top:10px;


color:#8ea5c3;


}




.footer-status{


margin:20px;


}



.footer-status span{


color:#42ff88;


font-size:13px;


}



.copyright{


font-size:12px;


color:#7187a3;


}







/* ===============================
按钮动态
=============================== */


.gold-btn:hover{


box-shadow:

0 0 40px rgba(255,200,50,.8);



}




/* ===============================
响应式
=============================== */


@media(max-width:1200px){



.navbar{


padding:

0 25px;


}



nav{


display:none;


}



.hero{

/* ==========================
六大系统模块
========================== */


.system-modules{

width:100%;

max-width:1400px;

margin:40px auto;

padding:0 60px;

display:grid;

grid-template-columns:repeat(6,1fr);

gap:18px;

}


.module-card{


height:150px;


padding:20px;



background:

linear-gradient(

145deg,

rgba(15,45,85,.85),

rgba(2,12,30,.95)

);



border:

1px solid rgba(50,210,255,.25);



border-radius:18px;



text-align:center;



transition:.35s;



}




.module-card:hover{


transform:

translateY(-8px);



border-color:#40ddff;



box-shadow:

0 0 35px rgba(0,200,255,.35);



}




.module-icon{


width:45px;


height:45px;



margin:

0 auto 12px;



border-radius:50%;



display:flex;


align-items:center;


justify-content:center;



font-size:12px;



color:#ffd85a;



border:

1px solid #ffd85a;



}




.module-card h3{


font-size:16px;


color:#ffffff;



margin-bottom:8px;


}




.module-card p{


font-size:12px;


color:#91abc9;



}







@media(max-width:1200px){


.system-modules{


width:calc(100% - 120px);


margin:40px auto 0;


display:grid;


grid-template-columns:repeat(6,1fr);


gap:20px;


}



.module-card{


height:120px;


padding:20px;



display:flex;


flex-direction:column;


justify-content:center;


align-items:center;



background:

linear-gradient(

145deg,

rgba(12,35,70,.95),

rgba(2,12,28,.95)

);



border:

1px solid rgba(50,200,255,.45);



border-radius:16px;



box-sizing:border-box;



text-align:center;



}



.module-icon{


font-size:14px;


color:#ffd85a;



margin-bottom:10px;



}



.module-card h3{


font-size:16px;


color:white;


margin:5px 0;



}



.module-card p{


font-size:12px;


color:#8ba8c8;


margin:0;



}


}



@media(max-width:700px){


.system-modules{


grid-template-columns:

repeat(2,1fr);


padding:20px;


}


}



.quant-terminal{


margin-top:30px;


}



.service-area{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:22px;

width:100%;

align-items:stretch;

}


/* 五个服务卡片 */

.service-card{

background:
rgba(15,35,70,.75);

border:1px solid rgba(80,170,255,.35);

border-radius:18px;

height:360px;

padding:25px;

box-sizing:border-box;

display:flex;

flex-direction:column;

justify-content:flex-start;

}


/* 标题 */

.service-card h2{

color:#67d8ff;

font-size:22px;

margin-bottom:35px;

}


/* 内容 */

.service-card p{

color:#b6c8df;

line-height:2;

}


/* 按钮 */

.service-card button{

margin-top:auto;

height:45px;

border-radius:8px;

background:#183760;

border:1px solid #3778b8;

color:white;

}
.advantage-section{
  grid-template-columns:1fr;
  /* 新增下面3行核心加高代码 */
  height: 460px !important;
  padding-bottom: 30px !important;
  box-sizing: border-box !important;
}



}




@media(max-width:700px){



.hero{


display:grid;


grid-template-columns:

1fr 1fr;



gap:40px;



align-items:start;



}


padding:

30px 20px;


}



.hero-info h1{


font-size:45px;


}




.data-panel{


flex-wrap:wrap;


}



.data-panel div{


width:45%;


}




.core-map{


height:900px;


}




.strategy-node{


width:160px;


}




.node-left{


left:0;


}



.node-right{


right:0;


}



.node-lower-left{


left:0;


}



.node-lower-right{


right:0;


}





.service-area{


grid-template-columns:repeat(5,1fr);



}



.footer-info {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.footer-brand {
    grid-column: 1 / -1;
    justify-content: center;
}
.footer-qrcode-wrap {
    grid-column: 1 / -1;
    margin-top: 15px;
}



}
.version{

text-align:right;

font-size:13px;

color:#9bb5d5;

margin-bottom:15px;

}



.terminal-buttons{

display:flex;

gap:10px;

margin-bottom:20px;

}



.terminal-buttons button{

flex:1;

padding:10px;

}



.start{

background:#00c878;

}



.stop{

background:#ff4757;

}



.close-all{

background:#ff9f00;

}



.strategy-status{


background:
rgba(0,30,60,.6);


padding:15px;


border-radius:12px;


}



.running{

color:#35ff88;

margin-top:10px;

}



.trade-data{


display:grid;


grid-template-columns:1fr 1fr;


gap:12px;


margin-top:15px;


}



.trade-data div{


background:

rgba(255,255,255,.05);


padding:15px;


border-radius:12px;


}



.trade-data span{


display:block;

font-size:12px;

color:#8da7c5;


}



.trade-data b{


font-size:22px;


color:#40ddff;


}



.profit{

color:#35ff88!important;

}


.low{

color:#35ff88!important;

}





.profit-chart{


margin-top:20px;


padding:15px;


background:

rgba(0,10,25,.7);


border-radius:15px;


}



.chart-area{


display:flex;


}



.y-axis{


display:flex;


flex-direction:column;


justify-content:space-between;


font-size:11px;


color:#8199b8;


}



.chart-area svg{


width:100%;


height:180px;


}




.chart-area line{


stroke:

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


stroke-width:1;


}



.chart-area polyline{


fill:none;


stroke:#40ddff;


stroke-width:4;


filter:

drop-shadow(
0 0 8px #40ddff
);


}



.days{


display:flex;


justify-content:space-around;


color:#8ca5c5;


font-size:12px;


margin-top:10px;


}

.feature-mini{

display:flex;

gap:12px;

margin-top:25px;

flex-wrap:wrap;

}


.feature-mini span{


padding:

8px 16px;


font-size:13px;


color:#9edcff;



background:

rgba(0,180,255,.12);



border:

1px solid rgba(60,210,255,.35);



border-radius:20px;



box-shadow:

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



}
.strategy-table-box{


margin-top:20px;


background:

rgba(0,15,35,.75);


padding:15px;


border-radius:15px;


border:

1px solid rgba(0,200,255,.25);


overflow:hidden;


}



.strategy-table-box h3{


font-size:16px;


color:#40ddff;


margin-bottom:15px;


}



.strategy-table{


width:100%;


border-collapse:collapse;


font-size:12px;


}



.strategy-table th{


color:#8da9c7;


padding:10px 5px;


border-bottom:

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


}



.strategy-table td{


padding:10px 5px;


text-align:center;


border-bottom:

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


color:#d7e8ff;


}




.strategy-table .run{


color:#42ff88;


}



.strategy-table .up{


color:#42ff88;


}




.strategy-table .low{


color:#42ff88;


font-weight:bold;


}



.strategy-table .mid{


color:#ffd85a;


font-weight:bold;


}
/* 全局统一蓝色标准 #40ddff，全部图标/边框共用 */
.system-modules{
    width:100%;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
}
.module-card{
    height:120px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#07172e;
    border:1px solid rgba(0,180,255,.35);
    border-radius:15px;
    text-align:center;
    box-shadow:0 0 20px rgba(0,140,255,.12);
    transition:.3s;
}
.module-card:hover{
    transform:translateY(-5px);
    border-color:#40ddff;
    box-shadow:0 0 25px rgba(0,180,255,.35);
}
/* 标准圆形图标，和左上角导航图标同款 */
.module-icon{
    width:45px;
    height:45px;
    margin:0 auto 12px;
    border-radius:50%;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:14px;
    color:#40ddff !important;
    border:1px solid #40ddff !important;
    background:rgba(64,221,255,0.08) !important;
    box-shadow:0 0 12px rgba(0,180,255,0.18) !important;
    font-weight:bold;
}
.module-card h3{
    margin:0;
    color:#ffffff;
    font-size:16px;
}
.module-card p{
    margin:5px 0 0;
    color:#8ca6c8;
    font-size:12px;
}
.strategy-status{
display:none;
}
.data-panel{
max-width:1400px;
margin:40px auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.data-box{
background:rgba(20,50,90,.7);
border:1px solid rgba(60,180,255,.35);
border-radius:18px;
padding:25px;
text-align:center;
}
.data-box h3{
color:#8faed0;
font-size:14px;
}
.data-box strong{
display:block;
font-size:35px;
color:#40ddff;
margin:15px 0;
}
.data-box p{
color:#9db2cc;
font-size:13px;
}
.advantage-list h3{
font-size:20px;
margin-top:15px;
margin-bottom:5px;
color:#40ddff;
}
.advantage-list p{
font-size:14px;
color:#a7bdd7;
}
.stat-box{
width:120px;
height:95px;
}
.hero-content div{
box-sizing:border-box;
}
.hero-content .item,
.hero-content .box,
.hero-content .card{
height:120px;
padding:15px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
overflow:hidden;
}
.data-panel > div{
width:120px;
height:110px;
padding:15px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
box-sizing:border-box;
}
.ai-status{
display:flex;
gap:15px;
margin:20px 0;
}
.ai-status div{
flex:1;
height:65px;
padding:12px;
border-radius:12px;
background:rgba(20,45,85,.55);
border:1px solid rgba(60,200,255,.25);
display:flex;
flex-direction:column;
justify-content:center;
}
.ai-status span{
font-size:12px;
color:#8ca6c8;
}
.ai-status b{
margin-top:5px;
font-size:18px;
color:#40ddff;
}
.monitor-title{
font-size:18px;
font-weight:bold;
color:#40ddff;
margin-bottom:15px;
}
.monitor-item{
display:flex;
justify-content:space-between;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.08);
color:#9eb4d1;
}
.monitor-item b{
color:#42dd88;
}
.performance-body{
display:flex;
gap:20px;
align-items:stretch;
}
.strategy-list{
flex:1;
display:flex;
flex-direction:column;
gap:15px;
}
.performance-card{
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
padding:18px 0;
border-bottom:1px solid rgba(255,255,255,.08);
font-size:15px;
}
.performance-card span{
color:#d7e5ff;
font-size:15px;
}
.performance-card b{
color:#40ff88;
font-size:14px;
}
/* 清除黄色，统一蓝色 */
.performance-card strong{
color:#40ddff;
font-size:15px;
}
.ai-monitor{
    flex:0 0 47%;
    padding:20px;
    border-radius:15px;
    min-height:220px;
    box-sizing:border-box;
    background:rgba(10,35,70,.65);
    border:1px solid rgba(0,210,255,.3);
}
.monitor-title{
font-size:18px;
font-weight:bold;
color:#40ddff;
margin-bottom:20px;
}
.monitor-item{
display:flex;
justify-content:space-between;
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,.1);
}
.monitor-item span{
font-size:13px;
color:#9eb4d1;
}
.monitor-item b{
font-size:13px;
color:#40ff88;
}
.performance-content{
width:100%;
display:flex;
flex-direction:row;
gap:20px;
align-items:flex-start;
}
.strategy-area
{
    flex:0 0 calc(50% - 20px);
    min-width:0;
}
.ai-monitor{
    flex:1;
    min-width:0;
    padding:20px;
    border-radius:15px;
    min-height:220px;
    background:rgba(10,35,70,.65);
    border:1px solid rgba(0,210,255,.3);
}
.right-area{
display:flex;
width:calc(100% - 100px);
margin-left:0;
gap:40px;
box-sizing:border-box;
align-items:stretch;
}
.strategy-area{
flex:0 0 50%;
min-width:0;
}
.advantage-list{
width:100%;
}
.advantage-section{
display:grid !important;
grid-template-columns: 1fr 1fr !important;
gap:60px !important;
width:100% !important;
}
.advantage-list{
width:100% !important;
}
.performance-panel{
width:100% !important;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background: #0a0e1f;
  color: #fff;
}
.top-btn-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 40px;
}
.btn-card {
flex:1;
  background: rgba(40, 70, 130, 0.25);
  border: 1px solid rgba(100, 180, 255, 0.3);
  padding: 14px 8px;
  border-radius: 10px;
  text-align: center;
  min-width: 110px;
  min-height: unset;
}
.status-group {
  display: flex;
  gap: 16px;
  margin-left: 30px;
}
.status-item {
  background: rgba(40, 70, 130, 0.25);
  border: 1px solid rgba(100, 180, 255, 0.3);
  padding: 15px 12px;
  border-radius: 10px;
  text-align: center;
  min-width: 110px;
}
.main-wrap {
  display: flex;
  align-items: stretch;
  gap: 40px;
  width: 100%;
}
.left-advantage {
  width: 58%;
  padding-right: 30px;
  height:540px;
  box-sizing:border-box;
}
.adv-item {
  background: rgba(40, 70, 130, 0.25);
  border: 1px solid rgba(100, 180, 255, 0.3);
  border-radius: 10px;
  padding: 22px;
  margin: 16px 0;
}
.right-panel {
  width: 42%;
  background: rgba(40, 70, 130, 0.25);
  border: 1px solid rgba(100, 180, 255, 0.3);
  border-radius: 10px;
  height: 100%;
}
.right-inner {
  padding: 28px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 20px;
}
.line {
  display: flex;
  justify-content: space-between;
}
.chart-box {
  width: 100%;
  height: 120px;
  border-top: 1px solid rgba(100, 180, 255, 0.2);
  padding-top: 15px;
}
div:has(h3:contains("策略实时表现")){
  height: 460px !important;
  padding-bottom: 30px !important;
  box-sizing: border-box !important;
}
.right-inner {
  height: 550px !important;
  padding-bottom: 70px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.hero{
  align-items: stretch !important;
}
.hero .top-btn-row {
  align-self: flex-start !important;
}
.top-btn-row .btn-card {
  flex: 1;
  align-self: flex-start;
  padding: 8px 6px;
  min-height: unset;
}
.advantage-section{
  padding-bottom:30px !important;
  box-sizing:border-box !important;
}
.right-inner{
  overflow:visible !important;
}
body .hero {
    align-items: stretch !important;
}
body .advantage-section {
    padding-bottom: 35px !important;
    box-sizing: border-box !important;
}
body .right-inner {
    overflow: visible !important;
}
.advantage-list
{
    height:550px;
    box-sizing:border-box;
}
.advantage-list .adv-item
{
    height:90px;
    box-sizing:border-box;
}
.main-wrap{
    display:flex !important;
    align-items:stretch !important;
}
.left-advantage .adv-item{
    height:74px;
    display:flex;
    align-items:center;
    box-sizing:border-box;
}
.main-wrap{
    display:flex !important;
    align-items:stretch !important;
}
.left-advantage{
    height:590px !important;
    box-sizing:border-box !important;
}
.right-panel{
    height:590px !important;
    box-sizing:border-box !important;
}
.main-wrap{
    display:flex !important;
    align-items:stretch !important;
}
.left-advantage{
    width:58%;
    height:590px !important;
    padding-right:30px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}
.left-advantage h2{
    margin-top:0;
}
.left-advantage .adv-item{
    flex:1;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    margin:16px 0;
    padding:22px;
}
.right-panel{
    width:42%;
    height:590px !important;
    box-sizing:border-box;
}
.chart-box svg{
overflow:visible;
}
/* 图表线条统一全局蓝色 */
#profit-line{
    fill:none;
    stroke:#40ddff;
    stroke-width:3;
}
/* 强制统一模块图标为左上角同款深蓝圆形样式，最高优先级 */
.module-icon {
    width: 45px !important;
    height: 45px !important;
    margin: 0 auto 12px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: bold !important;
    /* 和页面左上角logo完全一致深蓝配色 */
    color: #40ddff !important;
    border: 1px solid #40ddff !important;
    background: rgba(64,221,255,0.08) !important;
    box-shadow: 0 0 12px rgba(0,180,255,0.18) !important;
}
.footer-logo {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #163868, #0b6cb9) !important;
    color: #40ddff !important;
    font-size: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 18px rgba(0,180,255,0.22) !important;
    border: none !important;
}
/* ===================== 页脚通用样式 ===================== */
.footer-wrap{
  max-width:1440px;
  margin:0 auto;
  padding:40px 30px;
  border-top:1px solid rgba(64,221,255,0.12);
  display:grid;
  grid-template-columns:280px repeat(2,1fr)180px;
  gap:24px;
}
.footer-brand{
  display:flex;
  gap:14px;
}
.footer-logo{
  width:70px;
  height:70px;
  border-radius:15px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:linear-gradient(135deg,#0f274d,#051022);
  border:1px solid rgba(64,221,255,0.3);
  box-shadow:0 0 22px rgba(0,170,255,0.18);
  color:#40ddff;
  font-size:35px;
}
.footer-brand h3{
  color:#40ddff;
  font-size:30px;
}
.footer-brand p{
  color:#8fa7c6;
  font-size:13px;
  margin-top:5px;
}
.footer-link h4{
  color:#40ddff;
  font-size:16px;
  margin-bottom:15px;
}
.footer-link a{
  display:block;
  color:#9db2cf;
  font-size:13px;
  line-height:2.4;
  text-decoration:none;
}
.qr-box{
  width:110px;
  height:110px;
  background:#fff;
  border-radius:8px;
  margin-bottom:8px;
  color:#222;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
}
.footer-qrcode p{
  text-align:center;
  color:#9db2cf;
  font-size:12px;
}

/* ===================== 全页面响应式适配 ===================== */
@media(max-width:1200px){
  .navbar nav {
      display: none;
  }
  .navbar {
      padding: 0 20px;
  }
  .hero-wrap{
    flex-direction:column;
    padding:30px 24px;
    align-items:flex-start;
  }
  .feature-text h1{
    font-size:32px;
  }
  .feature-text h2{
    font-size:18px;
  }
  .feature-ai{
    width:100%;
    justify-content:center;
    margin-top:20px;
  }
  .feature-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .compare-wrap{
    flex-direction:column;
    gap:70px;
  }
  .vs-circle{
    top:auto;
    bottom:0;
    transform:translate(-50%,50%);
  }
  .footer-wrap{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:768px){
  .features-box,.compare{
    padding:0 20px;
  }
  .feature-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .footer-wrap{
    grid-template-columns:1fr;
  }
}
.navbar nav a {
    text-decoration: none !important;
    border-bottom: none !important;
}
.navbar nav a::after {
    display: none !important;
    border-bottom: none !important;
}
/* 导航当前页面高亮 */
.navbar nav a.active{
    color:#40ddff !important;
    text-decoration:none !important;
    border-bottom:none !important;
}
.page-container{
    max-width:1400px;
    margin:0 auto;
    padding:60px 40px;
}
.page-banner{
    text-align:center;
    margin-bottom:70px;
}
.page-banner h2{
    font-size:52px;
    color:#fff;
    margin:0 0 8px;
}
.page-banner .en-sub{
    font-size:18px;
    color:#40ddff;
    margin-bottom:16px;
}
.page-banner h3{
    font-size:24px;
    color:#d7e8ff;
    margin-bottom:24px;
    font-weight:normal;
}
.banner-desc{
    max-width:900px;
    margin:0 auto 30px;
    color:#9db2cf;
    line-height:1.8;
    font-size:15px;
}
.tag-group{
    display:flex;
    gap:16px;
    justify-content:center;
    flex-wrap:wrap;
}
.tag-group span{
    padding:10px 22px;
    border:1px solid rgba(64,221,255,0.3);
    border-radius:30px;
    color:#40ddff;
    background:rgba(64,221,255,0.08);
}
.block-wrap{
    margin-bottom:80px;
}
.block-title{
    font-size:32px;
    color:#fff;
    margin-bottom:8px;
}
.block-tip{
    color:#8fa7c6;
    margin-bottom:35px;
}
.five-card-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    margin-bottom:30px;
}
.module-card{
    background: linear-gradient(145deg,rgba(15,35,70,0.7),rgba(5,15,35,0.75));
    border:1px solid rgba(64,221,255,0.25);
    border-radius:16px;
    padding:28px 24px;
    min-height: 320px;
    transition:0.3s;
}
.module-card:hover{
    border-color:#40ddff;
    box-shadow:0 0 25px rgba(0,180,255,0.2);
    transform:translateY(-6px);
}
.module-card h4{
    color:#fff;
    font-size:18px;
    margin-bottom:6px;
}
.pos-tag{
    color:#40ddff;
    font-size:13px;
    margin-bottom:14px;
    display:block;
}
.module-card p{
    color:#9db2cf;
    font-size:13px;
    line-height:1.9;
}
.feature-list{
    margin:12px 0;
}
.bottom-label{
    margin-top:16px;
    color:#ffd85a;
    font-size:13px;
}
.logic-bar{
    text-align:center;
    padding:14px;
    background:rgba(64,221,255,0.06);
    border-radius:12px;
    color:#40ddff;
}
.value-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}
.value-item{
    border:1px solid rgba(64,221,255,0.2);
    border-radius:14px;
    padding:26px 22px;
    min-height: 160px;
    background: linear-gradient(145deg,rgba(12,32,65,0.6),rgba(6,18,40,0.65));
    transition:0.3s;
}
.value-item:hover{
    transform:translateY(-5px);
    box-shadow:0 0 20px rgba(64,221,255,0.2);
    border-color:#40ddff;
}
.value-item h5{
    color:#40ddff;
    font-size:17px;
    margin-bottom:10px;
}
.value-item p{
    color:#91abc9;
    font-size:13px;
    line-height:1.8;
}.three-col-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:24px;
    margin-bottom:80px;
}
.col-box{
    background:rgba(12,32,65,0.6);
    border:1px solid rgba(64,221,255,0.22);
    border-radius:16px;
    padding:26px 22px;
}
.col-box h4{
    color:#40ddff;
    font-size:20px;
    margin-bottom:20px;
}
.col-box ul li{
    color:#9db2cf;
    line-height:2;
    font-size:13px;
    margin-bottom:10px;
}
.col-box table{
    width:100%;
    border-collapse:collapse;
    font-size:12px;
}
.col-box table th{
    color:#fff;
    padding:10px 4px;
    border-bottom:1px solid rgba(255,255,255,0.12);
    text-align:left;
}
.col-box table td{
    padding:10px 4px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    color:#b6c8df;
}
.action-footer{
    text-align:center;
    padding:60px 20px;
    border-top:1px solid rgba(64,221,255,0.15);
}
.action-footer h2{
    font-size:36px;
    color:#fff;
    margin-bottom:10px;
}
.action-footer p{
    color:#8fa7c6;
    margin-bottom:35px;
}
.btn-group{
    display:flex;
    gap:20px;
    justify-content:center;
}
.blue-btn{
    height:48px;
    padding:0 32px;
    border-radius:8px;
    background:rgba(20,60,110,0.6);
    border:1px solid #40ddff;
    color:#40ddff;
    font-size:15px;
    cursor:pointer;
    transition:0.3s;
}
.blue-btn:hover{
    background:rgba(64,221,255,0.15);
    box-shadow:0 0 20px rgba(0,180,255,0.25);
}
.gold-btn{
    height:48px;
    padding:0 32px;
    border-radius:8px;
    background:linear-gradient(135deg,#ffd85a,#ff9900);
    border:none;
    color:#111;
    font-size:15px;
    cursor:pointer;
}
@media(max-width:1200px){
    .five-card-grid{
        grid-template-columns:repeat(3,1fr);
    }
    .value-grid{
        grid-template-columns:repeat(3,1fr);
    }
    .three-col-grid{
        grid-template-columns:1fr 1fr;
    }
    .page-container{
        padding:40px 24px;
    }
    .page-banner h2{
        font-size:40px;
    }
}
@media(max-width:768px){
    .five-card-grid{
        grid-template-columns:1fr;
    }
    .value-grid{
        grid-template-columns:1fr 1fr;
    }
    .three-col-grid{
        grid-template-columns:1fr;
    }
    .page-banner h2{
        font-size:32px;
    }
    .btn-group{
        flex-direction:column;
        align-items:center;
    }
}
.page-container {
    /* 深色网格背景，和首页视觉统一，解决纯黑单调 */
    background-image: 
        linear-gradient(rgba(64,221,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(64,221,255,0.04) 1px, transparent 1px);
    background-size: 40px 40px;
    background-repeat: repeat;
}
.page-banner {
    position: relative;
}
.page-banner::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(64,221,255,0.08) 0%, transparent 70%);
    top: -300px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.block-wrap {
    position: relative;
}
.block-wrap::before {
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(64,221,255,0.18), transparent);
    position: absolute;
    top: 0;
    left: 0;
}

.hero .top-btn-row {
  align-self: flex-start !important;
}
.top-btn-row {
  align-items: flex-start !important;
}
.top-btn-row .btn-card {
  align-self: flex-start !important;
  height: auto !important;
  min-height: auto !important;
}
/* ==========================
首页量化系统模块调整
========================== */


/* 上方6个策略卡 */

.system-modules{

    display:flex;
    gap:18px;

    width:90%;
    margin:auto;

}


.system-modules .module-card{


    height:260px;


    flex:1;


    padding:18px 12px;


    border-radius:15px;


    box-sizing:border-box;


}



/* 卡片文字缩小 */

.system-modules .module-card h3{

    font-size:18px;

}


.system-modules .module-card p{

    font-size:14px;

    line-height:1.6;

}





/* ==========================
下面按钮栏
========================== */


.top-btn-row{


    display:flex;


    gap:15px;


    width:90%;


    margin:25px auto;


    justify-content:flex-start;


}



.top-btn-row .btn-card{


    width:130px;


    height:55px;


    border-radius:10px;


    display:flex;


    justify-content:center;


    align-items:center;


    text-align:center;


}




/* 状态栏靠右 */

.status-group{

    margin-left:auto;

    display:flex;

    gap:15px;

}



.status-item{


    width:140px;

    height:55px;


    display:flex;

    justify-content:center;

    align-items:center;

}
/* 取消左侧6个卡片的纵向拉伸，高度随文字自适应 */
.top-btn-row{
  align-items:flex-start !important;
}
.top-btn-row .btn-card{
  align-self:flex-start !important;
  height:auto !important;
  min-height:auto !important;
  padding:8px 6px !important;
}
.module-card{

height:150px !important;

min-height:150px !important;

padding:15px !important;

}



.system-modules{

height:150px !important;

}



.module-card h3{

font-size:18px !important;

margin:10px 0 !important;

}



.module-card p{

font-size:13px !important;

margin:5px 0 !important;

}
/* license 首页导航统一覆盖 */

.navbar{
width:100% !important;
height:90px !important;
margin:0 !important;
padding:0 75px !important;

background:#020713 !important;

border:none !important;
border-radius:0 !important;

box-shadow:none !important;
}


.nav-actions button:first-child{

background:transparent !important;

border:1px solid #40ddff !important;

color:#40ddff !important;

box-shadow:
0 0 8px rgba(64,221,255,.8),
0 0 20px rgba(64,221,255,.5),
inset 0 0 12px rgba(64,221,255,.25) !important;

}
/* ==========================
   product 五大模块重新排版
========================== */


/* 五张卡整体 */

.five-card-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:24px;

    margin-top:45px;

    margin-bottom:60px;

}



/* 单个模块卡 */

.module-card{

    min-height:360px;

    padding:28px 22px;


    background:
    linear-gradient(
    145deg,
    rgba(15,35,70,.75),
    rgba(6,18,40,.85)
    );


    border:

    1px solid rgba(64,221,255,.25);


    border-radius:22px;


    transition:.3s;


}

/* 第一排三个核心能力 */

.five-card-grid .module-card:nth-child(1),
.five-card-grid .module-card:nth-child(2),
.five-card-grid .module-card:nth-child(3){

    grid-column:span 2;

}


/* 第二排两个辅助能力 */

.five-card-grid .module-card:nth-child(4),
.five-card-grid .module-card:nth-child(5){

    grid-column:span 3;

}

/* 鼠标悬浮 */

.module-card:hover{

    transform:translateY(-8px);


    box-shadow:

    0 0 35px rgba(64,221,255,.25);


    border-color:#40ddff;

}



/* 标题 */

.module-card h4{

    text-align:center;

    font-size:20px;

    color:#fff;

    margin-bottom:18px;

}



/* 层级标签 */

.module-card .pos-tag{

    text-align:center;

    color:#40ddff;

    font-size:14px;

    margin-bottom:25px;

}



/* 主文字 */

.module-card>p:not(.pos-tag):not(.bottom-label){

    color:#b8cae0;

    font-size:14px;

    line-height:2;

    text-align:center;

}



/* 两个功能点 */

.feature-list{

    margin-top:25px;

}


.feature-list p{

    color:#8fa7c6;

    font-size:13px;

    text-align:center;

    line-height:2;

}



/* 底部定位 */

.bottom-label{

    margin-top:25px;

    padding-top:15px;

    border-top:

    1px solid rgba(64,221,255,.15);


    color:#40ddff;

    text-align:center;

    font-size:14px;

}



/* 协同逻辑 */

.logic-bar{

    margin-top:40px;

    margin-bottom:100px;


    padding:22px;


    border-radius:18px;


    background:

    rgba(15,35,70,.55);


    border:

    1px solid rgba(64,221,255,.2);


    color:#40ddff;


    text-align:center;

    font-size:18px;

}


/* 核心价值 */

.value-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:28px;

    margin-top:40px;

}



.value-item{

    padding:28px 20px;

    min-height:150px;


    background:

    rgba(15,35,70,.55);


    border:

    1px solid rgba(64,221,255,.2);


    border-radius:18px;

}



.value-item h5{

    color:#40ddff;

    font-size:18px;

    margin-bottom:15px;

}



.value-item p{

    color:#b8cae0;

    line-height:1.8;

    font-size:14px;

}



/* 屏幕适配 */

@media(max-width:1300px){

.five-card-grid{

grid-template-columns:repeat(3,1fr);

}


.value-grid{

grid-template-columns:repeat(3,1fr);

}

}



@media(max-width:800px){

.five-card-grid,

.value-grid{

grid-template-columns:1fr;

}

}
/* ==========================
 product页面五大模块独立样式
 不影响其它页面
========================== */


.product-page .five-card-grid{

    display:flex;

    justify-content:center;

    gap:35px;

    margin-top:70px;

    margin-bottom:80px;

}



.product-page .module-card{

    width:260px;

    min-height:430px !important;

    height:auto !important;

    padding:35px 28px !important;

    box-sizing:border-box;

}



.product-page .module-card p{

    font-size:15px !important;

    line-height:2 !important;

    margin:12px 0 !important;

}
/* ==========================
 product页面五大模块高度统一
 只影响product页面
========================== */

.product-page .five-card-grid{
    align-items:stretch;
}


.product-page .five-card-grid .module-card{

    height:580px !important;

    min-height:580px !important;

    box-sizing:border-box;

}
/* ===== 只调整底部版权区域 ===== */

/* 飓擎EA标题 */
.product-page .footer h2{
    color:#ffd85a !important;
    font-size:28px !important;
    font-weight:800 !important;
}


.product-page .footer span{
    color:#40ff88 !important;
}


.product-page .server-desc{
    display:block !important;
    margin-top:8px !important;
    color:#8fa7c6 !important;
}


.product-page .copyright{
    margin-top:15px !important;
    text-align:center !important;
    color:#7186a5 !important;
}
/* =========================
   手机端适配
   不影响电脑端
========================= */

@media (max-width: 768px){

    /* 防止横向撑开 */
    html,body{
        width:100%;
        overflow-x:hidden;
    }


    /* 顶部导航手机化 */
    .navbar{
        flex-direction:column;
        height:auto;
        padding:15px;
    }


    .navbar nav{
        display:none;
    }


    .nav-actions{
        display:none;
    }


    /* logo缩小 */
    .logo-area h2{
        font-size:22px;
    }

    .logo-area p{
        font-size:10px;
    }



    /* 主标题区域 */
    h1,
    h2{
        font-size:32px;
        line-height:1.3;
    }


    /* 所有大盒子手机变单列 */
    .container,
    .section,
    .features,
    .cards,
    .modules{

        width:100%;
        display:block;
    }



    /* 五大模块这种横排改竖排 */
    .module,
    .card{

        width:90%;
        margin:20px auto;

    }



    /* 图片不要超屏 */
    img{

        max-width:100%;
        height:auto;

    }



    /* 文字不要被挤成一条 */
    p{

        font-size:16px;
        line-height:1.8;

    }

}这个我在每个css下面都加了