:root{color-scheme:dark;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;background:#1e2329;color:#1b1b21;--peek: clamp(2.7rem, 8vh, 3.5rem);--ease: cubic-bezier(.22, 1, .36, 1);--motion: .52s}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}.stage{position:relative;height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;gap:clamp(.35rem,1vh,.6rem);padding:calc(clamp(.45rem,1.4vh,.9rem) + env(safe-area-inset-top)) clamp(.55rem,2vw,1.2rem) calc(clamp(.45rem,1.4vh,.9rem) + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% -10%,#334155,transparent 55%),#1e2329;color:#f5f7fb}.member-watermark{position:absolute;right:4vw;bottom:6vh;z-index:5;display:grid;justify-items:end;gap:.2rem;pointer-events:none;user-select:none;opacity:.16;transform:rotate(-10deg);transform-origin:right bottom}.watermark-name{font-size:clamp(4.5rem,14vw,11rem);font-weight:900;line-height:.88;letter-spacing:.03em;color:#0f172a;white-space:nowrap}.watermark-meta{font-size:clamp(1.4rem,4vw,2.6rem);font-weight:800;letter-spacing:.08em;color:#1e293b;white-space:nowrap}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:1.6rem;font-size:clamp(.8rem,2vh,.95rem)}.topbar button{border:0;background:transparent;color:#9ca3af;padding:.2rem .1rem}.progress{position:relative;flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;padding:.15rem 0 .1rem}.progress:before,.progress:after{content:"";position:absolute;left:4%;bottom:0;height:3px;border-radius:999px}.progress:before{right:4%;background:#3a424e}.progress:after{width:0;background:#4ade80;transition:width var(--motion) var(--ease)}.progress[data-step="1"]:after{width:calc((100% - 8%) / 3)}.progress[data-step="2"]:after{width:calc((100% - 8%) * 2 / 3)}.progress[data-step="3"]:after{width:92%}.progress button{position:relative;z-index:1;display:grid;justify-items:center;align-content:center;gap:.05rem;min-width:0;min-height:2.55rem;margin-bottom:.4rem;padding:.25rem .3rem;border:1px solid #3a424e;border-radius:.55rem;background:#252b34;color:#9ca3af;font-size:.78rem;font-weight:750}.progress button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:650;opacity:.8}.progress button.done{color:#bbf7d0;background:#14532d;border-color:#4ade80}.progress button.current{color:#fff;background:#355ca8;border-color:#93c5fd}.progress button:disabled{opacity:.45;cursor:default}.check-slot{position:relative;flex:1 1 auto;display:grid;place-items:center;min-height:0;overflow:visible}.check-pop{position:relative;z-index:2;width:5.6rem;height:5.6rem}.check-ring,.check-mark{fill:none;stroke:#15803d;stroke-linecap:round;stroke-linejoin:round}.check-ring{stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;transform-origin:center;animation:draw-ring .45s ease forwards}.check-mark{stroke:#fff;stroke-width:4;stroke-dasharray:48;stroke-dashoffset:48;animation:draw-check .32s ease .4s forwards}.check-pop{animation:check-fill .35s ease .28s forwards}@keyframes draw-ring{to{stroke-dashoffset:0}}@keyframes check-fill{0%{background:transparent}to{background:#15803d}}.check-pop{border-radius:50%;background:transparent}@keyframes draw-check{to{stroke-dashoffset:0}}.confetti{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1;overflow:visible;pointer-events:none}.confetti span{position:absolute;left:0;top:0;border-radius:.12rem;opacity:0;animation:ribbon 1.15s var(--ease) forwards}@keyframes ribbon{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.3)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(1)}}.deck{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}.card:not(.open){display:none}.card{min-height:0;overflow:hidden;display:flex;flex-direction:column;border:0;border-radius:clamp(.85rem,2vw,1.25rem);background:#2a313c;color:#e5e7eb;box-shadow:0 8px 18px #0000002e;transform:scale(.985);transition:background var(--motion) var(--ease),box-shadow var(--motion) var(--ease),transform var(--motion) var(--ease),color var(--motion) ease}.card.open{background:#f7f8fa;color:#111827;transform:scale(1);box-shadow:0 22px 48px #00000052;z-index:1}.card-head{flex:0 0 var(--peek);width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 clamp(.85rem,2vw,1.2rem);border:0;background:transparent;color:inherit;font-weight:750;font-size:clamp(.95rem,2.2vh,1.1rem);text-align:left}.card-head:disabled{cursor:default;opacity:.55}.card-head small{font-weight:650;font-size:.82rem;opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:clamp(.4rem,1.2vh,.75rem);padding:0 clamp(.85rem,2vw,1.2rem) clamp(.75rem,1.6vh,1rem);opacity:0;transform:translateY(14px);pointer-events:none}.card.open .card-body{opacity:1;transform:none;pointer-events:auto;transition:opacity .38s ease .1s,transform .48s var(--ease) .06s}.solo{flex:1 1 auto;min-height:0;width:min(100%,36rem);margin:0 auto;display:flex;flex-direction:column;gap:clamp(.45rem,1.4vh,.8rem);padding:clamp(1rem,3vh,1.6rem);border-radius:clamp(.9rem,2vw,1.3rem);background:#f7f8fa;color:#111827;box-shadow:0 22px 48px #00000047;animation:settle .5s var(--ease)}.solo h1,.kicker,.lead,.status,.notice{margin:0}.kicker{color:#355ca8;font-size:.78rem;font-weight:750;letter-spacing:.08em}h1{font-size:clamp(1.35rem,4vh,1.9rem)}.lead,.status{color:#64748b;font-size:clamp(.85rem,2vh,.95rem)}.notice{color:#b91c1c;font-weight:650}.digits{display:grid;place-items:center;min-height:clamp(2.6rem,7vh,3.4rem);border-radius:.7rem;background:#111827;color:#f9fafb;font-size:clamp(1.2rem,3.4vh,1.7rem);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.06em}.card.open .digits{background:#111827}.pad{flex:1 1 auto;align-self:center;width:min(100%,20rem);min-height:0;margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(3.5rem,5.25rem));gap:.45rem;align-content:center}.key{min-height:0;padding:0;border:0;border-radius:.65rem;background:#e8edf4;color:#111827;font-size:clamp(1.7rem,4.2vh,2.35rem);font-weight:800;line-height:1}.key:active{transform:scale(.97)}.key.ghost{background:transparent;color:#475569;font-size:clamp(1rem,2.2vh,1.2rem);font-weight:800}.hits{display:grid;gap:.65rem;max-height:46%;overflow:auto}.hit,.good-add{border:1px solid #d5dbe3;border-radius:.7rem;background:linear-gradient(180deg,#fff,#eef2f7);color:inherit;text-align:left}.hit{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.8rem;min-height:4.75rem;padding:.55rem .85rem}.hit strong{font-size:1.28rem;font-weight:800;line-height:1.15}.hit-phone{grid-column:1;font-size:1.02rem;font-weight:700;letter-spacing:.04em;color:#334155}.hit-balance{grid-column:2;grid-row:1 / span 2;font-size:1.15rem;font-weight:800}.goods{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.75rem;align-content:start;padding-bottom:.2rem}.good{position:relative;display:grid;height:10.5rem}.good-add{display:flex;flex-direction:column;justify-content:space-between;gap:.35rem;height:100%;min-height:0;padding:.7rem .75rem}.good-add strong{font-size:1.45rem;font-weight:800;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.good-add .price{font-size:1.6rem;font-weight:800;line-height:1;color:#111827}.good-add:disabled{opacity:.45}.good.in .good-add{border-color:#355ca8;box-shadow:0 0 0 2px #93b4e5;padding-bottom:5.2rem}.qty{position:absolute;left:.45rem;right:.45rem;bottom:.45rem;z-index:1;display:grid;grid-template-columns:1fr 4.25rem 1fr;height:4.75rem;min-height:0}.qty button,.qty span{display:grid;place-items:center;border:1px solid #355ca8;background:#355ca8;color:#fff;font-size:1.75rem;font-weight:800}.qty button:first-child{border-radius:.45rem 0 0 .45rem}.qty button:last-child{border-radius:0 .45rem .45rem 0}.qty button{border-left:0;border-right:0;padding:0}.qty span{background:#1e3a8a}.bill.compact{flex:0 1 auto;max-height:6.5rem}.bill{flex:1 1 auto;min-height:0;overflow:auto;margin:0;padding:0;list-style:none;display:grid;align-content:start;gap:.45rem}.bill li,.facts div{display:flex;justify-content:space-between;gap:1rem}.facts{margin:0;padding:.75rem .85rem;border-radius:.7rem;background:#fff;border:1px solid #e5e7eb;display:grid;gap:.45rem}.facts dt{color:#6b7280}.facts dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.facts dd.spend,.spend{color:#dc2626}.facts dd.after,.after{color:#15803d}.foot{flex:0 0 auto;margin-top:auto;display:flex;align-items:center;gap:.55rem}.total{margin-right:auto;font-variant-numeric:tabular-nums;font-size:clamp(1rem,2.6vh,1.25rem)}.next-btn,.ghost-btn,.danger-btn{min-height:clamp(2.6rem,6.5vh,3.1rem);padding:0 1rem;border-radius:.7rem;font-weight:750;font-size:clamp(.95rem,2.2vh,1.05rem)}.next-btn{flex:1 1 auto;border:0;background:#15803d;color:#fff}.next-btn:disabled{opacity:.4;cursor:default}.ghost-btn{border:1px solid #cbd5e1;background:#fff;color:#334155}.danger-btn{flex:1;border:0;background:#b45309;color:#fff}.danger-btn:disabled{opacity:.4}.change{align-self:center}.solo.done{flex:1 1 auto;overflow:visible;animation:settle .55s var(--ease)}.done-next{flex:0 0 auto;width:min(100%,36rem);margin:0 auto;min-height:3.8rem;border:0;border-radius:.8rem;background:#15803d;color:#fff;display:grid;justify-items:center;align-content:center;gap:.05rem;font-size:1.2rem;font-weight:800}.done-next small{font-size:.78rem;font-weight:650;opacity:.92}.solo .next-btn,.solo .danger-btn{width:100%}@keyframes settle{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:720px){.stage{gap:.3rem;padding:calc(.4rem + env(safe-area-inset-top)) .55rem calc(.4rem + env(safe-area-inset-bottom))}.progress button small{display:none}.goods{grid-template-columns:repeat(auto-fill,minmax(min(100%,8.6rem),1fr));gap:.55rem}.good{height:7.15rem}.good-add{gap:.2rem;padding:.55rem .6rem}.good-add strong{font-size:1.05rem}.good-add .price{font-size:1.12rem}.good.in .good-add{padding-bottom:3.05rem}.qty{left:.35rem;right:.35rem;bottom:.35rem;grid-template-columns:1fr 2.4rem 1fr;height:2.55rem}.qty button,.qty span{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.deck,.card,.card.open .card-body,.solo,.key,.progress:after,.confetti span,.check-ring,.check-mark,.check-pop{transition:none;animation:none}.check-ring,.check-mark{stroke-dashoffset:0}.check-pop{background:#15803d}}