:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#182b4d;background:#f4f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4096ff;outline-offset:4px}button:hover:enabled{filter:brightness(.82)}[hidden]{display:none!important}.header{height:88px;border-bottom:1px solid #e2e8f2;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fff}.brand{display:flex;gap:10px;align-items:center;color:#183b70;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;border-radius:11px;background:#1677ff;color:white;width:36px;height:36px;font-size:26px}.brand-light{font-weight:400;color:#7e8da5}.header-note{color:#7e8da5;font-size:12px;letter-spacing:2px}main{max-width:1016px;margin:0 auto;padding:48px 28px 24px}.intro{margin-bottom:30px}.eyebrow{font-size:10px;font-weight:700;color:#1677ff;letter-spacing:2.4px}h1{font-size:32px;letter-spacing:-1px;margin:10px 0 12px;font-weight:650}.intro p{font-size:14px;color:#78869b;margin:0}.layout{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:48px;align-items:start}.payment-card{background:#fff;border:1px solid #dfe7f3;border-radius:18px;box-shadow:0 10px 40px #163d7610;overflow:hidden}.card-top{padding:21px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f7;font-size:13px;font-weight:600}.status{color:#1668dc;background:#eaf3ff;border-radius:20px;font-size:11px;padding:7px 11px}.status:before{content:' ';display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:6px}.status.warn{color:#aa7323;background:#fff5df}.status.error{color:#b4534f;background:#fff0ed}.amount-section{text-align:center;padding:26px 20px 22px}.label{font-size:12px;color:#77859b}.amount{display:flex;align-items:baseline;justify-content:center;gap:9px;margin:10px 0 8px;overflow-wrap:anywhere}.amount>span:first-child{font-size:42px;font-weight:650;letter-spacing:-1.7px;font-variant-numeric:tabular-nums;min-width:0}.currency{font-size:14px;color:#657b9a}.text-button{border:0;background:transparent;color:#1668dc;font-size:12px;padding:4px}.payment-details{padding:0 28px 24px}.network-row{display:flex;align-items:center;justify-content:space-between;background:#f5f8fd;padding:13px 16px;border-radius:8px;gap:12px}.network{font-size:12px;font-weight:650;color:#245aa0}.qr-wrap{width:200px;height:200px;display:grid;place-items:center;background:white;margin:20px auto 8px;border:1px solid #e1e8f3;border-radius:12px;padding:8px}.qr-wrap canvas{width:180px;height:180px;image-rendering:pixelated}#qr-placeholder{color:#8695ac;font-size:13px;text-align:center;padding:16px;line-height:1.8}.scan-note{font-size:11px;color:#8393ab;text-align:center;margin:0 0 22px}.address-box{display:flex;align-items:center;gap:8px;margin-top:8px;padding:12px;background:#f5f8fd;border:1px solid #e0e8f3;border-radius:8px}.address-box input{min-width:0;width:100%;border:none;background:transparent;color:#365579;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.address-box button{flex-shrink:0;border:none;background:transparent;font-size:12px;color:#1668dc}.countdown-row{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.countdown-row strong{font-size:17px;font-weight:600;letter-spacing:1px;color:#1668dc;font-variant-numeric:tabular-nums}.progress{height:4px;border-radius:4px;background:#eaf0f9;margin-top:12px;overflow:hidden}#progress{height:100%;width:0;background:#4096ff;transition:width .8s linear}.order-row{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#91a0b7;margin-top:19px}#order-no{overflow-wrap:anywhere;text-align:right}.card-bottom{padding:16px 28px;background:#fafcff;border-top:1px solid #edf1f7;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:#8090a7}.card-bottom button{flex-shrink:0}.guide{padding-top:22px}.guide-heading{display:flex;gap:11px;align-items:center}.small-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d2e1f6;border-radius:8px;color:#1677ff}.guide h2{font-size:16px;margin:0;font-weight:600}.steps{list-style:none;padding:0;margin:28px 0 35px}.steps li{display:flex;gap:16px;margin:0 0 27px}.step-number{font-size:11px;color:#487eb7;padding-top:3px;font-weight:650}.steps h3,.notice h3{font-size:13px;font-weight:600;margin:0 0 9px}.steps p,.notice p{font-size:12px;line-height:1.9;color:#76869d;margin:0}.notice{padding:20px 17px;display:flex;gap:11px;background:#edf4ff;border:1px solid #d5e4fa;border-radius:10px}.notice-symbol{border:1px solid #397acb;color:#397acb;border-radius:50%;width:16px;height:16px;flex-shrink:0;text-align:center;font-size:11px}.notice h3{color:#285b9c}.notice p{color:#627e9f;font-size:11px}.notice p+p{margin-top:11px}.help-note{font-size:11px;line-height:1.9;color:#8b9ab1;padding:8px 5px}.demo-banner{background:#fff2d6;color:#88611d;padding:12px 16px;border-radius:8px;margin:0 0 18px;font-size:12px}footer{text-align:center;margin-top:35px;font-size:10px;letter-spacing:1px;color:#98a7bd}footer span{padding:0 10px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 22px;max-width:90vw;background:#193e73;color:#fff;border-radius:10px;box-shadow:0 8px 24px #193e7322;font-size:13px;z-index:10}@media(max-width:760px){.header{height:68px;padding:0 22px}.header-note{display:none}main{padding:30px 18px 24px;max-width:570px}.layout{grid-template-columns:1fr;gap:10px}.intro{margin-bottom:24px}h1{font-size:28px}.guide{padding:28px 8px 0}.card-top,.card-bottom{padding-left:20px;padding-right:20px}.payment-details{padding-left:20px;padding-right:20px}.amount>span:first-child{font-size:36px}.steps{margin-bottom:24px}.brand{font-size:16px}.amount{flex-wrap:wrap}.order-row{font-size:10px}}@media(prefers-reduced-motion:reduce){#progress{transition:none}}

