.tp-app{padding:24px 0 48px;color:#2b3640}.tp-inner{max-width:980px;margin:0 auto}.tp-head{padding:2px 0 14px;text-align:center}.tp-head h1{font-size:22px;font-weight:700;color:#222c34;margin:0}.tp-card{background:#fff;border:1px solid #e8edf1;border-radius:3px;padding:14px 16px;box-shadow:0 4px 14px rgb(30 50 70 / 21%);margin-bottom:12px}.tp-card-hd{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tp-step{width:20px;height:20px;border-radius:6px;background:#eafaf6;color:#18bc9c;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.tp-card-title{font-size:14px;font-weight:400;color:#25313a}.tp-nets,.tp-tokens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tp-mode,.tp-net,.tp-token{display:block;margin:0;cursor:pointer;position:relative}.tp-token{display:none}.tp-token.show{display:block}.tp-mode>input,.tp-net>input,.tp-token>input{position:absolute;opacity:0;width:0;height:0}.tp-net-body,.tp-token-body{display:flex;align-items:center;gap:6px;border:1px solid #e6ecf0;background:#fbfdfe;border-radius:3px;padding:7px 9px;transition:all .18s ease;overflow:hidden}.tp-net-body{height:100%}.tp-mode:hover .tp-mode-body,.tp-net:hover .tp-net-body,.tp-token:hover .tp-token-body{border-color:#b9e7dd}.tp-mode>input:checked+.tp-mode-body,.tp-net>input:checked+.tp-net-body,.tp-token>input:checked+.tp-token-body{border-color:#18bc9c;background:#f2fbf8;box-shadow:0 0 0 3px rgba(24,188,156,.12)}.tp-ico{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center}.tp-ico img,.tp-ico svg{width:28px;display:block;object-fit:contain}.tp-ico em{font-style:normal;font-size:9px;font-weight:700;color:#7a8b99}.tp-net-text{min-width:0;flex:1}.tp-net-text b{display:block;font-size:12px;color:#25313a;font-weight:600;line-height:1.35;word-break:break-word}.tp-net-text em{display:block;font-style:normal;font-size:10px;color:#9aa9b4;font-weight:400}.tp-radio{margin-left:auto;width:14px;height:14px;border-radius:50%;border:1.5px solid #cbd6dd;flex:none;position:relative;transition:all .18s ease}.tp-mode>input:checked+.tp-mode-body .tp-radio,.tp-net>input:checked+.tp-net-body .tp-radio,.tp-token>input:checked+.tp-token-body .tp-radio{border-color:#18bc9c}.tp-mode>input:checked+.tp-mode-body .tp-radio:after,.tp-net>input:checked+.tp-net-body .tp-radio:after,.tp-token>input:checked+.tp-token-body .tp-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#18bc9c}.tp-token-label{margin:14px 0 8px;font-size:13px;color:#6b7a86}.tp-token-ico{width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.tp-token-ico.usdt{background:#26a17b}.tp-token-ico.usdc{background:#2775ca}.tp-token-body b{font-size:12px;color:#25313a;font-weight:400;flex:1}.tp-tokens .tp-token-ico img{width:24px}.tp-amount{display:flex;align-items:center;border:1px solid #e2e8ed;border-radius:3px;background:#fbfdfe;padding:6px 14px;transition:all .18s ease}.tp-amount:focus-within{border-color:#18bc9c;background:#fff;box-shadow:0 0 0 3px rgba(24,188,156,.12)}.tp-amount span{font-size:14px;font-weight:400;color:#6b7a86;margin-right:8px}.tp-amount input{width:100%;height:36px;border:0;outline:0;background:0 0;font-size:18px;font-weight:400;color:#1f2a32}.tp-amount input::-webkit-inner-spin-button,.tp-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tp-limit{margin:8px 0 0;font-size:11px;color:#96a5b0}.tp-limit.warn{color:#c0392b}.tp-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tp-mode-body{border:1px solid #e6ecf0;background:#fbfdfe;border-radius:3px;padding:9px 12px;display:flex;align-items:center;gap:8px;transition:all .18s ease}.tp-mode-body b{display:block;font-size:14px;color:#25313a;font-weight:400}.tp-mode-body em{display:block;font-style:normal;font-size:10px;color:#9aa9b4;margin-top:1px;font-weight:400}.tp-submit{width:100%;padding:12px;border:0;border-radius:3px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .18s ease;background:linear-gradient(135deg,#18bc9c,#0f9f84);box-shadow:0 8px 16px rgba(24,188,156,.22)}.tp-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px rgba(24,188,156,.28)}.tp-submit:disabled{background:#cfd8de;box-shadow:none;cursor:not-allowed}.tp-error{display:none;margin-top:10px;padding:9px 11px;border-radius:3px;background:#fdecec;border:1px solid #f7c9c9;color:#c0392b;font-size:12px}.tp-result{display:none;width:100%;padding:26px 10px 18px;text-align:center}.tp-dialog.is-finished .tp-info,.tp-dialog.is-finished .tp-qr{display:none}.tp-dialog.is-finished .tp-result{display:block}.tp-result i{font-size:32px;color:#c0392b}.tp-result.is-paid i{color:#27ae60}.tp-result h3{margin:10px 0 4px;font-size:16px;color:#25313a}.tp-result p{margin:0;font-size:12px;color:#9aa9b4}.tp-state{width:100%;max-width:440px;margin:0 auto;background:#fff;border:1px solid #e8edf1;border-radius:14px;padding:42px 22px;text-align:center;box-shadow:0 6px 18px rgba(30,50,70,.05)}.tp-state i{font-size:30px;color:#f0b35b}.tp-state h3{font-size:17px;color:#25313a;margin:12px 0 6px}.tp-state p{font-size:13px;color:#8b9aa5;margin:0 0 16px}.tp-status{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;color:#b8791a;background:#fff7e6;border:1px solid #ffe2ac}.tp-status.paid{color:#13876f;background:#eafaf6;border-color:#b6ebdd}.tp-status.expired{color:#c0392b;background:#fdecec;border-color:#f7c9c9}.tp-countdown{margin-left:auto;font-size:12px;color:#6b7a86}.tp-countdown b{font-size:14px;color:#c0392b}.tp-countdown-label{font-style:normal}.tp-rows{display:flex;flex-direction:column;gap:6px}.tp-row{display:flex;gap:10px;font-size:12px}.tp-row span{flex:0 0 66px;color:#9aa9b4}.tp-row b{flex:1;color:#25313a;font-weight:500;word-break:break-all}.tp-mono{font-family:Consolas,Menlo,monospace}.tp-copy{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;padding:0;margin-left:6px;vertical-align:middle;border:1px solid #fff;background:#fff;color:#18bc9c;border-radius:6px;font-size:11px;line-height:1;cursor:pointer}.tp-copy.is-copied,.tp-copy:hover{background:#fff;color:#18bc9c}.tp-copy i{pointer-events:none}.tp-qr-fail{padding:18px 0;font-size:11px;color:#b8791a}.tp-co-amount .tp-copy{margin-top:12px}.tp-modal{display:none;position:fixed;inset:0;z-index:1050}.tp-modal.show{display:block}.tp-mask{position:absolute;inset:0;background:rgba(18,30,40,.55)}.tp-dialog{position:relative;width:660px;max-width:calc(100% - 32px);max-height:calc(100% - 60px);overflow:auto;margin:150px auto;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(10,25,40,.28)}.tp-dialog-hd{display:flex;align-items:center;gap:9px;padding:15px 18px;border-bottom:1px solid #eef2f5}.tp-dialog-hd h3{margin:0;font-size:16px;font-weight:600;color:#25313a}.tp-close{margin-left:6px;width:26px;height:26px;border:0;border-radius:7px;background:#f3f6f8;color:#7a8b99;font-size:17px;line-height:1;cursor:pointer}.tp-close:hover{background:#e8edf1;color:#25313a}.tp-dialog-bd{display:flex;flex-wrap:wrap;gap:18px;padding:18px}.tp-qr{flex:0 0 176px;text-align:center}.tp-qr-box{padding:9px;border:1px solid #e8edf1;border-radius:11px;background:#fff}.tp-qr svg{display:block;width:100%;height:auto}.tp-qr p{margin:8px 0 0;font-size:11px;color:#8b9aa5}.tp-info{flex:1 1 300px;min-width:230px}.tp-info-amount{font-size:12px;color:#8b9aa5}.tp-info-unit{color:#6b7a86;font-weight:600}.tp-info-amount b{margin-top:1px;font-size:28px;font-weight:700;color:#18bc9c;line-height:1.8}.tp-info-amount small{font-size:20px;font-weight:600;margin-left:6px;color:#18bc9c}.tp-info-amount .tp-copy{margin-left:8px}.tp-info-tip{margin:2px 0 6px;font-size:11px;color:#b8791a}.tp-support-tip{margin:8px 0 12px;font-size:11px;color:#9aa9b4;line-height:1.6}.tp-dialog-ft{padding:0 18px 16px;text-align:right}.tp-again{padding:7px 16px;border:1px solid #dfe7ec;border-radius:3px;background:#fff;color:#66757f;font-size:12px;cursor:pointer}.tp-again:hover{border-color:#18bc9c;color:#18bc9c}.tp-co{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;background:#f4f6f8;padding:34px 16px;color:#2b3640}.tp-co-card{width:100%;max-width:460px;background:#fff;border:1px solid #e8edf1;border-radius:16px;box-shadow:0 14px 40px rgba(30,50,70,.09);overflow:hidden}.tp-co-hd{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #eef2f5}.tp-co-hd h1{margin:0;font-size:17px;font-weight:600;color:#25313a}.tp-co-bd{padding:18px}.tp-amount-label{text-align:center;font-size:13px;color:#8b9aa5}.tp-co-amount{text-align:center;margin:4px 0 6px;font-size:34px;font-weight:700;color:#18bc9c;line-height:1.2}.tp-co-amount small{font-size:20px;font-weight:600;margin-left:6px}.tp-co-amount .tp-copy{margin-left:10px}.tp-tip{margin:0 0 4px;text-align:center;font-size:12px;color:#b8791a}.tp-support{margin:0 0 16px;text-align:center;font-size:11px;color:#9aa9b4;line-height:1.6}.tp-co-qr{width:170px;margin:0 auto 18px;padding:9px;border:1px solid #e8edf1;border-radius:12px}.tp-co-qr svg{display:block;width:100%;height:auto}.tp-co-qr p{margin:8px 0 0;text-align:center;font-size:12px;color:#8b9aa5}.tp-co-result{display:none;padding:34px 22px 26px;text-align:center}.tp-co-card.is-finished .tp-co-bd{display:none}.tp-co-card.is-finished .tp-countdown{display:none}.tp-co-card.is-finished .tp-co-result{display:block}.tp-co-result i{font-size:34px;color:#c0392b}.tp-co-result.is-paid i{color:#27ae60}.tp-co-result h3{margin:12px 0 6px;font-size:17px;color:#25313a}.tp-co-result p{margin:0;font-size:12px;color:#9aa9b4}.tp-co-ft{padding:0 18px 18px;text-align:center}.tp-back{display:inline-block;padding:8px 18px;border:1px solid #dfe7ec;border-radius:9px;background:#fff;color:#66757f;font-size:13px;text-decoration:none}.tp-back:hover{border-color:#18bc9c;color:#18bc9c;text-decoration:none}.checkout{background:#18bc9c;min-height:calc(100vh);display:flex;align-items:center;justify-content:center;padding:0;color:#2b3640}body{margin:0;box-sizing:border-box;list-style:none}@media (max-width:767px){.tp-app{padding-top:18px}.tp-nets,.tp-tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-modes{grid-template-columns:1fr}.tp-dialog{margin:20px auto}.tp-qr{flex:1 1 100%}.tp-qr-box{width:176px;margin:0 auto}.tp-co{padding:20px 12px;align-items:flex-start}.tp-co-amount{font-size:30px}}