/* 首页四个功能 */
.quad{
  display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
  margin-top:14px;padding:18px 8px;
  border-radius:20px;background:var(--bg-2);
}
.quad button{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .18s;}
.quad button:active{transform:scale(.93);}
.quad svg{width:24px;height:24px;stroke:var(--ink-2);stroke-width:1.6;}
.quad span{font-size:11.5px;color:var(--ink-2);}
/* 购物车角标：有货才出现 */
.quad .badge{
  position:absolute;top:-7px;left:calc(50% + 5px);
  min-width:16px;height:16px;padding:0 4px;border-radius:999px;
  display:none;align-items:center;justify-content:center;
  background:var(--red);color:#fff;font-size:9.5px;font-weight:600;letter-spacing:0;
  box-shadow:0 2px 7px -2px rgba(229,72,77,.9);
}
.quad .badge.on{display:flex;}

.strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;}
.strip::-webkit-scrollbar{display:none;}
.strip .mini{flex:0 0 128px;}