/* 道具商店独有的: 分类、商品卡。公共样式在 _game/galaxy.css(先引入) */
.sp-section{display:grid;gap:14px}
.sp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sp-tabs{display:flex;gap:8px;flex-wrap:wrap}
.sp-tabs button{padding:7px 14px;border-radius:999px;border:1px solid var(--w-line);background:transparent;color:var(--w-fg);font:inherit;font-size:14px;cursor:pointer}
.sp-tabs button[aria-pressed="true"]{background:var(--w-gold);color:#241500;border-color:transparent;font-weight:700}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.sp-item{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--w-panel);border:1px solid var(--w-line)}
.sp-item > .wd-btn{margin-top:auto} /* 按钮贴底: 同一行卡片的按钮对齐 */
.sp-item.is-on{border-color:var(--w-gold);box-shadow:0 0 0 1px var(--w-gold)}
.sp-item h3{margin:0;font-size:17px;display:flex;justify-content:space-between;gap:6px}
.sp-item h3 small{font-size:12px;color:var(--w-muted);font-weight:400}
.sp-item p{margin:0;font-size:13px;color:var(--w-muted);line-height:1.5}
.sp-price{font-weight:800;color:var(--w-gold)}
.sp-own{font-size:12px;color:#56e5a9}
.sp-item .wd-btn{width:100%}
.sp-pic{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;background:#2a0a10}
.sp-pic img{display:block;width:100%;height:100%;object-fit:cover} /* 预览图是上半身(头顶到腰) */
.sp-soon{position:absolute;top:8px;right:8px;padding:2px 10px;border-radius:999px;background:rgba(0,0,0,.65);color:#ffd166;font-size:12px;font-weight:700}