.st{white-space:nowrap}

/* 横滑药丸：数量不定、可滚动（社区分类、记录类型筛选） */
.st-pill{padding:0 0 var(--sp-4)}
.st-pill .st-item{
  display:inline-block;height:var(--h-sm);line-height:var(--h-sm);padding:0 var(--sp-4);
  margin-right:var(--sp-2);border-radius:var(--r-full);border:1rpx solid var(--line);
  background:#fff;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-b);
}
.st-pill .st-item.on{color:var(--primary-dark);background:var(--primary-soft);border-color:var(--primary-line)}

/* 灰槽白块：数量固定的互斥视图（计划页三段） */
.st-solid{
  display:flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-md);
  background:#EFE8DE;margin-bottom:var(--sp-4);
}
.st-solid .st-item{
  flex:1;height:var(--h-sm);line-height:var(--h-sm);text-align:center;border-radius:var(--r-sm);
  color:var(--muted);font-size:var(--fs-md);font-weight:var(--fw-b);
}
.st-solid .st-item.on{background:#fff;color:var(--primary-dark)}