/* 数量输入框（跨端共用组件样式，商品详情 / 购物车等页面都会用到）
   宽度按输入位数自适应：由 JS 按位数设置 ch 宽度，这里不写死固定宽度 */

.qty-group { width: auto; flex: 0 0 auto; }
.qty-input {
    width: 2ch;
    min-width: 1.5ch;
    padding-left: .35rem;
    padding-right: .35rem;
    flex: 0 0 auto;
    /* 关键：Bootstrap 全局是 border-box，JS 按位数设的 ch 宽度会被左右 padding 吃掉，
       导致位数变多宽度却不变。这里改回 content-box，width 只算内容区 */
    box-sizing: content-box;
}
/* 隐藏 number 输入框自带的上下微调箭头（与左右加减按钮功能重复） */
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty-input { -moz-appearance: textfield; appearance: textfield; }