*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;color:#1a1d24;background:#f5f6f8}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font:inherit;color:inherit}.top{position:sticky;top:0;z-index:20;background:#f5f6f8;padding:10px 14px 8px;border-bottom:1px solid #e6e8ec}.top-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats{display:flex;gap:0;align-items:stretch;margin-bottom:8px;border-bottom:1px solid #e6e8ec;padding-bottom:8px;overflow-x:auto}.stat{display:flex;flex-direction:column;padding:0 16px;border-right:1px solid #e6e8ec;min-width:88px;white-space:nowrap}.stat:first-child{padding-left:2px}.stat:last-child{border-right:none}.stat span{color:#8c93a0;font-size:11px;line-height:15px}.stat b{font-size:16px;line-height:22px;font-weight:600;font-variant-numeric:tabular-nums}.stat b small{font-size:11px;color:#8c93a0;font-weight:400;margin-left:2px}.stat.act{cursor:pointer}.stat.act:hover b{color:#1677ff}.stat.warn b{color:#d4380d}.stat.ok b{color:#237804}.chips{display:flex;gap:5px;flex-wrap:wrap;flex:1;min-width:200px}.chip{color:#666;padding:3px 6px;line-height:16px;white-space:nowrap;border-bottom:2px solid transparent}.chip b{margin-left:3px;font-weight:600;opacity:.75}.chip:hover{color:#1677ff}.chip.active{color:#1677ff;font-weight:600;border-bottom-color:#1677ff}.chip.zero{color:#b8bcc4}.acts{display:flex;gap:6px;align-items:center}.search{height:26px;border:1px solid #d9dce2;border-radius:6px;padding:0 8px;background:#fff;width:190px}.btn{height:26px;padding:0 10px;border-radius:4px;background:#fff;border:1px solid #d9dce2;line-height:24px;white-space:nowrap}.btn:hover{border-color:#1677ff;color:#1677ff}.btn.pri{background:#1677ff;border-color:#1677ff;color:#fff}.btn.pri:hover{background:#3d8bff}.btn.danger{color:#cf1322;border-color:#ffa39e}.ibtn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#1677ff;border-radius:4px}.ibtn:hover{background:#eef4ff}.btn.sm{height:22px;line-height:20px;padding:0 8px;font-size:11px}.demo-tag{font-size:11px;color:#8c93a0;margin-left:auto}.page{padding:10px 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;position:relative}.card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .15s}.card:hover{border-color:#c9cdd4}.card.grouped{background:#eef4ff}.card.editing{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff26}.imgbox{position:relative;width:100%;aspect-ratio:1/1;background:#f2f3f5;overflow:hidden;flex-shrink:0}.imgbox img{width:100%;height:100%;object-fit:contain;display:block}.imgbox:before,.imgbox:after{content:"";position:absolute;left:0;right:0;height:24px;pointer-events:none;z-index:1}.imgbox:before{top:0;background:linear-gradient(#ffffffeb,#fff0)}.imgbox:after{bottom:0;background:linear-gradient(#fff0,#ffffffeb)}.imgbox .sthold,.imgbox .del,.imgbox .nm,.imgbox .imgacts{z-index:2}.sthold{position:absolute;top:4px;left:4px;display:flex;align-items:center;gap:5px;z-index:2}.st{padding:0 6px;border-radius:3px;line-height:16px;font-size:11px;font-weight:500;cursor:pointer}.st:hover{filter:brightness(.95)}.st.s-pending{background:#fff7e6;color:#d48806}.st.s-stocking{background:#fff1e6;color:#d4380d}.st.s-stocked{background:#e6f4ff;color:#1677ff}.st.s-ready{background:#e6fffb;color:#13c2c2}.st.s-delivering{background:#f0f5ff;color:#2f54eb}.st.s-arrived{background:#f6ffed;color:#52c41a}.st.s-signed{background:#fff8d6;color:#d48806}.st.s-done{background:#e8f5e9;color:#237804}.st.s-rejected{background:#fff1f0;color:#cf1322}.st.s-lost{background:#f9f0ff;color:#722ed1}.xf{line-height:16px;font-size:10px;color:#1677ff;white-space:nowrap}.del{position:absolute;top:2px;right:4px;width:18px;height:18px;color:#999;line-height:18px;text-align:center;font-size:14px}.del:hover{color:#cf1322}.nm{position:absolute;left:5px;bottom:4px;display:flex;align-items:baseline;gap:4px;font-size:11px;cursor:pointer;max-width:calc(100% - 50px)}.nm b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm i{font-style:normal;color:#cf1322;font-weight:600;white-space:nowrap}.nm:hover{color:#1677ff}.imgacts{position:absolute;right:4px;bottom:4px;display:flex;gap:3px}.ib{width:20px;height:20px;color:#555;display:flex;align-items:center;justify-content:center;font-size:13px}.ib:hover{color:#1677ff}.badge-flag{position:absolute;top:22px;left:4px;display:flex;flex-direction:column;gap:3px}.flag{padding:0 5px;border-radius:3px;line-height:15px;font-size:10px;background:#ffffffe6;border:1px solid #e5e7eb;color:#666}.flag.warn{color:#d4380d;border-color:#ffbb96}.flag.paid{color:#237804;border-color:#b7eb8f}.fields{padding:3px 6px 2px;display:flex;flex-direction:column;gap:0}.row{display:grid;grid-template-columns:26px 1fr 26px 1fr;gap:0 2px;align-items:center;min-height:17px;line-height:17px;font-size:11px}.row.full{grid-template-columns:26px 1fr}.row label{color:#8c93a0;white-space:nowrap}.row .v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.row .v.empty{color:#c4c8d0}.row .v.money{font-variant-numeric:tabular-nums}.row .v.profit.neg{color:#cf1322}.row .v.profit{color:#237804}.row .v.profit.zero{color:#8c93a0}.row .v.hint{color:#d4380d}.row input,.row select{height:17px;border:none;border-bottom:1px solid #1677ff;background:#f7fbff;padding:0 3px;width:100%;min-width:0;outline:none;font-size:11px}.row input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.row input[type=number]::-webkit-outer-spin-button,.row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.row .ck{display:flex;align-items:center;gap:3px;color:#444;cursor:pointer;white-space:nowrap}.row .ck input{width:12px;height:12px;margin:0;accent-color:#1677ff;cursor:pointer}.row .ck.off{color:#c4c8d0;cursor:not-allowed}.row input:disabled{background:#f5f5f5;border-bottom-color:#e5e7eb;color:#bbb}.foot{display:flex;align-items:center;gap:3px;padding:1px 4px 3px;margin-top:auto}.foot .no{color:#8c93a0;font-size:11px;white-space:nowrap;flex-shrink:0}.pay{font-size:10px;line-height:14px;padding:0 4px;border-radius:3px;white-space:nowrap;flex-shrink:0}.foot .sp{flex:1}.pay.paid{color:#237804;background:#f6ffed}.pay.unpaid{color:#d4380d;background:#fff2e8}.fb{width:18px;height:18px;color:#8c93a0;display:flex;align-items:center;justify-content:center;font-size:12px}.fb:hover{color:#1677ff}.fb.pri{color:#1677ff;font-weight:700}.fb.txt{width:auto;padding:0 6px;font-size:11px}.link{color:#1677ff;cursor:pointer}.foot .no.link{color:#5b6b85}.foot .no.link:hover{color:#1677ff;text-decoration:underline}.link:hover{text-decoration:underline}.ovl{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:6px 7px;display:flex;flex-direction:column;overflow:auto;font-size:11px;z-index:3}.ovl h5{font-size:11px;color:#8c93a0;font-weight:500;display:flex;justify-content:space-between;align-items:center}.ovl h5 .x{cursor:pointer;color:#999;font-size:13px}.ovl .trk{margin-top:4px;flex:1;overflow:auto}.ovl .ev{display:flex;gap:5px;line-height:15px;padding:1px 0}.ovl .ev .t{color:#8c93a0;white-space:nowrap;font-size:10px}.ovl .ev .m{flex:1;line-height:14px}.ovl .ev.cur .m{color:#1677ff;font-weight:500}.ovl .none{color:#bbb;text-align:center;margin-top:20px}.ovl .stbar{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.ovl .stbar button{padding:0 6px;border:1px solid #e5e7eb;border-radius:3px;line-height:17px;font-size:10px;background:#fff}.ovl .stbar button:hover{border-color:#1677ff;color:#1677ff}.ovl .stbar button.on{background:#1677ff;color:#fff;border-color:#1677ff}.ovl .stl{display:flex;gap:4px;align-items:center;margin-top:auto;padding-top:5px;border-top:1px dashed #e5e7eb}.ovl .stl label{color:#666;white-space:nowrap;font-size:11px}.ovl .stl input{flex:1;min-width:0;height:20px;border:1px solid #1677ff;border-radius:3px;padding:0 4px;font-size:11px;background:#f7fbff;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ovl .stl input::-webkit-inner-spin-button{-webkit-appearance:none}.ovl .stl button{height:20px;padding:0 7px;border-radius:3px;background:#1677ff;color:#fff;font-size:11px}.sy{display:inline-flex;align-items:center;vertical-align:-1px;color:#8c93a0;margin-left:3px}.sy:hover{color:#1677ff}.sy.busy svg{animation:rot .8s linear infinite}.ovl .hist{margin-top:5px;border-top:1px dashed #e5e7eb;padding-top:4px}.ovl .hist p{color:#8c93a0;line-height:15px}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50;display:none;align-items:center;justify-content:center;padding:16px}.mask.on{display:flex}.modal{background:#fff;border-radius:10px;width:100%;max-width:560px;max-height:92vh;overflow:auto;box-shadow:0 8px 30px #0003}.modal .mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;font-size:14px;font-weight:600}.modal .mh .x{font-size:18px;color:#999;cursor:pointer;font-weight:400}.modal .mb{padding:14px 16px}.modal .mf{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid #eee}.f{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.f label{color:#666}.f label i{color:#cf1322;font-style:normal;margin-left:2px}.f input,.f select{height:30px;border:1px solid #d9dce2;border-radius:6px;padding:0 8px;background:#fff}.f input:focus{border-color:#1677ff;outline:none}.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}.seg{display:flex;border:1px solid #d9dce2;border-radius:6px;overflow:hidden;height:30px}.seg button{flex:1;background:#fff}.seg button.on{background:#1677ff;color:#fff}.items{border:1px dashed #d9dce2;border-radius:8px;padding:10px;margin-top:4px}.items h6{font-size:12px;color:#666;margin-bottom:8px;display:flex;justify-content:space-between}.itm{display:grid;grid-template-columns:72px 1fr 1fr 24px;gap:8px;align-items:center;margin-bottom:8px}.itm .pic{width:72px;height:72px;border:1px dashed #bbb;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#999;font-size:11px;overflow:hidden;cursor:pointer;background:#fafafa}.itm .pic img{width:100%;height:100%;object-fit:contain}.itm .x{color:#999;font-size:16px;text-align:center;cursor:pointer}.itm .x:hover{color:#cf1322}.note{background:#fffbe6;border:1px solid #ffe58f;border-radius:6px;padding:6px 10px;color:#874d00;font-size:11px;line-height:17px;margin-bottom:10px}.inherit{background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;padding:6px 10px;color:#237804;font-size:11px;display:flex;gap:10px;align-items:center;margin-bottom:10px}.inherit img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:4px}.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:600px;background:#fff;box-shadow:-4px 0 20px #00000026;z-index:60;transform:translate(100%);transition:transform .2s;display:flex;flex-direction:column}.drawer.on{transform:none}.drawer .dh{padding:12px 16px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.drawer .dh .x{margin-left:auto;font-size:18px;color:#999;cursor:pointer;font-weight:400}.tabs{display:flex;gap:0;border-bottom:1px solid #eee}.tabs button{padding:8px 14px;border-bottom:2px solid transparent;color:#666}.tabs button.on{color:#1677ff;border-bottom-color:#1677ff;font-weight:500}.tabs button b{margin-left:4px;background:#fff1f0;color:#cf1322;padding:0 5px;border-radius:8px;font-size:10px}.dbody{flex:1;overflow:auto;padding:10px 16px}.sum{display:flex;gap:16px;padding:8px 10px;background:#fafafa;border-radius:6px;margin-bottom:8px;flex-wrap:wrap;align-items:center}.facsel{height:22px;border:1px solid #d9dce2;border-radius:4px;padding:0 4px;background:#fff}.sum div{display:flex;flex-direction:column}.sum span{color:#8c93a0;font-size:11px}.sum b{font-size:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px;border-bottom:1px solid #f0f0f0;white-space:nowrap}th{color:#8c93a0;font-weight:500;font-size:11px}td img{width:44px;height:44px;object-fit:contain;background:#f5f5f5;border-radius:4px;vertical-align:middle;cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:90;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;background:#fff;border-radius:6px}td .ck{width:15px;height:15px;vertical-align:middle}td input.amt{width:70px;height:22px;border:1px solid #d9dce2;border-radius:4px;padding:0 5px}.dfoot{padding:10px 16px;border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;align-items:center}.dfoot .sel{margin-right:auto;color:#666}.ghead{position:relative;display:flex;flex-direction:column;gap:3px;padding:2px 76px 8px 0;margin-bottom:8px;border-bottom:1px solid #eef0f3;font-size:12px;line-height:18px}.gr{display:grid;grid-template-columns:30px 1fr 30px 1fr;gap:0 6px;align-items:center;min-height:18px}.gr.full{grid-template-columns:30px 1fr}.gr label{color:#8c93a0;white-space:nowrap}.gv{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv.empty{color:#c4c8d0}.gv small{color:#8c93a0;font-size:11px}.ghead input,.ghead select{height:18px;border:none;border-bottom:1px solid #1677ff;background:#f7fbff;padding:0 3px;font-size:12px;width:100%;min-width:0;outline:none}.gseg{display:inline-flex;border:1px solid #d9dce2;border-radius:3px;overflow:hidden;height:18px;width:fit-content}.gseg button{padding:0 8px;font-size:11px;background:#fff;line-height:16px}.gseg button.on{background:#1677ff;color:#fff}.gacts{position:absolute;right:0;top:0;display:flex;gap:2px}.gib{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#8c93a0;border-radius:3px}.gib:hover{color:#1677ff;background:#eef4ff}.gib.ok{color:#1677ff}.gcards{display:grid;grid-template-columns:repeat(var(--n,1),150px);gap:6px}@media (max-width:767px){.gr,.gr.full{grid-template-columns:30px 1fr}.gcards{grid-template-columns:1fr}.modal{min-width:0!important}.ghead{padding-right:0}.gacts{position:static;justify-content:flex-end;margin-bottom:4px}}.toast{position:fixed;left:50%;top:60px;transform:translate(-50%);background:#1a1d24;color:#fff;padding:7px 14px;border-radius:6px;font-size:12px;z-index:99;opacity:0;pointer-events:none;transition:opacity .15s}.toast.on{opacity:.92}.legend{margin:8px 14px 0;padding:6px 10px;background:#fff;border:1px solid #e6e8ec;border-radius:6px;color:#666;font-size:11px;line-height:18px}.legend b{color:#1a1d24}@media (max-width:767px){.top{padding:8px 10px}.stat{padding:0 10px;min-width:auto}.stat b{font-size:14px}.search{width:100%}.page{padding:8px 10px}.grid{grid-template-columns:1fr;gap:8px}.card{flex-direction:row}.imgbox{width:150px;min-width:150px;aspect-ratio:1/1;align-self:stretch}.fields{flex:1;padding:6px 8px;justify-content:center;min-width:0}.foot{border-top:none;border-left:none;position:absolute;right:6px;top:6px;padding:0;margin:0}.foot .no{display:none}.drawer{max-width:100%}.demo-tag{display:none}}.img-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9aa0aa;font-size:12px;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 8px,#f3f4f6 8px,#f3f4f6 16px)}.itm .pic{cursor:pointer}.itm .pic:focus{outline:2px solid #1677ff}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f6f8}.lbox{width:300px;background:#fff;border-radius:8px;padding:24px 22px;box-shadow:0 4px 20px #00000014}.lbox h2{font-size:15px;font-weight:600;margin:0 0 16px;text-align:center}.lbox input{height:30px;border:1px solid #d9dce2;border-radius:4px;padding:0 8px;width:100%}.lbox input:focus{border-color:#1677ff;outline:none}.lerr{color:#cf1322;margin:-4px 0 10px}