*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#111;background:#fafafa}
.demo-bar{background:#111;color:#fff;font-size:12px;text-align:center;padding:6px}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2}
.logo{font-weight:900;letter-spacing:2px;color:#e63946;text-decoration:none;font-size:20px}
.nav{display:flex;gap:6px;overflow-x:auto}.nav a{padding:6px 12px;border-radius:999px;color:#111;text-decoration:none;background:#f3f4f6;white-space:nowrap}.nav a.on{background:#111;color:#fff}
.mode{background:#fff3cd;color:#7a5b00;padding:8px 16px;font-size:13px}
main{max-width:1100px;margin:0 auto;padding:16px}.status{margin:12px 0;color:#555}.status.error{color:#b91c1c}.status button{margin-left:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.card{background:#fff;border-radius:10px;padding:10px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0001}.card img{width:100%;border-radius:6px}.card h3{font-size:14px;margin:8px 0 4px}
.price{color:#e63946;font-weight:700}.price small{color:#888;font-weight:400;font-size:11px}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pdp img{width:100%;background:#fff;border-radius:10px}
.sizes{display:flex;flex-wrap:wrap;gap:8px}.sizes button{padding:8px 14px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer}.sizes button.on{border-color:#111;background:#111;color:#fff}
.note{font-size:12px;color:#888}.back{display:inline-block;margin-bottom:8px;color:#555}
footer{text-align:center;color:#888;font-size:12px;padding:24px}
@media(max-width:640px){.pdp{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}