/* ===============================
 手机端重新布局
 不影响电脑
=============================== */


@media(max-width:768px){


html,
body{

width:100%;
overflow-x:hidden;

}



*{

box-sizing:border-box;

}



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


.navbar{

height:70px!important;

display:flex!important;

align-items:center!important;

justify-content:space-between!important;

padding:10px 15px!important;

position:relative!important;

}



.logo-area{

width:auto!important;

}



.logo-area img{

max-width:45px!important;

}



.navbar nav{

display:none!important;

}



.nav-actions{

display:flex!important;

gap:8px!important;

position:static!important;

}



.nav-actions button{

font-size:12px!important;

padding:8px 12px!important;

height:auto!important;

}



/* =====================
所有绝对定位取消
===================== */


.hero *,
.features *,
.modules *,
.cards *,
.value-grid *,
.quant-section *,
.service-area *,
.page-container *{


}



/* 取消危险定位 */

.card,
.module-card,
.value-item,
.feature-box,
.quant-card,
.service-card,
.five-card,
.core-item{


position:relative!important;

top:auto!important;

left:auto!important;

right:auto!important;

bottom:auto!important;

transform:none!important;

}



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


.hero{


display:flex!important;

flex-direction:column!important;

height:auto!important;

width:100%!important;

}



.hero-info{


width:100%!important;

height:auto!important;

padding:30px 20px!important;

text-align:center!important;


}



.hero-info h1{

font-size:32px!important;

line-height:1.3!important;

}



.hero-info h3{

font-size:22px!important;

}



.hero-info p{

font-size:15px!important;

text-align:center!important;

}



.hero-buttons{

display:flex!important;

flex-direction:column!important;

gap:15px!important;

}



.hero-buttons button{

width:100%!important;

}



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


.five-card-grid,
.modules,
.cards{


display:flex!important;

flex-direction:column!important;

width:100%!important;

gap:20px!important;

}



.module-card,
.card,
.feature-box{


width:92%!important;

height:auto!important;

min-height:220px!important;

margin:0 auto!important;


}



/* 取消竖排 */


.module-card *,
.card *,
.feature-box *,
.value-item *,
.core-item *
{


writing-mode:horizontal-tb!important;

text-orientation:mixed!important;

white-space:normal!important;

}



/* 标题 */

.module-card h2,
.card h2,
.feature-box h2{


font-size:24px!important;

line-height:1.4!important;

}



.module-card p,
.card p,
.feature-box p{


font-size:15px!important;

line-height:1.8!important;

}



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


.value-grid{


display:flex!important;

flex-direction:column!important;

}



.value-item{


width:90%!important;

margin:15px auto!important;

height:auto!important;


}



/* ======================
数据采集
====================== */


.data-panel,
.quant-area,
.quant-section{


width:100%!important;

display:flex!important;

flex-direction:column!important;

}



.quant-card{


width:90%!important;

margin:20px auto!important;


}



/* ======================
授权方案页面
====================== */


.page-banner{


padding:40px 20px!important;

text-align:center!important;

}



.page-banner h1{


font-size:34px!important;


}



.page-banner p{


font-size:16px!important;

line-height:1.8!important;


}



/* 顶部按钮恢复 */


.nav-actions button{

display:block!important;

}



/* ======================
footer
====================== */


.footer-info{


display:flex!important;

flex-direction:column!important;

align-items:center!important;

}



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


width:90%!important;

text-align:center!important;

}



}