*{box-sizing:border-box}html{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#18252d;background:#f2f5f7;font-size:16px}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,.dropzone:focus-within{outline:3px solid #20b89f;outline-offset:4px}[hidden]{display:none!important}.topbar{height:84px;background:#102b35;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1160px)/2));color:#fff}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:.02em}.brand-mark{font-size:33px;color:#56d6bf;line-height:1}.brand-label{font-size:15px;font-weight:400;opacity:.75;margin-left:12px;letter-spacing:0;border-left:1px solid #46616a;padding-left:22px}.version{font-size:13px;border:1px solid #4b6871;padding:7px 12px;border-radius:6px;color:#d1e5e9}main{max-width:1216px;margin:auto;padding:50px 28px 24px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}.eyebrow{font-size:13px;font-weight:700;color:#087a67;letter-spacing:.13em;margin:0 0 14px}h1{font-size:36px;line-height:1.3;letter-spacing:-.045em;margin:0 0 15px;font-weight:750}.mobile-break{display:none}.lede{font-size:16px;line-height:1.7;color:#5f707a;margin:0;max-width:650px}.privacy{display:flex;gap:11px;align-items:center;flex-shrink:0;margin-bottom:4px}.privacy-icon{font-size:30px;color:#087a67}.privacy strong,.privacy span:not(.privacy-icon){display:block;font-size:13px;line-height:1.7}.privacy strong{font-weight:600}.privacy div>span{color:#6a7982}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid #dde5e8;border-radius:14px;padding:28px;min-width:0;box-shadow:0 6px 24px #12313c04}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:25px}.step{font-size:13px;font-weight:700;color:#198f7d;background:#e7f5f0;border-radius:6px;padding:6px 8px}h2{font-size:19px;letter-spacing:-.02em;margin:0}.text-button{border:0;background:none;padding:5px 0;color:#74858d;font-size:14px;margin-left:auto}.dropzone{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:28px 12px 23px;border:1.5px dashed #a3babe;background:#f7fbfa;border-radius:9px;cursor:pointer;transition:background .15s,border-color .15s;overflow:hidden}.dropzone:hover,.dropzone.dragging{background:#ecf8f4;border-color:#008775}.dropzone strong{font-size:16px;margin:14px 0 7px}.dropzone>span:not(.qr-icon){font-size:13px;line-height:1.7;color:#657880}.dropzone .file-name{margin-top:14px;max-width:100%;word-break:break-word}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.qr-icon{display:flex;color:#228574}.separator{display:flex;align-items:center;gap:12px;margin:23px 0;color:#8a989f;font-size:13px}.separator:before,.separator:after{content:"";height:1px;background:#e7edef;flex:1}.field-label{display:block;font-size:14px;font-weight:600;margin:0 0 9px}textarea{display:block;width:100%;max-width:100%;resize:vertical;border:1px solid #ccd8dd;border-radius:7px;background:#fafcfd;padding:12px;line-height:1.6;font-size:14px;color:#1f3841;overflow-wrap:anywhere}textarea::placeholder{color:#8b99a0}.helper{font-size:13px;color:#74828b;line-height:1.75;margin:10px 0 18px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border-radius:7px;padding:11px 17px;font-weight:600;font-size:15px;line-height:1.5;text-decoration:none}.primary{background:#097d68;color:white;border:1px solid #097d68;width:100%}.primary:hover:not(:disabled){background:#076853}.primary span{margin-left:auto}.secondary{border:1px solid #c8d6da;background:white;color:#29515d}.error{color:#a73a31;background:#fff0ee;padding:12px;border-radius:7px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.result-panel{min-height:603px}.empty{min-height:455px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-symbol{width:66px;height:66px;display:grid;place-items:center;background:#f0f5f6;color:#839ca5;border-radius:18px;font-size:35px}.empty h3{font-size:17px;font-weight:600;margin:23px 0 10px}.empty p{font-size:14px;color:#84939b;line-height:1.8;max-width:290px;margin:0}.recipient-card{padding:24px;background:#102e38;color:#fff;border-radius:10px}.small-label{font-size:13px;color:#617b86;font-weight:600}.recipient-card>.small-label{color:#9abcc4}.recipient-card h3{font-size:24px;line-height:1.45;margin:8px 0 12px;overflow-wrap:anywhere}.recipient-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;color:#bad4dc}.chip{padding:3px 8px;border-radius:4px;background:#284d58;color:#d4eee9;font-size:12px}.recipient-card dl{border-top:1px solid #35505a;margin:22px 0 0;padding-top:18px;display:grid;gap:12px}.recipient-card dl>div{display:flex;justify-content:space-between;gap:16px;font-size:14px}.recipient-card dt{color:#9fbdc7}.recipient-card dd{margin:0;text-align:right}.confirm{display:flex;gap:10px;font-size:14px;line-height:1.7;margin:22px 0}.confirm input{width:18px;height:18px;accent-color:#087d68;flex-shrink:0;margin-top:3px}.notice{font-size:13px;line-height:1.7;padding:12px;background:#fff6e8;color:#8d6120;border-radius:6px}.generated{border-top:1px solid #e4ecef;margin-top:24px;padding-top:20px}.generated-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.generated h3{font-size:16px;margin:0}.pending{background:#fff1d9;color:#9a6516;flex-shrink:0}.generated textarea{font-size:12px}.actions{display:flex;gap:10px;margin-top:14px}.actions>*{flex:1;white-space:nowrap}.boundary{margin-top:25px;border-left:3px solid #80b8ad;padding:5px 0 5px 16px;display:flex;gap:22px;align-items:baseline}.boundary>.small-label{white-space:nowrap}.boundary p{font-size:13px;line-height:1.8;color:#6d7c83;margin:0;max-width:880px}footer{display:flex;justify-content:space-between;gap:14px;margin-top:35px;font-size:12px;color:#8b989f;line-height:1.7}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#102e38;color:white;padding:12px 22px;border-radius:8px;box-shadow:0 5px 30px #0002;font-size:14px;max-width:90vw;text-align:center}@media(max-width:1000px){.intro{align-items:flex-start;flex-direction:column;gap:19px}.privacy{margin:0}.workspace{gap:18px}.panel{padding:22px}.actions{flex-direction:column}}@media(max-width:720px){.topbar{height:68px;padding:0 20px}.brand{font-size:20px;gap:8px}.brand-label{font-size:13px;margin-left:4px;padding-left:12px}.version{font-size:12px;padding:5px 8px}main{padding:30px 18px 20px}h1{font-size:30px}.lede{font-size:15px}.workspace{grid-template-columns:1fr;gap:18px}.result-panel{min-height:300px}.empty{min-height:230px;padding:20px}.panel{padding:22px}.boundary{display:block}.boundary p{margin-top:8px}footer{flex-direction:column;gap:3px}.actions{flex-direction:row}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:390px){.brand-label{display:none}.actions{flex-direction:column}.mobile-break{display:block}}
input.text-input{display:block;width:100%;min-width:0;border:1px solid #ccd8dd;border-radius:7px;background:#fafcfd;padding:13px 14px;line-height:1.6;color:#1f3841;font-size:15px}input.text-input::placeholder{color:#8b99a0}.amount-input{font-size:24px!important;font-weight:600}.flow{border-top:1px solid #e6edef;padding-top:22px;margin-top:28px;display:grid;gap:16px}.flow>div{display:flex;align-items:center;gap:12px}.flow span{border:1px solid #c8d9db;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#538077;font-size:12px;flex-shrink:0}.flow p{margin:0;color:#6b7d85;font-size:14px;line-height:1.5}.pay-shell{max-width:440px;margin:12vh auto 0;padding:28px;text-align:center}.pay-shell h1{font-size:25px;letter-spacing:0;margin:24px 0 16px}.pay-shell>p{color:#657982;line-height:1.8}.pay-shell>.primary,.pay-shell>.secondary{margin:18px 0}.pay-mark{font-size:38px;color:#078471;background:#e2f1ec;width:78px;height:78px;border-radius:22px;display:grid;place-items:center;margin:auto}.pay-amount{font-size:26px;font-weight:650;color:#123540!important}.pay-shell .helper{margin-top:25px;font-size:13px}
.direct-option{border-top:1px solid #e0e8eb;margin-top:22px;padding-top:20px}.direct-option h3{font-size:15px;margin:0 0 10px}.direct-option .secondary{width:100%}#direct-result{margin-top:18px}#direct-url{font-size:12px}

.topbar{gap:12px}.topbar .brand{margin-right:auto}
.logout{min-height:0;padding:7px 12px;font-size:13px;border:1px solid #4b6871;background:transparent;color:#d1e5e9;border-radius:6px;font-weight:500}.logout:hover{background:#1b3d49;border-color:#6a868f}
.login-panel{max-width:470px;margin:0 auto 34px}.login-panel .helper{margin-bottom:22px}.login-panel .primary{width:100%}
@media(max-width:720px){.topbar .version{display:none}.login-panel{margin-bottom:18px}}