/* =================================================
 MOBILE FINAL VERSION【合并去重完整版】
 只影响手机 | 无重复媒体查询 | 导航按钮自适应文字
================================================= */
@media(max-width:768px){
/* ===================== 实时量化交易终端 价格文字缩小防止溢出 ===================== */
.quant-terminal .market-card h4,
.quant-terminal .market-card .num,
.quant-terminal .market-card .percent{
    font-size: 2px !important;
    line-height:1.2!important;
}
.quant-terminal .market-card{
    padding:10px 6px!important;
}
*{
box-sizing:border-box!important;
}
html,
body{
width:100%!important;
overflow-x:hidden!important;
}

/* ===================== 顶部导航 ===================== */
/* =====================
顶部导航：保持原结构，按钮不压logo，导航可滑动
===================== */

.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: 0 !important;
    max-width: 140px !important;
    min-width: 140px !important;
    width: 140px !important;
}

.logo-symbol {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !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;
}

/* 中间导航栏：可横向滑动，不压logo，不挤按钮 */
.navbar nav {
    display: flex !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 16px !important;
    padding: 0 12px !important;
    margin: 0 auto !important;
    max-width: calc(100% - 280px) !important;
    flex-shrink: 1 !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
}

.navbar nav a {
    font-size: 11px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 右侧按钮区：两个小方框，不压缩 */
.nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    min-width: 160px !important;
    justify-content: flex-end !important;
}

/* 登录后台：小方框，保留边框 */
.nav-actions button:first-child {
    display: block !important;
    height: 36px !important;
    font-size: 10px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(80, 170, 255, 0.5) !important;
    color: white !important;
    border-radius: 6px !important;
    min-width: 72px !important;
    width: auto !important;
    flex-shrink: 0 !important;
}

/* 申请授权：金色小方框，保留按钮圈 */
.nav-actions .gold-btn {
    height: 36px !important;
    font-size: 11px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
    min-width: 72px !important;
    width: auto !important;
    flex-shrink: 0 !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;
}
/* ===================== AI策略状态模块（适配你的 .ai-status HTML） ===================== */
.ai-status{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0,1fr))!important;
    gap:8px!important;
    padding:12px!important;
    background:#142236!important;
    border-radius:14px!important;
    margin-top:16px!important;
    overflow:hidden!important;
}
.ai-status > div{
    width:100%!important;
    min-height:72px!important;
    padding:8px 4px!important;
    text-align:center!important;
    font-size:12px!important;
    overflow:hidden!important;
    white-space:normal!important;
    border-radius:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    line-height:1.45!important;
}
.ai-status > div b{
    margin-top:4px!important;
    font-size:14px!important;
    color:#40ddff!important;
}
/* ===================== AI策略状态模块 结束 ===================== */

/* 下面继续保留你原有的：实时量化交易终端、五策略协同...所有剩余代码不动 */
.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{
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;
    /* minmax(0,1fr) 强制四等分，不会被文字撑变形，核心修复 */
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:8px!important;
    padding:12px!important;
    background:#142236!important;
    border-radius:14px!important;
    margin-top:16px!important;
    overflow:hidden!important;
}
.quant-terminal .strategy-btn{
    width:100%!important;
    height:100%!important;
    min-height:70px!important;
    padding:8px 6px!important;
    text-align:center!important;
    font-size:12px!important;
    overflow:hidden!important;
    /* 关键：允许文字自动换行，取消强制单行 */
    white-space:normal!important;
    border-radius:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    line-height:1.4!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;
}
.ai-status{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
}
}