/* v10.4 手机端优化：首屏压缩、代币化卡片数据格、详情页抽屉。仅 ≤760px 生效，不影响桌面。 */
@media(max-width:760px){
/* ① 首屏：让榜单更早出现 */
.hero .wrap{padding-block:10px 6px!important}
.hero .eyebrow{margin-bottom:2px;font-size:12px;gap:8px}
.hero h1{font-size:21px!important;line-height:1.25;margin:0 0 2px}
.hero #hero-text p{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.hero-top{gap:6px!important}
.ads{padding:0 16px 2px!important}
.stats{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-top:6px!important;border-radius:10px}
.stats::-webkit-scrollbar{display:none}
.stat{flex:0 0 auto;min-width:108px;padding:6px 12px!important;border-top:0!important;border-left:1px solid var(--line)!important}
.stat:first-child{border-left:0!important}
.stat b{font-size:15px;white-space:nowrap}
.stat small{font-size:11px;white-space:nowrap}
.ai-steps{display:none!important}
.ai-strip{padding:8px 12px!important;gap:6px 10px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"head go"!important;align-items:center}
.ai-chips{display:none!important}
.ai-head{grid-area:head;min-width:0}
.ai-go{grid-area:go}
.ai-ht b{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

/* ② 悬浮按钮缩小，少挡数据 */
.ai-fab{height:36px!important;padding:0 12px!important;font-size:13px!important;bottom:16px!important}
.ai-fab span{font-size:0}
.ai-fab span:after{content:"AI";font-size:13px}
#totop{bottom:62px!important;width:36px;height:36px}

/* ③ 代币化卡片：第二行 4 列等宽对齐；底部一行「渗透率 + 近 30 日走势」 */
.m .sub2{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 6px!important;margin-top:2px}
.m .sub2 span{min-width:0;white-space:nowrap}
.m .sub2 span b{overflow:hidden;text-overflow:ellipsis}
.m .sub3{justify-content:space-between!important;align-items:center;margin-top:0;min-height:0}
.m .sub3 .fxp{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg2);white-space:nowrap}
.m .sub3 .fxp b{color:var(--fg);font-weight:500}
.m .sub3 i.fxb{display:block;width:56px;height:4px;margin:0!important;border-radius:2px;background:#e8edf5;overflow:hidden}
.m .sub3 i.fxb u{display:block;height:100%;background:var(--accent,#2a62f5);border-radius:2px}
.m .sub3 svg.sp{margin-left:auto;width:76px!important;height:22px!important}
.m .sub2 span:last-child{text-align:right}

/* ④ 详情页抽屉 */
.dr-x{height:34px!important;margin:6px 10px 0 auto!important;padding:0 12px!important}
.dr-x:after{font-size:13px!important}
.fx-ser,.fx-seg,.fx-tg{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fx-ser::-webkit-scrollbar,.fx-seg::-webkit-scrollbar,.fx-tg::-webkit-scrollbar{display:none}
.fx-ser button,.fx-seg button,.fx-tg button{flex:none;white-space:nowrap}
.fx-bar{display:block!important}
.fx-bar>*{margin-bottom:6px}
.fx-cvbox{height:260px!important}
.fx-tw{background:linear-gradient(90deg,#fff 30%,#fff0),linear-gradient(270deg,#fff 30%,#fff0) 100% 0,radial-gradient(farthest-side at 0 50%,#0002,#0000),radial-gradient(farthest-side at 100% 50%,#0002,#0000) 100% 0;background-repeat:no-repeat;background-size:30px 100%,30px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}
.fx-fin dd .mute{white-space:nowrap}
.fx-flow .dn~*{margin-top:10px}
}