:root{--brand: #1677ff;--brand-2: #0f63df;--cyan: #22d3c5;--success: #16a56a;--danger: #e5484d;--danger-2: #cf2f38;--danger-soft: #fff1f1;--ink: #182235;--muted: #687386;--line: #e8edf4;--page: #fff7ed;--shadow: 0 20px 60px rgba(31, 45, 70, .13);--radius: 26px}.cashier-home-page{min-height:100vh;min-height:100dvh;width:100vw;margin:0;padding:0;color:var(--ink);background:radial-gradient(circle at 8% -8%,rgba(34,211,197,.15),transparent 30%),radial-gradient(circle at 96% 2%,rgba(22,119,255,.13),transparent 32%),linear-gradient(180deg,#fffefb,#fff9f2 48%,#fff5e9);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;box-sizing:border-box;overflow-x:hidden}.cashier-home-page *{box-sizing:border-box}.app{width:min(100%,560px);min-height:100vh;min-height:100dvh;margin:0 auto;position:relative;display:flex;flex-direction:column;overflow:hidden}.topbar{min-height:72px;padding:calc(13px + env(safe-area-inset-top,0px)) 20px 11px;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;position:relative;z-index:10;flex-shrink:0}.topbar__back,.topbar__safe{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#ffffffbd;box-shadow:0 7px 20px #1f2d4614;border:none;cursor:pointer}.topbar__back{color:#172033}.topbar__safe{justify-self:end;color:var(--brand)}.topbar__title{margin:0;text-align:center;font-size:21px;font-weight:850;letter-spacing:.03em;color:#182235}.cashier-main{flex:1;display:flex;flex-direction:column;padding:12px 18px calc(24px + env(safe-area-inset-bottom,0px))}.brand-row{display:flex;align-items:center;gap:13px;margin:2px 6px 16px;flex-shrink:0}.brand-mark{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;position:relative;border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--brand),var(--brand-2));box-shadow:-4px 5px #22d3c573,0 13px 28px #1677ff40}.brand-mark:before{content:"";width:20px;height:27px;display:block;clip-path:polygon(51% 0,100% 0,66% 42%,100% 42%,36% 100%,50% 57%,13% 57%);background:#fff}.brand-copy strong{display:block;font-size:18px;line-height:1.3;font-weight:900;color:#182235}.brand-copy span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.status-card{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 24px 28px;position:relative;overflow:hidden;border-radius:var(--radius);background:#ffffffe6;border:1px solid rgba(255,255,255,.94);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center}.status-card:before{content:"";position:absolute;width:260px;height:260px;left:-125px;top:-125px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,197,.15),transparent 70%);pointer-events:none}.status-card:after{content:"";position:absolute;width:260px;height:260px;right:-125px;bottom:-125px;border-radius:50%;background:radial-gradient(circle,rgba(22,119,255,.12),transparent 70%);pointer-events:none}.state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.matching-visual{width:184px;height:184px;display:grid;place-items:center;position:relative;margin-bottom:28px}.matching-visual__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(22,119,255,.13)}.matching-visual__ring:nth-child(1){top:7px;right:7px;bottom:7px;left:7px;border-top-color:var(--brand);border-right-color:#22d3c5b8;animation:spinVisual 1.6s linear infinite}.matching-visual__ring:nth-child(2){top:24px;right:24px;bottom:24px;left:24px;border-left-color:#1677ff99;border-bottom-color:var(--cyan);animation:spinVisualReverse 2.4s linear infinite}.matching-visual__ring:nth-child(3){top:41px;right:41px;bottom:41px;left:41px;border-color:#1677ff14}.matching-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px #22d3c533;animation:orbitVisual 2.2s linear infinite}.matching-visual__core{width:82px;height:82px;display:grid;place-items:center;border-radius:26px;color:#fff;background:linear-gradient(145deg,var(--brand),var(--brand-2));box-shadow:-5px 6px #22d3c573,0 14px 26px #1677ff52}.matching-visual__core svg{width:44px;height:44px}@keyframes spinVisual{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinVisualReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes orbitVisual{0%{transform:rotate(0) translate(85px) rotate(0)}to{transform:rotate(360deg) translate(85px) rotate(-360deg)}}.state__title{font-size:26px;line-height:1.25;font-weight:900;color:#182235;margin:0 0 10px}.state__desc{color:#64748b;font-size:14px;line-height:1.6;max-width:340px;margin:0}.matching-progress{width:min(100%,360px);height:8px;margin-top:30px;overflow:hidden;border-radius:999px;background:#edf1f6}.matching-progress__bar{width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--brand),var(--cyan));background-size:200% 100%;animation:loadingBar 1.55s ease-in-out infinite}@keyframes loadingBar{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(250%)}}.matching-tip{margin-top:14px;color:#596579;font-size:13px}.matching-tip strong{color:var(--brand);font-size:15px}.match-steps{width:min(100%,390px);margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;position:relative}.match-steps:before{content:"";position:absolute;top:5px;left:16.66%;right:16.66%;height:2px;background:#e2e8f0;z-index:0}.match-steps li{position:relative;color:#8a94a5;font-size:12px;font-weight:700;z-index:1}.match-steps li:before{content:"";width:12px;height:12px;display:block;margin:0 auto 8px;border-radius:50%;background:#d9e0ea;box-shadow:0 0 0 5px #fff}.match-steps li.is-done{color:#10b981}.match-steps li.is-done:before{background:#10b981;box-shadow:0 0 0 5px #10b98133}.match-steps li.is-active{color:var(--brand)}.match-steps li.is-active:before{background:var(--brand);box-shadow:0 0 0 5px #1677ff33}.safe-note{width:min(100%,390px);margin-top:27px;padding:13px 15px;display:flex;align-items:flex-start;gap:9px;text-align:left;border-radius:15px;color:#6f5b2a;background:#fff9e8;border:1px solid #f8e6ac;font-size:13px;line-height:1.6}.safe-note svg{width:19px;height:19px;flex:0 0 19px;margin-top:1px;color:#d28b00}.failed-visual{width:148px;height:148px;margin-bottom:28px;display:grid;place-items:center;position:relative;border-radius:48px;color:#fff;background:linear-gradient(145deg,#ff5a62,var(--danger-2));box-shadow:-7px 9px #ffbebe9e,0 22px 40px #e5484d38}.failed-visual:after,.failed-visual:before{content:"";position:absolute;width:68px;height:9px;border-radius:999px;background:#fff}.failed-visual:before{transform:rotate(45deg)}.failed-visual:after{transform:rotate(-45deg)}.failed-reason{width:min(100%,390px);margin-top:24px;padding:15px 16px;border-radius:17px;text-align:left;color:#7c3136;background:var(--danger-soft);border:1px solid #ffd2d4;font-size:14px;line-height:1.65}.failed-reason strong{display:block;margin-bottom:3px;color:#b72830;font-size:15px;font-weight:800}.footer-note{margin:18px 8px 0;color:#8993a3;text-align:center;font-size:12px;line-height:1.6;flex-shrink:0}