/* V130：只调整右侧盘口“价格 / 数量”的距离，其他整体不动 */

/* 行情行：价格左、数量右，中间增加明显留白 */
.no_touch.appContent .deep-data .font-26{
  display:grid!important;
  grid-template-columns:minmax(62px,1fr) minmax(48px,.72fr)!important;
  column-gap:16px!important;
  align-items:center!important;
}

.no_touch.appContent .deep-data .font-26 > div:first-child{
  min-width:0!important;
  text-align:left!important;
  justify-self:start!important;
  white-space:nowrap!important;
}

.no_touch.appContent .deep-data .font-26 > div:last-child{
  min-width:0!important;
  text-align:right!important;
  justify-self:end!important;
  white-space:nowrap!important;
}

/* 顶部“价格 / 数量”标题与数据列完全对齐 */
.no_touch.appContent .deep-data > .flex.justify-between.text-grey{
  display:grid!important;
  grid-template-columns:minmax(62px,1fr) minmax(48px,.72fr)!important;
  column-gap:16px!important;
  align-items:end!important;
}

.no_touch.appContent .deep-data > .flex.justify-between.text-grey > div:first-child{
  text-align:left!important;
  justify-self:start!important;
}

.no_touch.appContent .deep-data > .flex.justify-between.text-grey > div:last-child{
  text-align:right!important;
  justify-self:end!important;
}

/* 盘口区域本身稍微给两边留呼吸空间 */
.no_touch.appContent .deep-data{
  padding-left:2px!important;
  padding-right:3px!important;
}

/* 小屏仍保留距离，不重新挤在一起 */
@media(max-width:390px){
  .no_touch.appContent .deep-data .font-26,
  .no_touch.appContent .deep-data > .flex.justify-between.text-grey{
    grid-template-columns:minmax(56px,1fr) minmax(43px,.70fr)!important;
    column-gap:12px!important;
  }
}