/* 财神系统 Arco 模板 */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif; color:#232324; background:#f5f6f7; }
a { text-decoration:none; color:inherit; }

/* 顶部导航 */
.header { background:#fff; border-bottom:1px solid #f0f1f2; position:sticky; top:0; z-index:100; }
.header-inner { max-width:1200px; margin:0 auto; height:60px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; }
.header-logo { display:flex; align-items:center; gap:8px; height:100%; }
.header-logo img { height:28px; }
.header-logo .info { font-size:16px; font-weight:600; color:#1d2129; }
.header-menu { display:flex; align-items:center; gap:28px; }
.header-menu a { color:#4e5969; font-size:14px; transition:color .2s; }
.header-menu a:hover { color:#388efc; }
.header-right { display:flex; align-items:center; gap:12px; }
.btn-query { background:#388efc; color:#fff; border:none; border-radius:999px; padding:7px 18px; font-size:14px; cursor:pointer; display:flex; align-items:center; gap:6px; transition:background .2s; }
.btn-query:hover { background:#5a9ff8; }

/* 主体 */
.main { max-width:1200px; margin:0 auto; padding:20px; }
.main-box { background:#fff; border-radius:8px; padding:20px; }

/* 商品网格 */
.goods-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:14px; }
.goods-box { display:block; background:#fff; border:1px solid #e5e6eb; border-radius:8px; padding:16px; transition:all .2s; }
.goods-box:hover { border-color:#388efc; box-shadow:0 4px 12px rgba(56,142,252,.12); }
.goods-box .goods-name { font-size:15px; font-weight:600; color:#1d2129; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.goods-box .goods-price { color:#f53f3f; font-size:22px; font-weight:700; margin-bottom:8px; }
.goods-box .goods-price small { font-size:14px; font-weight:400; }
.goods-box .goods-stock { color:#86909c; font-size:12px; }
.goods-box .goods-stock b { color:#388efc; font-weight:600; }
.goods-box.sold-out { opacity:.5; cursor:not-allowed; }
.goods-box.sold-out:hover { border-color:#e5e6eb; box-shadow:none; }

/* 页脚 */
.footer { max-width:1200px; margin:0 auto; padding:20px; text-align:center; color:#86909c; font-size:13px; }

/* 移动端 */
@media screen and (max-width:768px) {
  .goods-list { grid-template-columns:repeat(auto-fill,minmax(100%,1fr)); }
  .header-menu { display:none; }
}