:root{--bar:#232323;--bg:#ffffff;--card:#f7f7f7;--line:#e8e8e8;--ink:#333333;--ink-2:#666666;--ink-3:#9a9a9a;--price:#e4393c;--btn:#333333;--badge:#f03b3b;--tabs-h:42px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;padding-bottom:84px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}svg{width:16px;height:16px;fill:currentColor}.topbar{position:sticky;top:0;z-index:20;height:40px;background:var(--bar);color:#fff;display:flex;align-items:center;justify-content:center}.topbar .title{margin:0;font-size:15px;font-weight:600;letter-spacing:.5px}.topbar .back{position:absolute;left:0;top:0;height:100%;width:44px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;line-height:1}.topbar .back[hidden]{display:none}.tabs{position:sticky;top:40px;z-index:19;display:flex;height:var(--tabs-h);background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;min-width:72px;padding:0 14px;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink);white-space:nowrap;position:relative}.tab.on{font-weight:600}.tab.on:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:26px;height:2px;background:var(--ink);border-radius:2px}.subcats{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line)}.chip{font-size:12px;color:var(--ink-2);background:#f2f2f2;border-radius:3px;padding:4px 10px}.chip.on{background:var(--btn);color:#fff}.search{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:#f8f8f8;border-bottom:1px solid var(--line)}.search svg{color:var(--ink-3);width:15px;height:15px}.search input{flex:1;border:0;background:none;outline:none;font-size:13px;color:var(--ink)}.search input::placeholder{color:#b5b5b5}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}.card{position:relative;background:var(--card);border:1px solid var(--line);padding:8px 10px 30px;min-height:0;cursor:pointer}.card:focus-visible{outline:2px solid var(--btn);outline-offset:-2px}.card .pic{width:72px;height:72px;object-fit:contain;background:#fff;display:block}.card .pic.img-fallback{display:grid;place-items:center;font-size:10px;color:var(--ink-3);background:repeating-linear-gradient(45deg,#f2f2f2,#f2f2f2 6px,#ececec 6px 12px)}.card .name{margin-top:6px;font-size:12px;font-weight:600;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .price{margin-top:3px;font-size:11px;color:var(--ink-3)}.card .price b{font-weight:500;color:var(--price);font-size:12px;margin-left:4px}.card .pid{margin-top:2px;font-size:11px;color:var(--ink-3)}.card .pick{position:absolute;top:8px;right:8px;width:15px;height:15px;border-radius:50%;border:1px solid #9a9a9a;background:#fff}.card .pick.on{background:var(--btn);border-color:var(--btn)}.card .pick.on:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.card .dist{position:absolute;right:8px;bottom:7px;background:var(--btn);color:#fff;font-size:11px;padding:2px 9px;border-radius:3px}.card .dist.done{background:#bdbdbd;cursor:default}#listView[hidden],.detail[hidden],.actionbar[hidden]{display:none}.detail{padding:14px;background:#f5f5f5}.detail-page{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line)}.detail-hero{display:flex;align-items:center;justify-content:center;padding:22px;border-bottom:1px solid var(--line);background:#fff}.detail-img{width:min(320px,70vw);height:min(320px,70vw);object-fit:contain;background:#fff;display:block}.detail-img.img-fallback{display:grid;place-items:center;font-size:12px;color:var(--ink-3);background:repeating-linear-gradient(45deg,#f2f2f2,#f2f2f2 6px,#ececec 6px 12px)}.detail-body{padding:16px 18px 22px}.detail-title{margin:8px 0 10px;font-size:17px;line-height:1.35;font-weight:600;color:var(--ink)}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;line-height:18px;padding:0 8px;border-radius:3px;background:#f2f2f2;color:var(--ink-2)}.tag.hot{background:#fff1e8;color:#c95a12}.tag.on{background:#eaf7ee;color:#1f8a44}.tag.off{background:#f2f2f2;color:#777}.tag.done{background:#eef0ff;color:#3d4ecb}.detail-price{font-size:12px;color:var(--ink-3)}.detail-price b{margin-left:6px;font-size:22px;font-weight:600;color:var(--price)}.detail-meta{margin:18px 0 0;padding:0;border-top:1px solid var(--line)}.detail-meta>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-meta dt{color:var(--ink-3);flex:0 0 auto}.detail-meta dd{margin:0;text-align:right;color:var(--ink);word-break:break-word}.detail-actions{display:flex;gap:10px;margin-top:18px}.detail-dist{flex:1;background:var(--btn);color:#fff;font-size:14px;padding:10px 18px;border-radius:3px}.detail-dist.done{background:#bdbdbd;cursor:default}.detail-back{background:#fff;border:1px solid var(--line);color:var(--ink-2);font-size:13px;padding:10px 18px;border-radius:3px}.detail-note{color:var(--ink-3);font-size:13px;margin:0 0 18px}.detail-empty{padding-top:28px;grid-column:1/-1}.detail-empty .detail-back{margin-top:4px}@media(min-width:720px){.detail-page{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:stretch}.detail-hero{border-bottom:0;border-right:1px solid var(--line);padding:24px}}.loadmore{text-align:center;color:var(--ink-3);font-size:12px;padding:14px 0 6px}.loadmore[hidden]{display:none}.actionbar{position:fixed;left:0;right:0;bottom:22px;z-index:20;display:flex;justify-content:center;gap:12px;pointer-events:none}.act{pointer-events:auto;position:relative;background:var(--btn);color:#fff;font-size:13px;padding:8px 22px;border-radius:999px;box-shadow:0 2px 8px #00000040}.act:active{transform:translateY(1px)}.badge{position:absolute;top:-6px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--badge);color:#fff;font-size:10px;line-height:16px;text-align:center}.badge.zero{display:none}.toast{position:fixed;left:50%;top:45%;transform:translate(-50%);z-index:30;background:#000000bf;color:#fff;font-size:13px;padding:10px 16px;border-radius:6px}.toast[hidden]{display:none}@media(max-width:520px){.tab{min-width:60px;padding:0 10px}.card{padding:8px 8px 30px}.card .pic{width:64px;height:64px}.detail{padding:8px}.detail-hero{padding:16px}.detail-body{padding:14px 14px 18px}.detail-actions{flex-direction:column}.detail-back{text-align:center}}