.yfpay-page{--blue:#137a6b;--border:#dbe5e7;background:#f1f6f7;color:#173b3d}.yfpay-page main{max-width:1240px}.yfpay-page .eyebrow{color:#4b8780}.yfpay-page h1{letter-spacing:-.025em}.yfpay-page h2,.yfpay-page h3{color:#193f42}.yfpay-page h3{font-size:14px;font-weight:600;margin:20px 0 10px}.header-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.yfpay-page .config-panel{background:#e5efef;grid-template-columns:2fr 1fr 1fr;padding:20px 22px}.yfpay-page .config-panel>div{display:block}.yfpay-page .config-panel span{display:block;margin-bottom:5px}.yfpay-page .config-panel strong{display:block}.yfpay-page .workspace{grid-template-columns:1.12fr 1fr}.yfpay-page .card{box-shadow:0 5px 16px #123f3f04}.yfpay-page button.primary:hover{background:#0d6558}.yfpay-page input:focus,.yfpay-page select:focus,.yfpay-page textarea:focus{box-shadow:0 0 0 3px #137a6b14}.yfpay-page .step{background:#e5f3ef}.yfpay-page .section-heading>.badge{margin-left:auto}.field-note{display:block;font-size:11px;font-weight:400;color:#82939f;line-height:1.65;margin-top:6px}.auth-section{border:1px solid #e0e9e9;background:#f6faf9;border-radius:9px;padding:14px 16px;margin-top:18px}.auth-section summary{color:#3d786e}.auth-section #auth-result{margin-top:15px}.query-divider{font-size:11px;color:#91a1aa;margin:0 0 13px;display:flex;align-items:center;gap:10px}.query-divider:before,.query-divider:after{content:"";height:1px;flex:1;background:#e2e9ee}.yfpay-page .payment-card{min-height:550px}.pay-symbol{width:78px;height:78px;font-size:36px;font-weight:500;background:#edf5f2;color:#549888;border-radius:23px;display:grid;place-items:center;margin-bottom:20px}.yfpay-page .payment-amount{color:#155d51;text-align:left;margin:20px 0 25px}.yfpay-page .payment-meta{grid-template-columns:90px 1fr;font-size:13px;gap:12px;margin-bottom:28px}.yfpay-page #wechat-pay{margin-top:15px}.yfpay-page #payment-query{margin-top:15px}.yfpay-page #message{margin:0 0 20px;scroll-margin-top:16px}.split-card{margin-top:22px}.section-description{font-size:13px;margin-top:-6px;margin-bottom:22px}.recipient-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;margin-bottom:10px}.recipient-heading h3{margin:0}.recipient-row{display:grid;grid-template-columns:1.2fr .65fr 1fr auto;gap:12px;background:#f6faf9;border:1px solid #e1eae7;border-radius:10px;padding:14px 16px;margin-bottom:10px;align-items:end}.recipient-row label{margin-bottom:0;font-size:12px}.recipient-row input,.recipient-row select{padding:10px}.recipient-row .remove-recipient{height:41px;margin:0;color:#996160}.split-submit{max-width:300px}.inline-query{display:flex;align-items:end;gap:14px;max-width:740px}.inline-query label{flex:1;margin:0}.inline-query button{white-space:nowrap;margin-bottom:1px}.split-total-valid{color:#237358!important}.split-total-invalid{color:#9a453d!important}.yfpay-page pre{background:#f4f8f8;border-color:#e2e9eb}.yfpay-page .report-meta{margin-bottom:8px}.yfpay-page .result-card .section-heading>.badge{margin-left:auto}.yfpay-page .result-card .section-heading>button{margin-left:0}.record-time{display:block;color:#82939f;font:11px/1.7 Consolas,monospace;margin-top:4px}.yfpay-page .orders-card h3{margin-top:24px}.yfpay-page .badge.error{background:#ffeded;color:#a13b3b}.yfpay-page #payment-params{max-height:300px}.yfpay-page .message{overflow-wrap:anywhere}.yfpay-page td:first-child{white-space:normal;min-width:220px;overflow-wrap:anywhere}.yfpay-page .report-copy-field{width:100%;font-size:12px}@media(max-width:900px){.yfpay-page .config-panel{grid-template-columns:1fr 1fr}.yfpay-page .config-panel>div:first-child{grid-column:1/-1}.recipient-row{grid-template-columns:1fr 1fr}.recipient-row .remove-recipient{justify-self:end}.yfpay-page .workspace{grid-template-columns:1fr}.yfpay-page .payment-card{min-height:0}.yfpay-page .placeholder{min-height:260px}}@media(max-width:480px){.yfpay-page .config-panel{grid-template-columns:1fr}.yfpay-page .config-panel>div:first-child{grid-column:auto}.header-links{gap:9px}.recipient-row{grid-template-columns:1fr;padding:13px}.recipient-row .remove-recipient{height:auto;justify-self:start}.inline-query{align-items:stretch;flex-direction:column}.inline-query button{align-self:start}.yfpay-page .section-heading{flex-wrap:wrap}.yfpay-page .payment-meta{font-size:12px;grid-template-columns:78px 1fr}.yfpay-page .result-card .section-heading>.badge{margin-left:0}.split-submit{max-width:none}}
.error-logs-card{margin-top:22px;scroll-margin-top:16px}.yfpay-page .error-logs-table td:first-child{min-width:150px;white-space:nowrap}.error-logs-table td:nth-child(3){min-width:180px;max-width:240px;white-space:normal;overflow-wrap:anywhere}.error-logs-table .error-log-message{min-width:230px;max-width:360px;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}.error-logs-table .platform-error{color:#a0443d}.error-logs-table td:last-child{min-width:125px;white-space:normal}.error-logs-table button{margin-bottom:6px}.error-logs-card .section-heading{flex-wrap:wrap}.error-logs-card .section-heading>.badge{margin-left:auto}.error-logs-card .section-heading>button{margin-left:0}
.yfpay-page .message.error{white-space:pre-wrap}
.yfpay-page .wechat-entry-panel{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:26px;align-items:start;padding:24px}.wechat-entry-panel .wechat-entry-content{min-width:0}.wechat-entry-panel h2{margin:6px 0 10px}.wechat-entry-description{font-size:13px;margin-bottom:16px}.wechat-entry-description code{font:12px Consolas,monospace;overflow-wrap:anywhere}.wechat-entry-panel .wechat-entry-meta{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;margin:10px 0}.wechat-entry-panel .wechat-entry-meta span{margin:0}.wechat-entry-panel .wechat-entry-meta strong{min-width:0}.wechat-entry-panel .wechat-entry-meta a{color:#176f62;overflow-wrap:anywhere}.wechat-entry-panel .actions{margin-top:16px}.wechat-entry-qr{padding:28px;background:#fff;border:1px solid #dce7e5;border-radius:12px;text-align:center;width:242px;max-width:100%}.wechat-entry-qr #wechat-entry-qrcode{width:184px;max-width:100%;height:184px;display:flex;align-items:center;justify-content:center}.wechat-entry-qr img,.wechat-entry-qr canvas{display:block;max-width:100%;height:auto}.wechat-entry-qr .hint{margin-bottom:0}.wechat-developer-help{margin:14px 0 0}.wechat-developer-help p{font-size:12px;line-height:1.8;margin:9px 0}.wechat-developer-help summary{color:#456f68}@media(max-width:900px){.yfpay-page .wechat-entry-panel>div:first-child{grid-column:auto}}@media(max-width:640px){.yfpay-page .wechat-entry-panel{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}.wechat-entry-panel .wechat-entry-qr{justify-self:center}.wechat-entry-panel .actions{flex-direction:column}.wechat-entry-panel .actions button{width:100%;font-size:13px}.wechat-entry-panel .wechat-entry-meta{grid-template-columns:60px minmax(0,1fr);gap:8px}}
.wechat-config-note{padding:10px 13px;margin:12px 0;border:1px solid #c8ded8;border-radius:8px;background:#f1f8f5}.wechat-config-note p{font-size:12px;color:#426b61;margin:3px 0}.wechat-config-note code{font:12px Consolas,monospace;overflow-wrap:anywhere}
.wechat-identity-status{padding:13px 15px;margin-bottom:16px;border:1px solid #e3d9ba;border-radius:9px;background:#fff8e9;color:#8b6a28}.wechat-identity-status strong{font-size:13px;font-weight:600}.wechat-identity-status p{font-size:12px;color:inherit;margin:4px 0 0}.wechat-identity-status.authorized{border-color:#c9e3d9;background:#eef8f2;color:#286c51}
.current-error-dialog{width:480px;max-width:calc(100% - 32px);max-height:80vh;overflow:auto;border:1px solid #e3d7d7;border-radius:14px;padding:25px;background:#fff;color:#293e48;box-shadow:0 18px 65px #102b3d33}.current-error-dialog:not([open]){display:none}.current-error-dialog::backdrop{background:#142f3c70}.current-error-dialog h2{font-size:18px;color:#9b3d38;margin:0 0 12px}.current-error-date{font-size:12px;color:#81909c}.current-error-reason{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:#783f3c;background:#fff3f1;border-radius:8px;padding:14px;margin:16px 0}.current-error-dialog button{margin-top:10px}
.alipay-h5-page{--blue:#1677cc}.alipay-h5-page .eyebrow{color:#397daf}.alipay-h5-page .step{color:#1677cc;background:#edf5ff}.alipay-h5-page button.primary:hover,.alipay-h5-page .button.primary:hover{background:#1165ae}.alipay-h5-page .pay-symbol{color:#1677cc;background:#edf5ff}.alipay-h5-page .payment-amount{color:#166cb4}.alipay-h5-page .h5-scene-notice{background:#e9f3ff;color:#235f91;margin-top:0}.yfpay-page .h5-payment-actions{align-items:center;margin:18px 0}.yfpay-page .button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.h5-payment-actions .button{flex:1}.h5-payment-qr-panel{width:254px;max-width:100%;padding:16px;margin:22px auto;border:1px solid #dbe5ed;border-radius:12px;background:#fff;text-align:center}.h5-payment-qr-panel #h5-payment-qrcode{width:220px;max-width:100%;height:220px;margin:auto;display:flex;align-items:center;justify-content:center}.h5-payment-qr-panel img,.h5-payment-qr-panel canvas{display:block;max-width:100%;height:auto}.h5-payment-qr-panel .hint{margin-bottom:0}@media(max-width:480px){.h5-payment-actions{flex-direction:column;align-items:stretch!important}.h5-payment-actions .button,.h5-payment-actions button{width:100%}}
.instant-split-fields{min-width:0;border:1px solid #cbded9;border-radius:10px;background:#f8fcfa;padding:16px;margin:4px 0 20px}.instant-split-fields[hidden]{display:none}.instant-split-fields legend{padding:0 7px;color:#285f54;font-size:14px;font-weight:600}.instant-split-fields>.hint{margin:0 0 14px}.instant-split-fields .recipient-heading{align-items:center;flex-wrap:wrap}.instant-split-fields .instant-recipient-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;padding:12px}.instant-split-fields .recipient-row input{width:100%;min-width:0}.instant-split-fields #instant-split-total{margin:10px 0 0}.record-scene{display:block;font-size:11px;color:#42766c;margin-top:5px}#payment-scene{scroll-margin-top:20px}@media(max-width:640px){.instant-split-fields .instant-recipient-row{grid-template-columns:minmax(0,1fr)}.instant-split-fields .instant-recipient-row .remove-recipient{height:auto;justify-self:start}}