/* ============================================================
   迅踏 · 响应式适配（移动 / 平板 / PC 通用，APP 形态）
   仅做增量覆盖，不改动原有组件样式。引入后商城与工作台
   在手机、平板、桌面均可正常操作。
   ============================================================ */

/* 图片与表格默认不溢出 */
img { max-width: 100%; }
.card img, .product-card img { max-width: 100%; }

/* 通用：窄屏下多列表格可横向滚动，避免撑破布局 */
.table-wrap, table.wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
table { max-width: 100%; }

/* 触屏更友好的点按区域 */
.btn { min-height: 38px; }
button, .wb-mod, a.card { -webkit-tap-highlight-color: transparent; }

/* ---------- 商城（index.html） ---------- */
/* 顶栏：桌面为横向，移动端允许换行并吸顶，避免遮挡内容 */
@media (max-width: 1024px) {
  .topbar { position: sticky; top: 0; z-index: 40; }
  .topbar-inner { flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
  .topbar-right { flex-wrap: wrap; gap: 8px; width: 100%; }
  /* 身份切换（批发/大宗客户核心入口）在移动端保持完整可见 */
  .buyer-switch { order: 3; flex: 1 1 100%; justify-content: center; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .brand-name small { display: none; }
  .topbar-right .btn-ghost { display: none; }            /* 收起次要链接，只留购物车 */
  .topbar-right .btn-primary { margin-left: auto; }
  .grid-2 { grid-template-columns: 1fr; }
  .view { padding: 0 10px; }
  .wb-content, .footer-inner { padding-left: 12px; padding-right: 12px; }
  .product-card { min-width: 0; }
}

/* ---------- 工作台（work.html） ---------- */
@media (max-width: 1024px) {
  .wb-content { padding: 16px 14px 48px; }
}
@media (max-width: 560px) {
  .wb-topbar { padding: 0 12px; gap: 8px; }
  .wb-top-title { font-size: 15px; }
  .wb-top-title small { display: none; }
  .wb-content { padding: 12px 10px 40px; }
  .wb-stat .v { font-size: 22px; }
  .ov-panel { width: 100%; max-width: 100vw; }
}
/* 适配刘海屏 / 全面屏安全区（APP 内嵌时生效） */
@supports (top: env(safe-area-inset-top)) {
  .topbar, .wb-topbar { padding-top: calc(8px + env(safe-area-inset-top)); }
  .wb-sidebar { padding-bottom: env(safe-area-inset-bottom); }
  .site-footer { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
}