/* 移动端（m.html）全局样式：Vant 组件 + 自定义壳层 */
:root { --mob-primary: #1677ff; }

html, body, #app { height: 100%; }
body { background: var(--el-fill-color-light); }

/* 页面容器：顶部导航 + 滚动内容 + 底部 tabbar */
.mob-page { min-height: 100%; padding-bottom: calc(50px + env(safe-area-inset-bottom)); box-sizing: border-box; }

/* 通用卡片 */
.mob-card { background: #fff; border-radius: 10px; margin: 10px 12px; padding: 12px 14px; }
.mob-card__title { font-size: 15px; font-weight: 600; }
.mob-card__desc { font-size: 12px; color: #909399; margin-top: 2px; }

/* 首页 */
.mob-hero { background: linear-gradient(135deg, var(--mob-primary), #69b4ff); color: #fff; padding: 18px 16px 46px; }
.mob-hero__title { font-size: 20px; font-weight: 700; }
.mob-hero__sub { font-size: 12px; opacity: .85; margin-top: 4px; }
.mob-hero .van-search { margin-top: 12px; border-radius: 8px; overflow: hidden; padding: 0; }
.mob-grid { margin: -34px 12px 0; }
.mob-ship-pic { width: 100%; height: 130px; border-radius: 8px; object-fit: cover; background: var(--el-fill-color); display: block; }

/* 订单卡片 */
.mob-order-status { float: right; font-size: 12px; }
.mob-order-fee { text-align: right; margin-top: 6px; font-size: 13px; }
.mob-order-fee b { color: #ee0a24; font-size: 15px; }
.mob-empty { padding: 40px 0; text-align: center; color: #909399; font-size: 13px; }