/* ============================================================
 * H5 专属补充样式（**唯一需要手写的一份**）
 *
 * 这里只放「小程序组件自带、网页里没有」的机制翻译，不放任何视觉口径：
 *   · <scroll-view scroll-x> → 一个 overflow-x:auto 的 div
 *   · <scroll-view scroll-y> → overflow-y:auto
 *   · <a> 当卡片用           → 去掉下划线/默认蓝色/点击高亮
 *   · <canvas> 的 DPR        → 由 app.js 设置 width/height 属性
 * 视觉样式全部在 app.css（从 app.wxss 生成），别在这里改颜色尺寸。
 * ============================================================ */

/* 品牌区：两行横向滑动的容器（小程序里是 <scroll-view class="brand-scroll" scroll-x>） */
.brand-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

/* 型号列表：小程序里是 <scroll-view scroll-y>，可见高度由 .mlist 的 max-height 定 */
.mlist {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 当卡片用的链接：外观完全交给 .chip / .mrow / .spec / .tab / .srcchip / .footlink */
a {
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
a:visited { color: inherit; }

/* 可点元素的指针（桌面浏览器上让「能点」看得出来） */
.chip, .mrow, .spec, .tab, .srcchip, .lgi, .footlink { cursor: pointer; }

/* 走势图画布：位图尺寸由 JS 按 dpr 设，这里只保证不被行内样式撑歪 */
.chartbox canvas { display: block; width: 100%; height: 4rem; }

/* 隐藏滚动条（品牌区 / 型号列表；iOS 上本来就不显示，桌面浏览器会露出灰条） */
.brand-scroll::-webkit-scrollbar,
.mlist::-webkit-scrollbar { width: 0; height: 0; }

/* 搜索结果为空时的提示行 */
.mrow.mrow-none { justify-content: center; color: var(--ink-3); font-size: 0.24rem; }

/* 货源 chip 的容器：小程序里是 wx:for 直接摊在 .srcline 这行 flex 里，
   网页里 JS 需要个父节点临时插内容 —— display:contents 让它「不生成盒子」，
   子项照样参与 .srcline 的 flex 布局（否则一行 chip 会竖着排）。 */
#srcchips { display: contents; }