:root{--bg: #eef2f0;--bg-2: #e5ece8;--surface: #ffffff;--surface-2: #f4f8f6;--surface-3: #eaf1ed;--line: rgba(16, 60, 45, .09);--line-strong: rgba(16, 60, 45, .16);--text: #16302a;--text-dim: #55695f;--text-mute: #93a69c;--gold: #10b981;--gold-soft: rgba(16, 185, 129, .12);--brand-deep: #0b7d59;--wechat: #07c160;--wechat-press: #06a850;--alipay: #1677ff;--alipay-press: #0e63e6;--success: #0e9f6e;--danger: #e0654a;--warning: #d99a2b;--radius-lg: 22px;--radius: 16px;--radius-sm: 12px;--content-w: 420px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;min-height:100dvh;background:radial-gradient(125% 80% at 50% -12%,#e4f6ec 0%,var(--bg) 48%,var(--bg-2) 100%);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;line-height:1.5}#app{min-height:100vh;min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 22px) calc(var(--safe-left) + 18px)}.shell{width:100%;max-width:var(--content-w);margin:0 auto;flex:1;display:flex;flex-direction:column}.brandbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 18px}.brandbar__merchant{display:flex;align-items:center;gap:10px;min-width:0}.brandbar__logo{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(135deg,#34d399 0%,var(--gold) 60%,#0b9467 100%);box-shadow:0 4px 14px #10b98147}.brandbar__name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandbar__badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.5px;color:var(--text-mute);border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}.brandbar__badge b{color:var(--gold);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 16px 44px #103c2d14}.footnote{margin-top:auto;padding-top:22px;text-align:center;font-size:12px;color:var(--text-mute);display:flex;align-items:center;justify-content:center;gap:6px}.footnote svg{width:13px;height:13px;opacity:.8}.amount{display:flex;align-items:baseline;justify-content:center;gap:4px;color:var(--text)}.amount__symbol{font-size:26px;font-weight:600;color:var(--text-dim);transform:translateY(-4px)}.amount__value{font-size:56px;font-weight:700;letter-spacing:-1px;line-height:1.05}.amount__value.is-placeholder{color:var(--text-mute)}.amount--hero .amount__value{font-size:64px}.amount__caret{width:2px;align-self:stretch;margin:6px 0;background:var(--gold);border-radius:2px;animation:caret-blink 1.1s steps(1) infinite}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad__key{height:58px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);font-size:26px;font-weight:600;color:var(--text);display:grid;place-items:center;transition:transform .08s ease,background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.keypad__key:active{transform:scale(.955);background:var(--gold-soft);border-color:var(--gold)}.keypad__key--fn{font-size:20px;color:var(--text-dim);background:var(--surface-2)}.keypad__key--del svg{width:26px;height:26px}.field{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;transition:border-color .15s ease,background .15s ease}.field:focus-within{border-color:var(--gold);background:#fff}.field__icon{flex:none;color:var(--text-mute);display:grid;place-items:center}.field input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:15px}.field input::placeholder{color:var(--text-mute)}.btn{width:100%;height:54px;border-radius:var(--radius);font-size:17px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .09s ease,filter .15s ease,opacity .15s ease;color:#fff}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;filter:grayscale(.25);pointer-events:none}.btn__icon{width:24px;height:24px;flex:none}.btn--gold{color:#fff;background:linear-gradient(135deg,#34d399 0%,var(--gold) 60%,#0e9f6e 100%);box-shadow:0 12px 28px #10b98147}.btn--wechat{background:linear-gradient(135deg,#14cf6c 0%,var(--wechat) 100%);box-shadow:0 12px 28px #07c16042}.btn--wechat:active{background:var(--wechat-press)}.btn--alipay{background:linear-gradient(135deg,#2f86ff 0%,var(--alipay) 100%);box-shadow:0 12px 28px #1677ff42}.btn--alipay:active{background:var(--alipay-press)}.btn--ghost{color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:none}.btn--block+.btn--block{margin-top:12px}.channel-btn{width:100%;min-height:66px;border-radius:var(--radius);display:flex;align-items:center;gap:14px;padding:0 20px;color:#fff;transition:transform .09s ease,filter .15s ease}.channel-btn:active{transform:scale(.98)}.channel-btn:disabled{opacity:.5;filter:grayscale(.25);pointer-events:none}.channel-btn__icon{width:34px;height:34px;flex:none}.channel-btn__text{display:flex;flex-direction:column;text-align:left;line-height:1.2}.channel-btn__title{display:block;font-size:18px;font-weight:600}.channel-btn__sub{display:block;font-size:12px;opacity:.85;margin-top:2px}.channel-btn__arrow{margin-left:auto;opacity:.8}.channel-btn--wechat{background:linear-gradient(135deg,#14cf6c 0%,var(--wechat) 100%);box-shadow:0 12px 28px #07c16038}.channel-btn--alipay{background:linear-gradient(135deg,#2f86ff 0%,var(--alipay) 100%);box-shadow:0 12px 28px #1677ff38}.channels{display:flex;flex-direction:column;gap:14px}.channels--desktop{flex-direction:row}.channels--desktop .channel-btn{flex:1;flex-direction:column;justify-content:center;gap:8px;min-height:132px;padding:18px;text-align:center}.channels--desktop .channel-btn__text{text-align:center}.channels--desktop .channel-btn__arrow{display:none}.qrbox{display:flex;flex-direction:column;align-items:center;gap:16px}.qrbox__frame{padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 34px #103c2d1f;position:relative}.qrbox__frame canvas,.qrbox__frame img{display:block;width:216px;height:216px;border-radius:4px}.qrbox__badge{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);font-size:12px;font-weight:600;color:#fff;padding:4px 12px;border-radius:999px;white-space:nowrap}.qrbox__badge--wechat{background:var(--wechat)}.qrbox__badge--alipay{background:var(--alipay)}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 6px}.state__title{font-size:18px;font-weight:600}.state__desc{font-size:14px;color:var(--text-dim);max-width:300px}.spinner{width:46px;height:46px;border-radius:50%;border:3px solid var(--line-strong);border-top-color:var(--gold);animation:spin .8s linear infinite}.spinner--brand-wechat{border-top-color:var(--wechat)}.spinner--brand-alipay{border-top-color:var(--alipay)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.checkmark{width:92px;height:92px;border-radius:50%;display:block;stroke-width:4;stroke:var(--success);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--success);animation:check-fill .4s ease-in-out .4s forwards,check-scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4;stroke:var(--success);fill:none;animation:check-stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#fff;animation:check-stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes check-stroke{to{stroke-dashoffset:0}}@keyframes check-scale{0%,to{transform:none}50%{transform:scale3d(1.08,1.08,1)}}@keyframes check-fill{to{box-shadow:inset 0 0 0 48px var(--success)}}.crossmark{width:84px;height:84px;border-radius:50%;border:3px solid var(--danger);display:grid;place-items:center;color:var(--danger)}.crossmark svg{width:40px;height:40px}.detail{width:100%;border-top:1px solid var(--line);margin-top:6px}.detail__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:14px}.detail__label{color:var(--text-dim);flex:none}.detail__value{color:var(--text);text-align:right;word-break:break-all;font-weight:500}.section-title{font-size:13px;color:var(--text-dim);margin:0 0 12px;letter-spacing:.3px}.hint{font-size:13px;color:var(--text-mute);text-align:center}.hint--warn{color:var(--warning)}.mismatch{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:var(--brand-deep);background:var(--gold-soft);border:1px solid rgba(16,185,129,.24);border-radius:var(--radius-sm);padding:11px 14px}.stack{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.center{text-align:center}.p-24{padding:24px}.p-20{padding:20px}.share-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 4px 4px}.share-hero__crest{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#34d399 0%,var(--gold) 60%,#0b9467 100%);box-shadow:0 10px 24px #10b98147;color:#fff;margin-bottom:6px}.share-hero__crest svg{width:30px;height:30px}.share-hero__title{font-size:19px;font-weight:700}.share-hero__merchant{color:var(--gold)}.share-hero__desc{font-size:14px;color:var(--text-dim);line-height:1.6;max-width:300px}.op-toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 40px);transform:translate(-50%,12px);z-index:9999;max-width:82vw;padding:11px 18px;border-radius:12px;background:#16302af5;color:#eef6f2;font-size:14px;line-height:1.4;text-align:center;box-shadow:0 12px 30px #103c2d4d;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.op-toast--show{opacity:1;transform:translate(-50%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(min-width:640px){.page{justify-content:center}}