.deadline-banner{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:21px 24px;background:#eaf3ff;border:1px solid #b8d5ff;border-left:4px solid #1677ff;border-radius:12px;color:#154c9b}.deadline-icon{font-size:34px;line-height:1;flex-shrink:0}.deadline-content{min-width:0}.deadline-label{font-size:13px;font-weight:650}.deadline-label span{display:inline-block;margin-left:10px;font-size:11px;font-weight:400;color:#5478a7}.deadline-banner time{display:block;margin-top:7px;font-size:26px;font-weight:700;letter-spacing:.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.deadline-banner p{margin:8px 0 0;font-size:12px;line-height:1.6;color:#5478a7}.deadline-banner.ended{background:#f0f3f8;border-color:#d5deeb;color:#60728c}.deadline-banner.ended p,.deadline-banner.ended .deadline-label span{color:#72859f}@media(max-width:760px){.deadline-banner{padding:18px 16px;gap:12px}.deadline-banner time{font-size:21px;letter-spacing:0}.deadline-icon{font-size:28px}}

.deadline-banner{background:#fff2f0;border-color:#ffccc7;border-left-color:#d9363e;color:#a82028}.deadline-label span,.deadline-banner p{color:#9b5559}.deadline-banner time,.countdown-row strong{color:#cf1322}.deadline-icon{color:#cf1322}#progress{background:#e5484d}.payment-reminders{margin:14px 0 0;padding:13px 0 0 18px;border-top:1px solid #f3c7c7;color:#85494e;font-size:12px;line-height:1.8}.payment-reminders li+li{margin-top:7px}.payment-reminders strong{color:#b4232d;font-weight:650}

html:not(.has-order){background:#fff}
.order-result{margin-bottom:24px;padding:24px;border:1px solid #ffccc7;border-left:4px solid #cf1322;border-radius:12px;background:#fff2f0;color:#b4232d}.order-result h1{margin:0 0 10px;font-size:25px;font-weight:700;letter-spacing:0}.order-result p{margin:0;font-size:13px;line-height:1.8}.order-result.complete{background:#eaf3ff;border-color:#b8d5ff;border-left-color:#1677ff;color:#154c9b}