/* =================================================
 MOBILE FINAL VERSION【合并去重完整版】
 只影响手机 | 无重复媒体查询 | 导航按钮自适应文字
================================================= */
@media(max-width:768px){
*{
box-sizing:border-box!important;
}
html,
body{
width:100%!important;
overflow-x:hidden!important;
}

/* ===================== 顶部导航 ===================== */
.navbar{
height:82px!important;
width:100%!important;
padding:0 12px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
position:relative!important;
z-index:9999!important;
margin-bottom:20px!important;
}
.logo-area{
display:flex!important;
align-items:center!important;
flex-shrink:1!important;
max-width:150px!important;
min-width:0!important;
}
.logo-symbol{
width:40px!important;
height:40px!important;
}
.logo-area h2{
font-size:18px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.logo-area p{
font-size:9px!important;
white-space:nowrap!important;
}
.navbar nav{
display:flex!important;
overflow-x:auto!important;
gap:12px!important;
max-width:none!important;
flex-shrink:0!important;
}
.navbar nav a{
font-size:11px!important;
white-space:nowrap!important;
}
.nav-actions{
display:flex!important;
align-items:center!important;
gap:6px!important;
margin-left:auto!important;
flex-shrink:0!important;
}
/* 登录后台按钮 自适应宽度 */
.nav-actions button:first-child{
display:block!important;
height:36px!important;
font-size:10px!important;
padding:0 8px!important;
white-space:nowrap!important;
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(80,170,255,.5)!important;
color:white!important;
min-width:unset!important;
width:auto!important;
}
/* 申请授权按钮 和左边内边距统一 */
.nav-actions .gold-btn{
height:36px!important;
font-size:11px!important;
padding:0 8px!important;
white-space:nowrap!important;
min-width:unset!important;
width:auto!important;
}

/* ===================== 首页 HERO ===================== */
.hero{
width:100%!important;
padding:35px 18px!important;
display:block!important;
overflow:hidden!important;
}
.hero-info{
width:100%!important;
}
.system-tag{
font-size:10px!important;
margin-bottom:20px!important;
}
.hero-info h1{
font-size:46px!important;
line-height:1.15!important;
}
.hero-info h3{
font-size:22px!important;
line-height:1.4!important;
}
.feature-mini{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
}
.feature-mini span{
font-size:12px!important;
padding:10px 5px!important;
text-align:center!important;
}
.hero-info p{
font-size:14px!important;
line-height:1.8!important;
}
.hero-buttons{
display:flex!important;
gap:10px!important;
}
.hero-buttons button{
flex:1!important;
height:48px!important;
}

/* ===================== 数据指标 ===================== */
.data-panel{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
margin-top:25px!important;
}
.data-panel div{
width:100%!important;
height:85px!important;
}

/* ===================== 实时量化交易终端 ===================== */
.quant-terminal{
display:block!important;
width:100%!important;
overflow:visible!important;
position:relative!important;
padding:0 18px 24px!important;
z-index:2!important;
height:auto!important;
min-height:420px!important;
margin-bottom:50px!important;
}
.quant-terminal img,
.quant-terminal canvas,
.quant-terminal svg{
max-width:100%!important;
position:relative!important;
z-index:3!important;
height:auto!important;
max-height:320px!important;
}
/* 底部策略按钮深色外层容器 */
.quant-terminal .strategy-btn-wrap{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(4, 1fr)!important;
gap:8px!important;
padding:12px!important;
background:#142236!important;
border-radius:14px!important;
margin-top:16px!important;
}
.quant-terminal .strategy-btn{
width:100%!important;
padding:10px 4px!important;
text-align:center!important;
font-size:12px!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
border-radius:10px!important;
}
.quant-terminal .terminal-box,
.quant-terminal .market-box,
.quant-terminal .price-box{
width:100%!important;
overflow:visible!important;
}
.quant-terminal .market-list,
.quant-terminal .price-list{
display:grid!important;
grid-template-columns:repeat(3, minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
}
.quant-terminal .market-card,
.quant-terminal .price-card{
min-width:0!important;
width:100%!important;
overflow:hidden!important;
}
.quant-terminal h3,
.quant-terminal span,
.quant-terminal p{
white-space:normal!important;
overflow-wrap:break-word!important;
}
.quant-terminal .market-card:last-child{
margin-right:0!important;
}

/* ===================== 五策略协同 ===================== */
.system-modules{
width:100%!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:15px!important;
height:auto!important;
min-height:auto!important;
overflow:visible!important;
margin:60px 0 45px!important;
padding:0 18px 20px!important;
position:relative!important;
z-index:5!important;
clear:both!important;
}
.system-modules::before{
content:"";
display:block;
height:20px;
}
.module-card{
width:100%!important;
min-height:150px!important;
height:auto!important;
padding:25px 18px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
overflow:hidden!important;
position:relative!important;
z-index:6!important;
}
.module-card:nth-child(n+5){
margin-bottom:20px!important;
}
.module-card h3{
font-size:22px!important;
line-height:1.5!important;
white-space:normal!important;
word-break:normal!important;
}
.module-card p{
font-size:14px!important;
line-height:1.7!important;
}

/* ===================== 系统核心优势 ===================== */
.main-wrap{
width:auto!important;
margin:40px 18px!important;
display:flex!important;
flex-direction:column!important;
gap:60px!important;
}
.left-advantage,
.right-panel{
width:100%!important;
position:relative!important;
}
.left-advantage{
margin-bottom:40px!important;
}
.left-advantage h2{
font-size:30px!important;
line-height:1.3!important;
margin-bottom:30px!important;
}
.adv-item{
width:100%!important;
min-height:120px!important;
padding:20px!important;
margin-bottom:18px!important;
overflow:hidden!important;
}
.adv-item h4{
font-size:20px!important;
}
.adv-item p{
font-size:14px!important;
line-height:1.7!important;
}

/* ===================== 策略实时表现 ===================== */
.right-panel{
overflow:visible!important;
min-height:600px!important;
padding-bottom:40px!important;
margin-top:50px!important;
margin-bottom:60px!important;
clear:both!important;
z-index:2!important;
}
.right-inner{
width:100%!important;
padding:18px!important;
overflow:visible!important;
}
.right-panel h3{
margin-top:25px!important;
margin-bottom:25px!important;
}
.line{
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:8px!important;
font-size:13px!important;
}
.chart-box{
width:100%!important;
height:260px!important;
min-height:260px!important;
overflow:visible!important;
padding-bottom:30px!important;
}
.chart-box canvas,
.chart-box svg{
width:100%!important;
height:220px!important;
max-width:100%!important;
display:block!important;
}

/* ===================== 授权服务区域 ===================== */
.service-area{
width:100%!important;
display:flex!important;
flex-direction:column!important;
gap:25px!important;
padding:30px 18px!important;
}
.service-card{
width:100%!important;
min-height:auto!important;
margin:0!important;
overflow:hidden!important;
}
.service-card h2{
font-size:26px!important;
line-height:1.3!important;
}
.service-card p,
.service-card li{
font-size:14px!important;
line-height:1.7!important;
}

/* ===================== footer ===================== */
.footer-info{
display:flex!important;
flex-direction:column!important;
gap:25px!important;
padding:30px 20px!important;
}

/* 全局父容器防裁剪 */
section,
.hero,
.main-wrap{
overflow:visible!important;
height:auto!important;
min-height:auto!important;
}
}

/* ===================== 小屏手机 390px ===================== */
@media(max-width:390px){
.hero-info h1{
font-size:40px!important;
}
.nav-actions button:first-child{
font-size:9px!important;
padding:0 6px!important;
}
.nav-actions .gold-btn{
font-size:10px!important;
padding:0 6px!important;
}
.module-card h3{
font-size:20px!important;
}
.left-advantage h2{
font-size:26px!important;
}
.chart-box{
height:230px!important;
}
.chart-box canvas,
.chart-box svg{
height:220px!important;
}
/* 极小屏策略按钮2列布局 */
.quant-terminal .strategy-btn-wrap{
grid-template-columns:repeat(2,1fr)!important;
}
/* 五策略单列 */
.system-modules{
grid-template-columns:1fr!important;
}
.module-card{
height:140px!important;
}
.quant-terminal{
min-height:380px!important;
margin-bottom:40px!important;
}
.system-modules{
margin-top:50px!important;
}
}