:root{--tint: #1e8e4e;--tint-pressed: #17783f;--bg: #f2f2f7;--card: #ffffff;--highlight: #e7e7ec;--separator: #e3e3e8;--field: #ededf1;--label: #1c1c1e;--label2: #8a8a8e;--label3: #c2c2c7;--red: #e5392f;--orange: #f0922b;--blue: #1677d6;--radius-card: 14px;--radius-field: 12px;--radius-small: 10px;--pad: 16px;--gap-group: 18px;--bottombar-h: 72px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{animation:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}input:focus{outline:none}@keyframes dp-spin{to{transform:rotate(360deg)}}.app{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.app--center{justify-content:center}.app__main{flex:1}.btn-retry{height:44px;padding:0 22px;border-radius:var(--radius-field);background:var(--tint);color:#fff;font-size:16px;font-weight:600}.btn-retry:active{background:var(--tint-pressed)}.topbar{position:sticky;top:0;z-index:20;background:var(--bg);padding:calc(env(safe-area-inset-top) + 10px) var(--pad) 10px;border-bottom:.5px solid var(--separator)}.topbar__head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.topbar__store{font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--label)}.topbar__customer{font-size:14px;color:var(--label2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchfield{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:11px;background:var(--field)}.searchfield__icon{color:var(--label2);flex:none}.searchfield__input{flex:1;height:100%;border:none;background:transparent;font-size:16px;color:var(--label)}.searchfield__input::placeholder{color:var(--label2)}.searchfield__input::-webkit-search-cancel-button{-webkit-appearance:none}.searchfield__clear{flex:none;display:inline-flex;color:var(--label3);padding:2px}.plist{padding:var(--gap-group) var(--pad)}.plist__card{background:var(--card);border-radius:var(--radius-card);overflow:hidden}.prow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:.5px solid var(--separator)}.prow--first{border-top:none}.prow__info{flex:1;min-width:0}.prow__top{display:flex;align-items:baseline;gap:10px}.prow__name{flex:1;min-width:0;font-size:16px;font-weight:600;color:var(--label);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow__spec{margin-top:2px;font-size:12px;color:var(--label2)}.prow__price{flex:none;display:flex;align-items:baseline}.prow__amount{font-size:16px;font-weight:700;color:var(--tint);letter-spacing:-.2px}.prow__unit{font-size:12px;color:var(--label2);margin-left:1px}.prow__action{flex:none;display:flex;align-items:center}.prow__add{width:34px;height:34px;border-radius:50%;background:var(--tint);color:#fff;display:inline-flex;align-items:center;justify-content:center}.prow__add:active{background:var(--tint-pressed)}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper__btn{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--tint);background:transparent}.stepper__btn:active{background:var(--highlight)}.stepper__val{min-width:26px;text-align:center;font-size:17px;font-weight:600;color:var(--label);font-variant-numeric:tabular-nums}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:.5px solid var(--separator);padding-bottom:env(safe-area-inset-bottom)}.cartbar__inner{display:flex;align-items:center;gap:12px;height:var(--bottombar-h);padding:0 var(--pad)}.cartbar__info{flex:1;min-width:0}.cartbar__count{font-size:12.5px;color:var(--label2)}.cartbar__total{font-size:24px;font-weight:700;color:var(--tint);letter-spacing:-.4px;line-height:1.15}.cartbar__symbol{font-size:17px;font-weight:700;margin-right:1px}.cartbar__btn{flex:none;height:46px;padding:0 26px;border-radius:var(--radius-field);background:var(--tint);color:#fff;font-size:17px;font-weight:600}.cartbar__btn:active{background:var(--tint-pressed)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.sheet__panel{position:relative;background:var(--bg);border-radius:16px 16px 0 0;max-height:88vh;display:flex;flex-direction:column}.sheet__header{position:relative;display:flex;align-items:center;justify-content:center;height:52px;flex:none}.sheet__title{font-size:17px;font-weight:600;color:var(--label)}.sheet__close{position:absolute;right:10px;top:9px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--label2)}.sheet__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--pad) 16px}.sheet__card{background:var(--card);border-radius:var(--radius-card);overflow:hidden}.pvrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:.5px solid var(--separator)}.pvrow--first{border-top:none}.pvrow__info{flex:1;min-width:0}.pvrow__name{font-size:16px;font-weight:600;color:var(--label)}.pvrow__meta{margin-top:2px;font-size:13px;color:var(--label2)}.pvrow__sub{margin-top:3px;font-size:13px;font-weight:600;color:var(--tint)}.sheet__field-label{margin:18px 4px 8px;font-size:12.5px;color:var(--label2)}.sheet__remark{width:100%;min-height:76px;resize:none;padding:12px;border-radius:var(--radius-field);border:none;background:var(--card);font-size:16px;color:var(--label);line-height:1.4}.sheet__remark::placeholder{color:var(--label3)}.sheet__footer{flex:none;display:flex;align-items:center;gap:12px;padding:10px var(--pad);padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:.5px solid var(--separator)}.sheet__sum{flex:1;min-width:0}.sheet__sum-count{font-size:12.5px;color:var(--label2)}.sheet__sum-total{font-size:24px;font-weight:700;color:var(--tint);letter-spacing:-.4px;line-height:1.15}.sheet__sum-symbol{font-size:17px;margin-right:1px}.sheet__submit{flex:none;height:48px;padding:0 28px;border-radius:var(--radius-field);background:var(--tint);color:#fff;font-size:17px;font-weight:600}.sheet__submit:active:not(:disabled){background:var(--tint-pressed)}.sheet__submit:disabled{opacity:.5}.success{min-height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 32px;gap:12px}.success__check{margin-bottom:8px}.success__title{font-size:22px;font-weight:700;letter-spacing:-.3px;color:var(--label)}.success__desc{font-size:15px;color:var(--label2)}.success__btn{margin-top:18px;height:48px;padding:0 30px;border-radius:var(--radius-field);background:var(--tint);color:#fff;font-size:17px;font-weight:600}.success__btn:active{background:var(--tint-pressed)}.loading{flex:1;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading__spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(30,142,78,.18);border-top-color:var(--tint);animation:dp-spin .8s linear infinite}.loading__text{font-size:14px;color:var(--label2)}.empty{flex:1;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 32px;gap:10px}.empty__icon{color:var(--label3);margin-bottom:4px}.empty__title{font-size:17px;font-weight:600;color:var(--label)}.empty__desc{font-size:14px;color:var(--label2);max-width:260px}.empty__action{margin-top:12px}