/* ===== 首页商城化布局 ===== */
.home-banner{padding:0;margin-bottom:14px}
.home-banner img{width:100%;max-height:180px;object-fit:cover;display:block}
.marquee{overflow:hidden;margin:0 0 14px;padding:9px 0}
.marquee-inner{display:inline-block;white-space:nowrap;padding-left:100%;animation:marq 22s linear infinite}
@keyframes marq{to{transform:translateX(-100%)}}
.cat-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}
.cat-row::-webkit-scrollbar{display:none}
.cat-item{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.75rem;color:var(--sub);cursor:pointer}
.cat-item img,.cat-item .cat-emo{width:56px;height:56px;border-radius:14px;object-fit:cover;display:grid;place-items:center;font-size:1.6rem;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.cat-item.on{color:var(--ink)}
.cat-item.on img,.cat-item.on .cat-emo{border-color:var(--acc);box-shadow:0 0 0 2px rgba(79,216,235,.3)}
.cat-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;scrollbar-width:none}
.cat-tabs::-webkit-scrollbar{display:none}
.cat-tab{flex:none;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--sub);font-size:.82rem;cursor:pointer;transition:.2s}
.cat-tab.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#041018;font-weight:700}
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.prod{overflow:hidden;cursor:pointer}
.prod-img{height:150px;overflow:hidden}
.prod-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.prod:hover .prod-img img{transform:scale(1.06)}
.prod-ph{width:100%;height:100%;display:grid;place-items:center;font-size:2.4rem;background:linear-gradient(135deg,#1a2745,#2a1e5c)}
.prod-body{padding:10px 12px 12px}
.prod-title{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--acc);padding-left:8px}
.prod-desc{color:var(--sub);font-size:.75rem;margin:6px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod-foot{display:flex;justify-content:space-between;align-items:center}
.prod-foot .del{text-decoration:line-through;color:var(--sub);font-size:.72rem;font-weight:400;margin-left:4px}
.sold{color:var(--sub);font-size:.72rem}
@media(max-width:480px){.prod-grid{grid-template-columns:repeat(2,1fr)}}