:root{--bg-main: #edf3fc;--text-main: #1f3e67;--text-sub: #6483ab;--card-bg: rgba(255, 255, 255, .86);--card-border: rgba(126, 160, 214, .28);--brand-blue: #1f5aa6;--brand-blue-soft: #edf5ff;--warn-text: #a64a2a;--warn-bg: #fae8de;--warn-border: rgba(232, 145, 112, .55);color-scheme:light;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{min-height:100%;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(95,148,237,.16),transparent 40%),radial-gradient(circle at 88% 90%,rgba(82,145,235,.2),transparent 46%),linear-gradient(160deg,#edf3fc,#eaf2fd 42%,#e7f0fb);color:var(--text-main)}.cashier-page{position:relative;height:100svh;height:100dvh;min-height:100svh;min-height:100dvh;display:grid;place-items:center;padding:max(env(safe-area-inset-top),clamp(8px,1.2vh,12px)) max(env(safe-area-inset-right),clamp(8px,1.2vh,12px)) max(env(safe-area-inset-bottom),clamp(8px,1.2vh,12px)) max(env(safe-area-inset-left),clamp(8px,1.2vh,12px));overflow:hidden}.cashier-bg{position:absolute;border-radius:999px;pointer-events:none;filter:blur(3px)}.cashier-bg-left{width:300px;height:300px;left:-150px;top:-120px;background:radial-gradient(circle,#5690ee57,#5690ee00)}.cashier-bg-right{width:380px;height:380px;right:-190px;bottom:-210px;background:radial-gradient(circle,#4a89e84d,#4a89e800)}.cashier-fit-stage{position:relative;z-index:1;width:min(100%,560px);height:100%;min-height:0;max-height:100%;align-self:stretch;justify-self:center;display:flex;border-radius:22px;border:1px solid var(--card-border);background:#f5fbffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 44px #2b539229;overflow:hidden}.cashier-container{position:relative;width:100%;min-height:0;height:100%;max-height:100%;padding:clamp(10px,1.6vh,14px) clamp(10px,1.6vh,12px) clamp(12px,1.8vh,16px);display:flex;flex-direction:column;gap:clamp(7px,1.05vh,12px);border-radius:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;overflow:hidden}.cashier-header{display:grid;gap:clamp(6px,.9vh,10px)}.cashier-brand{display:flex;align-items:center;gap:10px}.cashier-brand img{width:clamp(36px,5.7vh,44px);height:clamp(36px,5.7vh,44px);object-fit:contain}.cashier-brand h1{margin:0;font-size:clamp(19px,3.1vh,22px);letter-spacing:.6px;color:#24508a}.cashier-network{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:clamp(4px,.7vh,6px) clamp(8px,1.3vh,10px);border-radius:999px;border:1px solid rgba(95,145,224,.38);background:#e7f3ffbf;color:#3769aa;font-size:clamp(11px,1.45vh,12px);font-weight:600}.cashier-network-icon{width:14px;height:14px;flex:none}.cashier-state,.cashier-error,.cashier-amount-card,.cashier-qr-card,.cashier-address-card,.cashier-expired-inline{border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:0 8px 22px #3d68aa14}.cashier-state{padding:14px;font-size:14px;color:#5f81b1;display:flex;align-items:center;justify-content:center;gap:10px}.cashier-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(95,129,177,.25);border-top-color:#5f81b1;flex-shrink:0;animation:cashier-spinner-spin .7s linear infinite}@keyframes cashier-spinner-spin{to{transform:rotate(360deg)}}.cashier-error{padding:14px;border-color:var(--warn-border);background:#fae9e0e6}.cashier-error h2{margin:0;font-size:18px;color:#8f3f27}.cashier-error p{margin:7px 0 12px;color:#a14c2e;font-size:13px}.cashier-error button{border:0;border-radius:10px;padding:8px 12px;font-weight:700;color:#fff;background:linear-gradient(120deg,#3677dd,#285fc0);cursor:pointer}.cashier-amount-card{padding:clamp(10px,1.45vh,15px) clamp(10px,1.35vh,14px);background:linear-gradient(130deg,#dbedfff0,#edf6fff2)}.cashier-amount-card>span{font-size:clamp(12px,1.65vh,13px);color:#6183b0}.cashier-amount-card>strong{margin-top:clamp(4px,.8vh,6px);display:block;font-size:clamp(28px,4.8vh,34px);line-height:1.15;letter-spacing:.3px;color:#204f8f}.cashier-amount-card em{font-style:normal;font-size:clamp(16px,2.5vh,18px);margin-left:4px;color:#3a6caa}.cashier-countdown{margin-top:clamp(6px,1.1vh,10px);width:fit-content;padding:clamp(5px,.8vh,7px) clamp(8px,1.2vh,10px);border-radius:10px;border:1px solid rgba(109,154,228,.5);background:#9cc1f633;color:#2e64ab;font-size:clamp(11px,1.45vh,12px);font-weight:700}.cashier-countdown-warning{color:var(--warn-text);border-color:var(--warn-border);background:#f6c2a940;animation:cashier-countdown-pulse 1.6s ease-in-out infinite}@keyframes cashier-countdown-pulse{0%,to{box-shadow:0 0 #a64a2a00}50%{box-shadow:0 0 0 4px #a64a2a24}}@media(prefers-reduced-motion:reduce){.cashier-countdown-warning{animation:none}}.cashier-qr-card{flex:0 0 auto;padding:clamp(9px,1.2vh,14px) clamp(9px,1.2vh,14px) clamp(8px,1.1vh,12px);display:flex;flex-direction:column;justify-content:flex-start;justify-items:center;gap:clamp(6px,.9vh,8px)}.cashier-qr-wrap{width:100%;display:grid;place-items:center}.cashier-qr-frame{position:relative;width:clamp(188px,min(62vw,31vh),226px);max-width:100%;border-radius:14px;background:#f3f3f3;padding:clamp(3px,.55vh,5px)}.cashier-qr-image{width:100%;display:block;border-radius:10px;background:#fff}.cashier-qr-placeholder{width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:12px;border:1px dashed rgba(138,167,211,.58);background:#f1f8ffe6;color:#6485b0;font-size:13px}.cashier-qr-card p{margin:0;font-size:clamp(11px,1.4vh,12px);color:#6a89b0;text-align:center}.cashier-address-card{padding:clamp(9px,1.3vh,13px)}.cashier-address-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:clamp(6px,.9vh,8px)}.cashier-address-title h3{margin:0;font-size:clamp(13px,1.9vh,15px);color:#2a5b97}.cashier-address-title button{border:1px solid rgba(86,139,221,.5);border-radius:9px;padding:clamp(5px,.8vh,7px) clamp(8px,1.2vh,10px);background:#6798e733;color:#2f5e9f;font-size:clamp(12px,1.6vh,13px);font-weight:700;cursor:pointer}.cashier-address-title button:disabled{opacity:.56;cursor:not-allowed}.cashier-address-card code{display:block;border-radius:10px;border:1px dashed rgba(130,166,221,.62);background:var(--brand-blue-soft);padding:clamp(7px,1vh,9px) clamp(8px,1.2vh,10px);color:#305380;font-size:clamp(12px,1.65vh,13px);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;word-break:break-all;line-height:1.45}.cashier-footer-stack{display:grid;gap:clamp(7px,1.05vh,12px)}.cashier-bottom-elastic-space{flex:1 1 auto;min-height:clamp(8px,1.2vh,16px)}.cashier-tip-text{margin:0;padding:0 clamp(2px,.4vh,4px);color:#6284ae;font-size:clamp(11px,1.45vh,12px);line-height:1.5;text-align:center}.cashier-expired-inline{padding:clamp(9px,1.2vh,11px) clamp(10px,1.3vh,12px);border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-text);font-size:clamp(12px,1.55vh,13px);font-weight:700}.cashier-expired-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.cashier-expired-card{width:min(100%,440px);border-radius:20px;border:1px solid var(--card-border);background:#fafdffe6;box-shadow:0 16px 38px #2f599c24;padding:24px 20px;text-align:center}.cashier-expired-logo{width:80px;height:80px;object-fit:contain}.cashier-expired-card h1{margin:12px 0 8px;color:#285089;font-size:28px}.cashier-expired-card p{margin:0;color:#6787b0;font-size:14px;line-height:1.65}.cashier-expired-card button{margin-top:18px;border:0;border-radius:12px;padding:10px 16px;background:linear-gradient(120deg,#3d7fe3,#2c64c6);color:#fff;font-weight:700;cursor:pointer}.cashier-success-card .cashier-success-icon{width:64px;height:64px;margin:14px auto 4px;display:block}.cashier-success-card h1{color:#1f7a4d}.cashier-success-card p strong{color:#1f3863;font-weight:700}.cashier-success-card button{background:linear-gradient(120deg,#2dba75,#1f9a5f)}@media(min-width:760px){.cashier-page{padding:clamp(16px,2.8vh,24px)}.cashier-container{width:100%;padding:clamp(12px,1.9vh,18px);gap:clamp(8px,1.2vh,14px)}.cashier-brand h1{font-size:clamp(20px,3vh,24px)}.cashier-amount-card>strong{font-size:clamp(30px,4.6vh,38px)}}@media(max-height:860px){.cashier-container{padding:clamp(9px,1.45vh,12px) clamp(9px,1.45vh,12px) clamp(10px,1.5vh,13px);gap:clamp(6px,.95vh,9px)}.cashier-amount-card>strong{font-size:clamp(26px,4.3vh,31px)}}@media(max-height:760px){.cashier-page{padding:max(env(safe-area-inset-top),6px) max(env(safe-area-inset-right),8px) max(env(safe-area-inset-bottom),6px) max(env(safe-area-inset-left),8px)}.cashier-container{padding:8px 9px 10px;gap:5px}.cashier-brand{gap:8px}.cashier-brand img{width:36px;height:36px}.cashier-brand h1{font-size:clamp(18px,2.9vh,20px)}.cashier-amount-card>strong{font-size:clamp(24px,4vh,28px)}.cashier-countdown{margin-top:5px}.cashier-qr-card{padding:8px 8px 6px;gap:4px}.cashier-address-card{padding:8px}.cashier-footer-stack{gap:5px}}@media(max-height:680px){.cashier-network{padding:4px 8px}.cashier-amount-card{padding:8px 9px}.cashier-amount-card>strong{font-size:clamp(22px,3.7vh,26px)}.cashier-qr-card p{display:none}}