/* ============================================================
   X1 DESIGN SYSTEM · responsive.css
   细分断点微调 + 组件在窄屏的表现
   ============================================================ */

/* 超窄手机 */
@media (max-width: 380px) {
  :root { --x1-content-max: 100%; }
  .x1-btn--lg { height: 44px; }
  .x1-modal { max-width: 96%; }
  .x1-card { padding: var(--x1-space-4); }
}

/* 中等手机 */
@media (max-width: 480px) {
  .x1-grid--4 { grid-template-columns: repeat(2, 1fr) !important; }
  .x1-table-min { min-width: 480px; }
  .x1-toast { font-size: var(--x1-font-size-sm); }
}

/* 平板竖 */
@media (min-width: 481px) and (max-width: 768px) {
  .x1-grid--4 { grid-template-columns: repeat(2, 1fr) !important; }
}

/* 通用：限制超长数字不换行 */
.price-cell, .num { white-space: nowrap; }

/* 表格横向滚动安全区 */
.x1-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }