/* 手机端首页样式 */
  *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#eef0f4;color:#222}
  /* 电脑端访问时收窄居中，模拟手机窗口 */
  @media (min-width:561px){
    body{max-width:520px;margin:0 auto;min-height:100vh;box-shadow:0 0 26px rgba(0,0,0,.10);background:#fff}
  }
  .header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#e54800,#ff7a3c);color:#fff;
          padding:16px 16px 12px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
  .header h1{font-size:18px;font-weight:700}
  .header p{font-size:12px;opacity:.85;margin-top:3px}
  .cats{display:flex;gap:8px;overflow-x:auto;padding:12px 14px;background:#fff;border-bottom:1px solid #eee;
        scrollbar-width:none;-webkit-overflow-scrolling:touch;position:sticky;top:0;z-index:20}
  .cats::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;padding:7px 14px;border-radius:20px;background:#f0f2f5;font-size:13px;color:#444;
        text-decoration:none;white-space:nowrap}
  .chip.on{background:#ff5000;color:#fff;font-weight:600}
  .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}
  .card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);
        text-decoration:none;color:inherit;display:block;position:relative}
  .card .pid{position:absolute;top:7px;left:7px;z-index:2;background:linear-gradient(135deg,#e54800,#ff7a3c);
             color:#fff;font-size:12px;font-weight:700;line-height:1;padding:4px 8px;border-radius:7px;
             letter-spacing:.3px;box-shadow:0 1px 4px rgba(0,0,0,.3)}
  .card .picbox{width:100%;aspect-ratio:1/1;background:#eef0f3;position:relative;overflow:hidden}
  .card .picbox img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;display:block}
  .card .info{padding:9px 10px 11px}
  .card .nm{font-size:13px;line-height:1.35;height:35px;overflow:hidden;display:-webkit-box;
            -webkit-line-clamp:2;-webkit-box-orient:vertical}
  .card .price{margin-top:6px;color:#e8323c;font-weight:700;font-size:16px}
  .card .price small{font-size:12px}
  .card .cls{font-size:11px;color:#999;margin-top:3px}
  .empty{text-align:center;color:#999;padding:60px 0;font-size:14px}
  .foot{text-align:center;color:#aaa;font-size:11px;padding:10px 0 26px}
  .lmore{text-align:center;color:#999;font-size:12px;padding:10px 0 16px}