@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#19231e;background:#eee9dd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0}.page-shell{min-height:100vh;padding:32px 16px 18px;background:radial-gradient(circle at 50% -15%,#fffdf7 0,#f2ede2 48%,#e8e2d5);display:flex;flex-direction:column;align-items:center}.cashier-card{width:min(100%,440px);min-height:610px;background:#ffffffe0;border:1px solid rgba(36,68,49,.1);border-radius:28px;box-shadow:0 24px 70px #2f372d1f;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row{display:flex;align-items:center;gap:11px;padding:20px 22px;border-bottom:1px solid #ebe9e3}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#173d2a;color:#fff;font-weight:700;border-radius:11px}.brand-row div:nth-child(2){display:grid;gap:1px}.brand-row strong{font-size:15px}.brand-row small{color:#81877f;font-size:10px}.secure-pill{margin-left:auto;padding:5px 9px;border-radius:99px;color:#247247;background:#eaf5ee;font-size:11px;font-weight:600}.amount-panel{text-align:center;padding:34px 24px 30px;background:linear-gradient(180deg,#fbfaf6,#f4f7f1)}.amount-panel>span{color:#777e77;font-size:13px}.amount{margin:9px 0 8px;font-size:47px;line-height:1;letter-spacing:-2px;font-weight:700;color:#153824}.amount small{margin-right:5px;font-size:21px;vertical-align:9px}.amount-panel p{margin:0;font-size:13px;color:#666f68}.payer-section{padding:22px 22px 0;display:grid;gap:7px}.payer-section label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.payer-section label b{padding:2px 6px;color:#a44e46;background:#f8e9e7;border-radius:5px;font-size:9px}.payer-section input{width:100%;padding:12px 13px;border:1px solid #daddd8;border-radius:11px;color:#19231e;background:#fff;outline:none}.payer-section input:focus{border-color:#2b6c48;box-shadow:0 0 0 3px #2b6c4817}.payer-section input[aria-invalid=true]{border-color:#c36a62}.payer-section input:disabled{color:#8d948e;background:#f1f2ef}.payer-section small{color:#8a908a;font-size:10px}.method-section{padding:21px 22px 14px}.method-section h2{margin:0 0 14px;font-size:14px;font-weight:600}.method{width:100%;display:grid;grid-template-columns:43px 1fr 20px;align-items:center;gap:12px;margin-bottom:10px;padding:13px;text-align:left;color:inherit;background:#fff;border:1px solid #e3e5e1;border-radius:15px;cursor:pointer;transition:.2s ease}.method:hover{transform:translateY(-1px);border-color:#bfc9c1}.method.active{border-color:#2b6c48;box-shadow:0 0 0 3px #2b6c4817}.method>span:nth-child(2){display:grid;gap:2px}.method strong{font-size:14px}.method small{color:#8a908a;font-size:11px}.method i{width:17px;height:17px;border:1.5px solid #c6cac6;border-radius:50%}.method.active i{border:5px solid #2b6c48}.channel-icon{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:12px;font-weight:700}.wechat{background:#18a85b}.alipay{background:#1677ff}.dev-field{display:grid;gap:6px;margin:0 22px 14px;color:#8b7662;font-size:11px}.dev-field input{width:100%;padding:9px 11px;border:1px dashed #cdbba9;border-radius:9px;outline:none;background:#fffaf4}.pay-button,.primary-action{display:block;width:calc(100% - 44px);margin:2px 22px 0;padding:15px;border-radius:14px;background:#173d2a;color:#fff;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 9px 24px #173d2a33}.pay-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.agreement{margin:13px 0 24px;color:#9ca09c;text-align:center;font-size:10px}.pending-banner{display:flex;align-items:center;gap:12px;margin:18px 22px 0;padding:13px;color:#604c20;background:#fff7de;border-radius:12px}.pending-banner div{display:grid;gap:2px}.pending-banner strong{font-size:13px}.pending-banner small{font-size:10px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spinner.dark{color:#83651c;border-color:#e5d49a;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.state-panel{min-height:610px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6d746f;font-size:14px}.error-state{flex-direction:column}.error-state strong{color:#8b3434}.error-message{margin:0 22px 12px;padding:10px 12px;border-radius:9px;color:#9c3030;background:#fff0ef;font-size:12px}.empty-note{padding:14px;text-align:center;color:#8a908a;background:#f5f5f2;border-radius:12px;font-size:12px}.result{min-height:520px;padding:62px 28px 30px;text-align:center}.result-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;font-size:35px;font-weight:600}.success-result .result-icon{color:#fff;background:#2b8052;box-shadow:0 12px 28px #2b80523d}.failed-result .result-icon{color:#fff;background:#b8544e}.result h1{margin:0;font-size:23px}.result p{color:#727a74}.result .result-amount{margin:18px 0 42px;color:#173d2a;font-size:35px;font-weight:700}footer{margin-top:auto;padding-top:22px;color:#98978f;font-size:10px;text-align:center}@media(max-width:480px){.page-shell{padding:0}.cashier-card{width:100%;min-height:calc(100vh - 42px);border:0;border-radius:0 0 24px 24px;box-shadow:none}}