:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#202b2b;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-header{background:#087862;color:#fff}.app-header__inner{max-width:660px;height:68px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a4ded1;font-size:14px;font-weight:800}.brand-name{font-weight:750;font-size:19px}.brand-name span{margin-left:4px;font-size:10px;font-weight:600;color:#d3f0e8}.header-shield{margin-left:auto;color:#d3f0e8}.icon-button{width:34px;height:34px;border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:0}.page{max-width:660px;min-height:calc(100vh - 68px);margin:auto;padding:32px 24px 44px}.page--pay{display:flex;flex-direction:column}.merchant-heading{display:flex;gap:17px;align-items:center;margin:15px 0 43px}.merchant-heading__icon{flex:none;width:56px;height:56px;display:grid;place-items:center;background:#deeee9;color:#087862;border-radius:8px}.eyebrow{display:block;color:#687472;font-size:13px;margin-bottom:4px}h1,h2,p{margin:0}.merchant-heading h1{font-size:24px;line-height:1.25;overflow-wrap:anywhere}.payment-panel{border-top:1px solid #d8e2df;padding-top:28px}.section-label{display:block;color:#4f5c5a;font-size:15px;font-weight:650}.amount-entry{height:96px;display:flex;align-items:center;gap:8px;border-bottom:2px solid #178d77}.amount-entry span{font-size:29px;font-weight:600}.amount-entry input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#182927;font-size:44px;font-weight:650;letter-spacing:0}.amount-entry input::placeholder{color:#b4c1bd}.amount-hint{margin-top:13px;color:#6d7876;font-size:13px}.notice,.error{display:flex;gap:10px;margin-top:25px;padding:14px;font-size:14px;line-height:1.5;border-radius:6px}.notice{color:#765529;background:#fff2d9}.error{color:#b23531;background:#fbecea}.primary-button{width:100%;min-height:56px;margin-top:31px;padding:0 19px;border:0;border-radius:6px;background:#087862;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px;font-weight:700}.primary-button:disabled{background:#aec9c1;cursor:default}.pay-foot{display:flex;justify-content:center;align-items:center;gap:7px;color:#83918c;font-size:12px;margin-top:20px}.page--result{text-align:center}.result-icon{width:68px;height:68px;border-radius:50%;margin:22px auto;display:grid;place-items:center;color:#647a75;background:#e5eeeb}.result-icon--paid{color:#fff;background:#087862}.page--result h1{font-size:27px}.result-subtitle{color:#677571;font-size:14px;margin-top:10px}.receipt{text-align:left;margin-top:41px;padding:25px 0;border-top:1px solid #d8e2df;border-bottom:1px solid #d8e2df}.receipt__amount{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;color:#52615d;font-size:15px}.receipt__amount strong{color:#1f2e2a;font-size:28px}.receipt__row{display:flex;justify-content:space-between;gap:20px;color:#77847f;font-size:13px;margin-top:13px}.receipt__row strong{color:#495651;font-weight:550;overflow-wrap:anywhere;text-align:right}.claim-section{margin-top:33px;text-align:left}.claim-section__head{display:flex;align-items:center;gap:12px;color:#087862}.claim-section__head>div{min-width:0;flex:1}.claim-section__head h2{font-size:17px}.claim-section__head p{margin-top:4px;color:#687571;font-size:12px}.claim-section__head>strong{color:#ae4c2a;font-size:20px;white-space:nowrap}.claim-section .primary-button{margin-top:23px}.launch-tag{display:block;width:100%;height:56px;margin-top:23px}.claim-deadline{text-align:center;color:#8b9792;font-size:12px;margin-top:13px}.claimed-label{display:flex;gap:7px;align-items:center;margin-top:22px;color:#087862;font-size:15px}.secondary-button{width:100%;min-height:52px;margin-top:24px;padding:0 18px;border:1px solid #a9bcb5;border-radius:6px;background:transparent;color:#3f5d53;font-size:15px;font-weight:600}.empty-state{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:18px;color:#657570}.empty-state h1{font-size:21px;color:#263d34}@media (min-width: 700px){.page{padding-left:42px;padding-right:42px}.merchant-heading{margin-top:33px}}