/* =====================================================
   手机端适配
   不影响电脑端布局
===================================================== */

@media(max-width:768px){


/* =====================
   全局
===================== */

html,
body{

width:100%;
overflow-x:hidden;

}


*{

box-sizing:border-box;

}



/* =====================
   手机导航
===================== */


.navbar{

display:flex!important;

height:70px!important;

padding:10px 15px!important;

align-items:center!important;

}



.navbar nav{

display:none!important;

}



.logo-area{

display:block!important;

}



.nav-actions{

display:flex!important;

position:static!important;

}



.nav-actions button{

font-size:12px!important;

padding:8px!important;

}



/* =====================
   首页 Hero
===================== */


.hero{

display:flex!important;

flex-direction:column!important;

width:100%!important;

}



.hero-info{

width:100%!important;

height:auto!important;

padding:30px 20px!important;

position:relative!important;

text-align:center!important;

overflow:hidden!important;

}



.blue-earth,
.earth-ring{

display:none!important;

}



.system-tag{

font-size:14px!important;

margin:20px 0!important;

}



.hero-info h1{

font-size:38px!important;

line-height:1.2!important;

white-space:normal!important;

}



.hero-info h3{

font-size:24px!important;

}



.hero-info p{

font-size:15px!important;

line-height:1.8!important;

text-align:left!important;

}



/* 标签 */

.feature-mini{

display:flex!important;

flex-wrap:wrap!important;

justify-content:center!important;

gap:10px!important;

}



.feature-mini span{

width:auto!important;

}



/* 按钮 */

.hero-buttons{

display:flex!important;

width:100%!important;

gap:15px!important;

}



.hero-buttons button{

flex:1!important;

}



/* 数据 */

.data-panel{

display:grid!important;

grid-template-columns:1fr 1fr!important;

gap:15px!important;

}



/* =====================
   隐藏电脑右侧终端
===================== */


.quant-terminal{

display:none!important;

}



/* =====================
   普通卡片区域
===================== */


.cards,
.features,
.modules,
.section{

width:100%!important;

display:flex!important;

flex-direction:column!important;

}



.card,
.module,
.feature-box{

width:90%!important;

height:auto!important;

margin:20px auto!important;

position:relative!important;

}



/* =====================
   五大协同模块
===================== */


.five-card-grid{

display:flex!important;

flex-direction:column!important;

gap:20px!important;

padding:20px 0!important;

}



.module-card{

width:90%!important;

margin:0 auto!important;

height:auto!important;

padding:25px 20px!important;

}



/* =====================
   核心价值
===================== */


.value-grid{

display:flex!important;

flex-direction:column!important;

}



.value-item{

width:90%!important;

margin:15px auto!important;

}



/* =====================
   量化系统页面
===================== */


.quant-section,
.quant-area{

width:100%!important;

overflow:hidden!important;

}



.quant-section h1,
.quant-area h1{

font-size:36px!important;

text-align:center!important;

}



.quant-section p,
.quant-area p{

font-size:16px!important;

line-height:1.8!important;

}



/* =====================
   服务区域
===================== */


.service-area{

display:flex!important;

flex-direction:column!important;

align-items:center!important;

}



.service-card{

width:90%!important;

height:auto!important;

margin:20px auto!important;

}



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


.footer-info{

display:flex!important;

flex-direction:column!important;

align-items:center!important;

width:100%!important;

text-align:center!important;

}



.footer-brand,
.footer-column,
.footer-qrcode-wrap{

width:90%!important;

margin:20px auto!important;

text-align:center!important;

}



.footer-column a{

display:block!important;

margin:12px 0!important;

}




/* =====================
   取消竖排文字
   只针对明确模块
===================== */


.system-core,
.advantages,
.core-item,
.module-item{

writing-mode:horizontal-tb!important;

white-space:normal!important;

}



}
/* =====================================================
   全站手机基础适配
   不影响电脑
===================================================== */

@media(max-width:768px){


/* 页面主体 */

body{

    width:100%;
    overflow-x:hidden;

}



/* 所有主要容器 */

.page-container,
.section,
.container,
.content,
.main{

    width:100%!important;

    max-width:100%!important;

    padding-left:15px!important;

    padding-right:15px!important;

}



/* 所有网格自动单列 */

.two-col-grid,
.three-col-grid,
.grid,
.card-grid,
.feature-grid,
.module-grid{

    display:flex!important;

    flex-direction:column!important;

    gap:20px!important;

}



/* 通用卡片 */

.block-card,
.col-box,
.card,
.module,
.service-card,
.feature-box,
.module-card{

    width:100%!important;

    max-width:100%!important;

    height:auto!important;

    margin:15px 0!important;

}



/* 标题缩小 */

h1{

    font-size:32px!important;

}


h2{

    font-size:26px!important;

}


h3{

    font-size:20px!important;

}



/* 导航 */

.navbar{

    padding:10px 15px!important;

}


.navbar nav{

    display:none!important;

}



/* 按钮 */

button{

    max-width:100%;

}



/* 图片 */

img,
svg{

    max-width:100%;

    height:auto;

}



/* footer */

.footer-info{

    display:flex!important;

    flex-direction:column!important;

    width:100%!important;

}



.footer-brand,
.footer-column,
.footer-qrcode-wrap{

    width:100%!important;

    text-align:center;

}


}