/* lucky 主题下的道具商店(/game/shop): 覆盖 _game/galaxy.css + _game/shop/shop.css 的星河蓝色样式, 换成本模板的酒红 + 金(颜色同 pages.css)。
   页面分割照其它页: 顶部 hero(无框, 下面一条分割线)+ 带标题的「道具列表」区块。
   商品卡做成「吊牌」: 顶上一个挂孔、内圈虚线框、价格行前一条虚线, 方角偏小; 和游戏大厅的游戏卡(圆角大卡 + 顶部金线 + 光晕)一眼区分开 */
.wd{--w-gold:#ffc174;--w-panel:#2b1b1d;--w-line:#59443f;--w-fg:#f8dcde;--w-muted:#c9afa9;gap:30px;padding-bottom:20px}

/* hero: 同 pages.css 的 .hero, 不加框 */
.wd-hero{grid-template-columns:1.4fr 1fr;align-items:center;padding:34px 0 30px;border:0;border-bottom:1px solid #59443f;border-radius:0;background:none;overflow:visible}
.wd-hero::before{display:none}
.wd-k{font-size:12px;font-weight:800;line-height:1.6;letter-spacing:.18em;color:#ffc174}
.wd-title{margin:12px 0;font:700 clamp(32px,5vw,56px)/1.18 Georgia,"Noto Serif SC",serif;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ffc174}
.wd-sub{max-width:640px;color:#c9afa9}
.wd-me{background:linear-gradient(150deg,#332123,#2b1b1d);border:1px solid #4b3432;border-radius:16px;box-shadow:0 10px 30px #0003}
.wd-wallet div{background:rgba(255,193,116,.06);border:1px solid rgba(255,193,116,.12)}
.wd-wallet b{color:#f8dcde}
.wd-wallet div + div b{color:#ffc174}

/* 按钮: 本模板的金色主按钮 */
.wd-btn{border-radius:8px;color:#472a00;background:#ffc174;box-shadow:0 4px 14px rgba(255,193,116,.18);transition:filter .2s}
.wd-btn:hover:not(:disabled){filter:brightness(1.08)}
.wd-btn--ghost{color:#ffc174;background:transparent;border:1px solid #59443f;box-shadow:none}

/* 区块标题 + 筛选 */
.sp-section{gap:20px}
.sp-head{padding-bottom:14px;border-bottom:1px solid #59443f}
.wd-h2{font:700 clamp(24px,3vw,30px)/1.25 Georgia,"Noto Serif SC",serif;color:#ffc174}
.sp-tabs button{border-color:#59443f;color:#f8dcde;background:#2b1b1d}
.sp-tabs button:hover{border-color:#ffc174}
.sp-tabs button[aria-pressed="true"]{background:#ffc174;color:#472a00}

/* 商品卡 = 吊牌 */
.sp-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.sp-item{position:relative;padding:26px 14px 14px;border-radius:6px;border:1px solid #7a5a3c;background:linear-gradient(180deg,#3a2423,#241315);box-shadow:0 6px 18px #0006;transition:transform .2s,border-color .2s}
.sp-item::before{content:"";position:absolute;top:8px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#1e0f11;border:1.5px solid #b8925e;box-shadow:inset 0 1px 2px #000}
.sp-item::after{content:"";position:absolute;inset:4px;border:1px dashed rgba(255,193,116,.22);border-radius:4px;pointer-events:none}
.sp-item:hover{transform:translateY(-3px);border-color:#ffc174}
.sp-item.is-on{border-color:#56e5a9;box-shadow:0 0 0 1px #56e5a9,0 6px 18px #0006}
.sp-pic{border-radius:4px;border:1px solid rgba(255,193,116,.35)}
.sp-item h3{font:700 17px/1.4 Georgia,"Noto Serif SC",serif;color:#f8dcde;align-items:baseline}
.sp-item h3 small{flex:none;padding:1px 8px;border-radius:999px;background:#372628;color:#c9afa9;font-size:11px;font-weight:400;line-height:1.6}
.sp-item p + p{padding-top:9px;border-top:1px dashed rgba(255,193,116,.3)}
.sp-price{display:inline-block;padding:1px 10px;border-radius:999px;border:1px solid rgba(255,193,116,.45);background:rgba(255,193,116,.12);color:#ffc174}
.sp-own{color:#56e5a9}

@media(max-width:760px){.wd-hero{grid-template-columns:1fr;padding-top:20px}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}