:root{
    --bg:#14161c;--card:#1c1f29;--card-2:#282c36;--border:#3c404c;
    --text:#e8e8ee;--dim:#8a8a95;--up:#ff5c5c;--down:#27d07a;
    --hl:#e6a23c;--hl-bg:rgba(230,162,60,.15);--yellow:#ffd76b;--cyan:#4dd0e1;
  }
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
  .mono{font-family:"Consolas","Monaco","Menlo",monospace}
  .wrap{max-width:520px;margin:0 auto;padding:12px;min-height:100vh}
  .topbar{display:flex;align-items:baseline;gap:8px;padding:8px 4px;margin-bottom:8px}
  .topbar h1{font-size:16px;line-height:1.4;margin:0;flex:1;font-weight:600}
  .top-guide-link{flex:0 0 auto;color:var(--yellow);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
  .top-guide-link:hover{text-decoration:underline}
  .top-guide-link:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:2px}
  .status{font-size:12px;line-height:1;color:var(--dim);white-space:nowrap}
  .card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px;margin-top:10px}
  .card-title{font-size:11px;color:var(--dim);margin-bottom:8px}
  .order-form-title{display:flex;align-items:center;justify-content:flex-start;gap:6px}
  .order-form-subtitle{display:inline-flex;align-items:center;padding:1px 6px;border:1px solid rgba(77,208,225,.38);border-radius:999px;background:rgba(77,208,225,.09);color:var(--cyan);font-size:9px;font-weight:800;line-height:1.5}
  .entry-route-picker{margin:2px 0 9px;padding:10px;border:1px solid rgba(255,215,107,.42);border-radius:8px;background:linear-gradient(145deg,rgba(230,162,60,.11),rgba(77,208,225,.07));box-shadow:0 0 0 1px rgba(255,255,255,.025) inset}
  .entry-route-intro{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:start;gap:9px;margin-bottom:9px}.entry-route-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px}.entry-route-heading>span{grid-row:1/3;align-self:stretch;display:flex;align-items:center;padding:3px 7px;border-radius:5px;background:var(--hl);color:#111;font-size:10px;font-weight:900}.entry-route-heading strong{color:#fff;font-size:15px;line-height:1.3}.entry-route-heading small{color:var(--dim);font-size:10px;line-height:1.35}
  .entry-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.entry-route-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:11px 10px;border:1px solid var(--border);border-radius:7px;background:rgba(0,0,0,.28);color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .15s}.entry-route-choice[hidden]{display:none}.entry-route-choice:hover{transform:translateY(-1px)}.entry-route-choice:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.entry-route-choice>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.entry-route-choice b{font-size:14px;line-height:1.25}.entry-route-choice small{color:var(--dim);font-size:10px;line-height:1.35}.entry-route-choice em{padding:3px 6px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.entry-route-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;font-size:16px;font-weight:900}.route-prepaid .entry-route-icon,.route-prepaid em{background:rgba(230,162,60,.2);color:var(--yellow)}.route-ordinary .entry-route-icon,.route-ordinary em{background:rgba(77,208,225,.16);color:var(--cyan)}.route-prepaid.selected{border-color:var(--hl);background:rgba(230,162,60,.14);box-shadow:0 0 0 1px rgba(230,162,60,.22) inset}.route-ordinary.selected{border-color:var(--cyan);background:rgba(77,208,225,.12);box-shadow:0 0 0 1px rgba(77,208,225,.2) inset}.entry-route-choice.selected b{color:#fff}.entry-route-current{margin-top:8px;padding:6px 8px;border-left:3px solid var(--cyan);border-radius:4px;background:rgba(77,208,225,.08);color:#dffbff;font-size:11px;font-weight:700}.entry-route-current[hidden],.entry-route-section[hidden]{display:none}
  .ordinary-route-note{display:flex;align-items:center;gap:8px;margin:1px 0 8px;color:var(--yellow);font-size:11px;font-weight:800;line-height:1.4;text-align:center}
  .ordinary-route-note::before,.ordinary-route-note::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(230,162,60,.48))}
  .ordinary-route-note::after{background:linear-gradient(90deg,rgba(230,162,60,.48),transparent)}
.ordinary-route-note span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.ordinary-route-note span::before,.ordinary-route-note span::after{content:"↓";font-size:13px;line-height:1}.ordinary-route-note span::before{color:var(--yellow)}.ordinary-route-note span::after{color:var(--cyan)}
  /* 8档表 */
  .tier-table{width:100%;border-collapse:collapse;font-size:12px}
  .tier-table th,.tier-table td{padding:6px 8px;text-align:right;border-bottom:1px solid rgba(255,255,255,.04)}
  .tier-table th{color:var(--dim);font-weight:normal;font-size:10px;background:rgba(0,0,0,.2)}
  .tier-table td:first-child,.tier-table th:first-child{text-align:left}
  .tier-row.hl{background:var(--hl-bg);border-left:3px solid var(--hl)}
  .tier-row.hl .price{color:var(--yellow);font-weight:700}
  .badge{display:inline-block;padding:1px 6px;background:var(--hl);color:#000;border-radius:3px;font-size:10px;font-weight:700;margin-right:4px}
  /* 输入 */
  .row{display:flex;align-items:center;gap:6px;margin-bottom:8px}
  .row label{width:48px;color:var(--dim);font-size:12px}
  .row input,.row select{flex:1;min-width:0;background:rgba(0,0,0,.3);color:var(--text);
    border:1px solid var(--border);border-radius:4px;padding:7px 8px;font-size:13px;
    font-family:"Consolas",monospace;min-height:34px}
  .row input:focus,.row select:focus{outline:none;border-color:var(--hl)}
  .btn{background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:4px;
    padding:7px 12px;font-size:13px;cursor:pointer;min-height:34px}
  .btn:active{background:rgba(255,255,255,.08)}
  .btn-primary{background:var(--hl);color:#000;border:none;font-weight:600}
  /* 结果大字 */
  #pay-card{padding:8px}
  .pay-box{text-align:center;padding:7px;background:var(--hl-bg);border:1px solid rgba(230,162,60,.4);
    border-radius:6px;margin:6px 0}
  .payment-deadline{text-align:center;padding:6px 8px;border-radius:6px;background:rgba(230,162,60,.13);
    border:1px solid rgba(230,162,60,.45);color:var(--yellow);font-size:14px;font-weight:600}
  .payment-deadline strong{display:inline-block;min-width:52px;font-size:20px;color:#fff}
  .payment-deadline small{display:block;margin-top:2px;color:var(--dim);font-size:11px;font-weight:400}
  .payment-deadline small[hidden]{display:none}
  .payment-deadline.is-urgent{background:rgba(255,92,92,.14);border-color:rgba(255,92,92,.65);color:var(--up)}
  .payment-deadline.is-expired{background:rgba(255,92,92,.1);border-color:var(--up);color:var(--up)}
  .payment-success{display:none;position:relative;overflow:hidden;margin:8px 0;padding:15px 20px 18px;border:1px solid #c99538;border-radius:9px;
    background:radial-gradient(circle at 50% -25%,rgba(255,205,92,.2),transparent 48%),
      linear-gradient(135deg,#35191f 0%,#26171b 52%,#3a1b20 100%);color:#ff6464;text-align:center;
    font-size:23px;font-weight:800;line-height:1.5;letter-spacing:1px;text-shadow:0 2px 12px rgba(255,72,72,.42);
    box-shadow:0 0 0 3px rgba(201,149,56,.13) inset,0 0 0 4px rgba(20,12,13,.7) inset,
      0 9px 24px rgba(0,0,0,.3),0 0 20px rgba(201,149,56,.08)}
  .success-art{display:block;height:auto;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}
  .success-art-top{width:78%;max-height:96px;margin:0 auto 4px}
  .success-art-bottom{width:92%;max-height:74px;margin:6px auto 0}
  .payment-success-message{position:relative;z-index:1}
  .payment-success.show{display:block;animation:success-pop .35s ease-out}
  #pay-card.is-credited{padding:8px}
  #pay-card.is-credited>.payment-success{margin:0;width:100%;box-sizing:border-box}
  #pay-card.is-credited>:not(.payment-success){display:none!important}
  @keyframes success-pop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
  #pay-card.is-expired .pay-box,#pay-card.is-expired img{opacity:.45}
  #pay-card.is-expired .copy-btn{opacity:.45;cursor:not-allowed}
  .pay-label{font-size:11px;color:var(--dim);margin-bottom:6px}
  .pay-value{font-size:26px;font-weight:700;color:var(--yellow);font-family:"Consolas",monospace;cursor:pointer}
  .pay-value:active{opacity:.7}
  .pay-addr{font-size:12px;color:var(--cyan);font-family:"Consolas",monospace;word-break:break-all;
    margin-top:5px}
  .copy-btn{background:var(--hl);color:#000;border:none;border-radius:4px;
    cursor:pointer;padding:7px 12px;font-size:12px;font-weight:600;flex-shrink:0;white-space:nowrap}
  .copy-btn:active{opacity:.7}
  .meta-line{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--dim);margin:0;min-width:0}
  .meta-line b{color:var(--text)}
  .meta-line b,.meta-line span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .credit-meta-grid,.order-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:5px 0}
  .credit-meta-grid .meta-line,.order-meta-grid .meta-line{font-size:14px;line-height:1.4}
  .credit-meta-grid .meta-line b,.order-meta-grid .meta-line b{font-size:15px}
  .order-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
  .order-meta-grid .meta-agent{grid-column:1/-1}
  .entry-rate{text-align:center;font-size:18px;font-weight:700;color:var(--yellow);font-family:"Consolas",monospace}
  .src-tag{font-size:10px;color:var(--dim)}
  .hint{font-size:11px;color:var(--up);margin-top:6px}
  .hint:empty{display:none}
  .usage-guide{margin-top:7px;padding:7px 9px;border:1px solid rgba(77,208,225,.28);border-radius:5px;
    background:rgba(77,208,225,.07);font-size:11px;color:var(--dim)}
  .usage-title{display:inline;color:var(--cyan);font-weight:700;margin-right:5px}
  .usage-summary{display:inline;color:var(--text)}
  .usage-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .tutorial-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
  .proof-quality-tip{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;border:1px solid rgba(77,208,225,.24);border-left:3px solid var(--cyan);border-radius:5px;background:rgba(77,208,225,.06);color:#b8c8d5;font-size:10px;line-height:1.5;text-align:left}.proof-quality-tip span{min-width:0}.proof-quality-tip b{flex:0 0 auto;max-width:190px;padding-left:8px;border-left:1px solid rgba(230,162,60,.38);color:var(--yellow);font-weight:700}
  .guide-open-btn{flex:0 0 auto;border:1px solid var(--cyan);border-radius:5px;background:rgba(77,208,225,.12);color:var(--cyan);padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer}
  .exchange-guide-link{text-decoration:none;border-color:rgba(230,162,60,.75);background:rgba(230,162,60,.12);color:var(--yellow)}
  .exchange-guide-link:hover{background:rgba(230,162,60,.2)}
  .guide-open-btn:focus-visible,.guide-close:focus-visible,.guide-done:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
  .usage-guide details{margin-top:4px}
  .usage-guide summary{display:inline-block;color:var(--cyan);cursor:pointer;user-select:none}
  .usage-guide details[open] summary{margin-bottom:3px}
  .usage-guide ol{margin:0;padding-left:18px}
  .usage-guide li{margin:2px 0}
  .usage-guide b{color:var(--yellow)}
  .usage-warning{margin-top:4px;color:var(--up);font-weight:600}
  .identity-warning{margin-top:7px;padding:7px 9px;border-left:3px solid var(--up);border-radius:4px;
    background:rgba(255,92,92,.1);color:#ffd0d0;font-size:11px;font-weight:600;line-height:1.55}
  .mode-guide{display:flex;align-items:center;gap:7px;margin-top:7px;padding:6px 8px;border-radius:4px;font-size:11px;line-height:1.45}
  .quick-form .mode-guide{grid-column:1/-1;margin-top:0}
  .mode-guide.mode-amount-tail{border:1px solid rgba(230,162,60,.42);background:rgba(230,162,60,.1);color:#ffe4ad}
  .mode-guide.mode-txid-proof{border:1px solid rgba(77,208,225,.38);background:rgba(77,208,225,.08);color:#c8f8ff}
  .mode-badge{flex:0 0 auto;padding:1px 6px;border-radius:3px;font-weight:700;color:#111}
  .mode-amount-tail .mode-badge{background:var(--hl)}
  .mode-txid-proof .mode-badge{background:var(--cyan)}
  .payment-method-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:2px 0 8px}
  .payment-method-choice[hidden]{display:none}
  .method-choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:8px;
    border:1px solid var(--border);border-radius:6px;background:rgba(0,0,0,.22);color:var(--text);cursor:pointer;text-align:left}
  .method-choice.selected{border-color:var(--cyan);background:rgba(77,208,225,.1);box-shadow:0 0 0 1px rgba(77,208,225,.2) inset}
  .method-choice:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
  .method-choice[data-mode="amount_tail"].selected{border-color:var(--hl);background:rgba(230,162,60,.11);box-shadow:0 0 0 1px rgba(230,162,60,.2) inset}
  .method-name{font-size:12px;font-weight:700;white-space:nowrap}.method-name em{font-style:normal;font-size:10px;padding:1px 4px;border-radius:3px;background:var(--card-2);color:var(--dim)}
  .method-choice.selected .method-name em{background:var(--cyan);color:#111}.method-choice[data-mode="amount_tail"].selected .method-name em{background:var(--hl)}
  .method-desc{font-size:10px;line-height:1.4;color:var(--dim)}
  @keyframes flash{0%{background:rgba(39,208,122,.4)}100%{background:transparent}}
  .flash{animation:flash .5s ease-out}
  /* 入账汇率置顶大字 */
  .rate-hero{display:grid;grid-template-columns:minmax(112px,145px) minmax(0,1fr) minmax(112px,145px);grid-template-areas:"lock rate schedule";align-items:center;gap:10px;text-align:center;padding:12px;background:var(--hl-bg);border:1px solid rgba(230,162,60,.3);border-radius:6px;margin-top:8px}
  .rate-hero-main{grid-area:rate;min-width:0}
  .rate-hero .v{font-size:32px;font-weight:800;line-height:1.25;color:var(--yellow);font-family:"Consolas",monospace}
  .rate-hero .l{font-size:11px;color:var(--dim);margin-top:2px}
  .rate-hero .rate-meta{display:flex;justify-content:center;align-items:center;gap:10px;white-space:nowrap;font-size:13px}
  .rate-hero .rate-meta #rate-detail{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .rate-lock-notice{grid-area:lock;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px;padding-right:10px;border-right:1px solid rgba(230,162,60,.35);font-size:11px;line-height:1.4;text-align:left}.rate-lock-notice[hidden]{display:none}.rate-lock-notice b{color:var(--up);font-size:12px}.rate-lock-notice span{color:var(--yellow);font-weight:700;white-space:nowrap}
  .order-schedule-notice{grid-area:schedule;display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:2px;padding-left:10px;border-left:1px solid rgba(230,162,60,.35);font-size:11px;color:var(--dim);line-height:1.4;text-align:right}.order-schedule-notice[hidden]{display:none}.order-schedule-notice b{color:var(--cyan);font-size:12px}.order-schedule-notice span{color:var(--yellow);font-weight:700}
  /* 可折叠区块 */
  .collapse-hdr{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;padding:6px 0}
  .collapse-hdr .arrow{transition:transform .2s;color:var(--dim);font-size:10px}
  .collapse-hdr.open .arrow{transform:rotate(90deg)}
  .collapse-body{display:none}
  .collapse-body.open{display:block}
  /* 紧凑表单 */
  .quick-form{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
  .quick-form .full{grid-column:1/-1}
  .quick-form input,.quick-form select{background:rgba(0,0,0,.3);color:var(--text);border:1px solid var(--border);
    border-radius:4px;padding:9px 10px;font-size:14px;font-family:"Consolas",monospace;width:100%}
  .quick-form input:focus,.quick-form select:focus{outline:none;border-color:var(--hl)}
  .prepaid-entry{margin-top:8px;border:1px solid rgba(77,208,225,.34);border-radius:6px;background:rgba(77,208,225,.055);overflow:hidden}
  .prepaid-entry[hidden],.prepaid-entry-panel[hidden]{display:none}
  .prepaid-video-guide{margin:0;overflow:hidden;border:1px solid rgba(255,193,7,.62);border-radius:7px;background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(77,208,225,.08));box-shadow:0 0 0 1px rgba(255,193,7,.08) inset,0 0 14px rgba(255,193,7,.08)}
  .prepaid-video-guide summary{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px 7px;list-style:none;cursor:pointer;user-select:none}.prepaid-video-guide summary::-webkit-details-marker{display:none}.prepaid-video-guide summary b{color:var(--yellow);font-size:11px;line-height:1.3;white-space:nowrap}.prepaid-video-guide summary em{flex:0 0 auto;padding:3px 5px;border:1px solid rgba(77,208,225,.45);border-radius:999px;background:rgba(77,208,225,.1);color:var(--cyan);font-size:8px;font-style:normal;font-weight:700;white-space:nowrap}.prepaid-video-guide[open]{grid-column:1/-1}.prepaid-video-guide[open] summary{border-bottom:1px solid rgba(255,193,7,.3);background:rgba(0,0,0,.14)}
  .prepaid-video-body{padding:9px;text-align:center}.prepaid-video-body video{display:block;width:min(100%,360px);aspect-ratio:9/16;margin:0 auto;border:1px solid rgba(77,208,225,.38);border-radius:6px;background:#000;object-fit:contain}.prepaid-video-body p{margin:7px auto 0;max-width:420px;color:var(--yellow);font-size:10px;line-height:1.5;text-align:left}
  .prepaid-video-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}
  .prepaid-video-close{min-height:44px;padding:8px 14px;border:1px solid var(--yellow);border-radius:6px;background:rgba(230,162,60,.18);color:var(--yellow);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
  .prepaid-video-close:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
  .prepaid-video-close-bottom{display:block;width:100%;margin-top:10px}
  .prepaid-video-guide .video-collapse-label{display:none}
  .prepaid-video-guide[open] .video-watch-label{display:none}
  .prepaid-video-guide[open] .video-collapse-label{display:inline}
  .prepaid-entry-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:center}
  .prepaid-entry-toggle:disabled{opacity:.45;cursor:not-allowed}
  .prepaid-entry-toggle::before,.prepaid-entry-toggle::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(230,162,60,.48))}.prepaid-entry-toggle::after{background:linear-gradient(90deg,rgba(77,208,225,.48),transparent)}.prepaid-entry-toggle>span{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#e6eef5;white-space:nowrap}.prepaid-entry-toggle strong{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:700}.prepaid-entry-arrows{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-style:normal;line-height:1}.prepaid-entry-arrows i{font-style:normal}.prepaid-entry-arrows i:first-child{color:var(--yellow)}.prepaid-entry-arrows i:last-child{color:var(--cyan)}.prepaid-entry-toggle em{padding:2px 7px;border:1px solid rgba(255,215,107,.45);border-radius:999px;background:rgba(255,215,107,.1);color:var(--yellow);font-size:11px;font-style:normal;line-height:1.25;white-space:nowrap}
  .prepaid-entry-panel{padding:0 9px 9px;border-top:1px solid rgba(77,208,225,.2)}
  .prepaid-entry-note{padding:8px 1px 2px;color:var(--dim);font-size:11px;line-height:1.55}
  .prepaid-lookup-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0 2px}.prepaid-lookup-choice button{padding:8px 9px;border:1px solid var(--border);border-radius:5px;background:rgba(0,0,0,.24);color:var(--dim);font-weight:700;cursor:pointer}.prepaid-lookup-choice button.selected{border-color:var(--cyan);background:rgba(77,208,225,.12);color:var(--cyan);box-shadow:0 0 0 1px rgba(77,208,225,.12) inset}.prepaid-lookup-choice button:disabled{opacity:.45;cursor:not-allowed}
  .txid-guide-link{display:inline-flex;align-items:center;margin-left:6px;color:var(--cyan);font-weight:700;text-decoration:none;white-space:nowrap}
  .txid-guide-link::before{content:"?";display:inline-grid;place-items:center;width:15px;height:15px;margin-right:4px;border:1px solid currentColor;border-radius:50%;font-size:10px;line-height:1}
  .txid-guide-link:hover{text-decoration:underline}.txid-guide-link:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;border-radius:2px}
  .prepaid-form{grid-template-columns:1fr 1fr}.prepaid-identity-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);grid-column:1/-1;gap:6px}.prepaid-txid-fields{display:grid;grid-template-columns:1fr;grid-column:1/-1;gap:6px}.prepaid-txid-fields[hidden]{display:none}.prepaid-form #prepaid-txid{font-size:11px}.prepaid-proof-upload{display:flex;width:100%;flex-direction:column;gap:5px}.prepaid-proof-upload .proof-upload{justify-content:center;width:100%;min-height:38px}.prepaid-proof-upload small{display:block;width:100%;padding:6px 8px;border-left:3px solid var(--yellow);border-radius:3px;background:rgba(255,193,7,.08);color:var(--yellow);font-size:10px;line-height:1.45}.prepaid-detail-fields{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:6px}.prepaid-detail-fields[hidden]{display:none}.prepaid-detail-warning{grid-column:1/-1;padding:8px 9px;border:1px solid rgba(255,193,7,.45);border-radius:5px;background:rgba(255,193,7,.09);color:var(--yellow);font-size:11px;font-weight:700;line-height:1.55}.prepaid-detail-fields label{display:flex;flex-direction:column;gap:4px;color:var(--dim);font-size:11px}.prepaid-detail-fields label.full{grid-column:1/-1}.prepaid-detail-fields input{font-size:12px}.prepaid-mode-help{padding-top:5px}
  .prepaid-result{min-height:0;margin-top:7px;padding:0 2px;color:var(--cyan);font-size:12px;line-height:1.55}.prepaid-result.error{color:var(--up)}.prepaid-result:empty{display:none}
  .prepaid-result.confirming{padding:9px 10px;border:1px solid rgba(77,208,225,.38);border-radius:6px;background:rgba(77,208,225,.08);color:var(--text)}
  .prepaid-confirm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.prepaid-confirm-head strong{color:var(--cyan);font-size:13px}.prepaid-confirm-head span{color:var(--yellow);font-family:"Consolas",monospace;font-weight:700;white-space:nowrap}
  .prepaid-confirm-track{height:9px;overflow:hidden;border:1px solid rgba(77,208,225,.3);border-radius:999px;background:rgba(0,0,0,.34)}
  .prepaid-confirm-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#20b8cb,var(--cyan),#7de8f5);box-shadow:0 0 10px rgba(77,208,225,.45);transition:width .35s ease}
  .prepaid-confirm-note{margin-top:7px;color:#aebbc6;font-size:11px;line-height:1.5}
  /* === 三端自适应 === */
  /* 手机(<480px):单列布局,字大易点 */
  @media (max-width:480px){
    .wrap{padding:8px}
    .rate-hero .v{font-size:28px}
    .rate-hero .rate-meta{gap:6px;font-size:12px}
    .quick-form{grid-template-columns:1fr}     /* 手机端表单单列 */
    .quick-form .full{grid-column:auto}
    .prepaid-form,.prepaid-identity-row{grid-template-columns:1fr}.prepaid-txid-fields,.prepaid-lookup-choice,.prepaid-detail-fields{grid-template-columns:1fr}.prepaid-detail-fields label.full{grid-column:auto}
    .proof-heading .txid-guide-link{flex-basis:100%;margin:4px 0 0}.prepaid-entry-note .txid-guide-link{display:flex;margin:5px 0 0}
    .pay-value{font-size:22px}
    .payment-deadline strong{font-size:18px}
    .payment-success{font-size:20px;padding:12px 12px 15px}
    .success-art-top{width:84%;max-height:84px}
    .success-art-bottom{width:96%;max-height:66px}
    .usage-guide{font-size:12px;line-height:1.55}
    .btn,.copy-btn,.btn-primary{min-height:40px;font-size:14px} /* 手指点击更大 */
    table.tier-table{font-size:11px}
    .entry-route-intro{grid-template-columns:1fr}.entry-route-heading{grid-template-columns:auto 1fr}.entry-route-heading strong{font-size:14px}.entry-route-grid{grid-template-columns:1fr}.entry-route-choice{padding:10px}.entry-route-choice b{font-size:14px}.entry-route-choice small{font-size:11px}.prepaid-video-guide[open]{grid-column:auto}
    .payment-method-choice{grid-template-columns:1fr 1fr}.method-choice{padding:7px}.method-name{font-size:11px}.method-desc{font-size:10px}
  }
  /* 平板(481-768px):保持双列,适当留白 */
  @media (min-width:481px) and (max-width:768px){
    .wrap{max-width:600px}
  }
  /* 桌面(>768px):居中,最大520px(已默认),字号适中 */
  @media (min-width:769px){
    .wrap{max-width:520px}
  }

/* 新手图文教程 */
.guide-dialog .guide-path-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-path-tabs button[data-path="prepaid"].selected{border-color:#27d07a;background:rgba(39,208,122,.1);box-shadow:0 0 0 1px rgba(39,208,122,.2) inset}.guide-path-tabs button[data-path="prepaid"].selected b,.guide-path-tabs button[data-path="prepaid"].selected span{color:#63e6a6}
body.guide-open{overflow:hidden}
.guide-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px}
.guide-modal[hidden]{display:none}
.guide-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,7,12,.86);cursor:default}
.guide-dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;border:1px solid rgba(230,162,60,.62);border-radius:12px;background:#181b23;color:var(--text);box-shadow:0 20px 70px rgba(0,0,0,.65)}
.guide-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:rgba(24,27,35,.97);backdrop-filter:blur(8px)}
.guide-header span{color:var(--yellow);font-size:12px;font-weight:700}.guide-header h2{margin:1px 0 0;font-size:20px;line-height:1.3}
.guide-close{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--card-2);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.guide-intro{margin:14px 16px 10px;padding:10px 12px;border-left:4px solid var(--up);border-radius:5px;background:rgba(255,92,92,.1);color:#ffd6d6}.guide-intro strong{color:var(--yellow)}
.guide-mode-compare{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 16px 12px}.guide-mode{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--border);border-radius:7px}.guide-mode b{font-size:13px}.guide-mode span{color:var(--dim);font-size:11px}.guide-mode-tail{border-color:rgba(230,162,60,.5);background:rgba(230,162,60,.08)}.guide-mode-tail b{color:var(--yellow)}.guide-mode-proof{border-color:rgba(77,208,225,.48);background:rgba(77,208,225,.07)}.guide-mode-proof b{color:var(--cyan)}
.guide-path-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 16px 12px}.guide-path-tabs button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;min-height:70px;padding:10px 12px;text-align:left;color:var(--text);background:#171b24;border:1px solid var(--border);border-radius:8px;cursor:pointer}.guide-path-tabs button b{grid-row:1/3;align-self:stretch;display:flex;align-items:center;padding-right:10px;border-right:1px solid var(--border);font-size:13px}.guide-path-tabs button span{font-size:16px;font-weight:800}.guide-path-tabs button small{color:var(--dim);font-size:12px}.guide-path-tabs button:hover{border-color:#667085}.guide-path-tabs button[data-path="tail"].selected{border-color:var(--yellow);background:rgba(230,162,60,.12);box-shadow:0 0 0 1px rgba(230,162,60,.25) inset}.guide-path-tabs button[data-path="tail"].selected b,.guide-path-tabs button[data-path="tail"].selected span{color:var(--yellow)}.guide-path-tabs button[data-path="proof"].selected{border-color:var(--cyan);background:rgba(77,208,225,.11);box-shadow:0 0 0 1px rgba(77,208,225,.2) inset}.guide-path-tabs button[data-path="proof"].selected b,.guide-path-tabs button[data-path="proof"].selected span{color:var(--cyan)}.guide-path[hidden]{display:none}.guide-path-summary{display:flex;flex-direction:column;gap:5px;margin:0 16px 12px;padding:11px 13px;border-left:4px solid var(--cyan);border-radius:6px;background:#182731}.guide-path-tail .guide-path-summary{border-left-color:var(--yellow);background:#2b251c}.guide-path-summary b{font-size:14px;color:#fff}.guide-path-summary span{font-size:12px;line-height:1.7;color:#c7ceda}.guide-extra-warning{margin-top:8px;padding:8px 10px;border-radius:5px;background:rgba(245,108,108,.12);color:#ffb4b4!important;font-weight:700}
.guide-steps{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0 16px;list-style:none}.guide-step{min-width:0;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--card)}.guide-step-copy{display:flex;align-items:flex-start;gap:9px}.guide-step-no{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--hl);color:#111;font-size:16px;font-weight:800}.guide-step h3{margin:2px 0 4px;font-size:15px;color:#fff}.guide-step p{margin:0;color:#b8b8c2;font-size:12px;line-height:1.55}.guide-step p b{color:var(--yellow)}
.guide-picture{display:block;width:100%;height:auto;margin-top:8px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#11131a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.guide-shot{margin:8px 0 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#11131a}.guide-shot img{display:block;width:100%;height:auto;background:#11131a}.guide-shot figcaption{padding:8px 9px;border-top:1px solid rgba(255,255,255,.08);background:#151821;color:#d8d8df;font-size:11px;line-height:1.5}.guide-shot-form img{height:260px;object-fit:cover;object-position:top}.guide-shot-fields img{object-position:center 28%}.guide-shot-arrived img{height:285px;object-fit:cover;object-position:top}
.guide-svg-shell{fill:#1c1f29;stroke:#3c404c}.guide-svg-panel{fill:#1c1f29;stroke-width:2}.guide-svg-panel.tail{stroke:#e6a23c}.guide-svg-panel.proof{stroke:#4dd0e1}.guide-svg-title{fill:#f5f5f7;font-size:13px;font-weight:700}.guide-svg-text{fill:#999ca8;font-size:11px}.guide-svg-text-light{fill:#f2c2c2;font-size:11px}.guide-svg-tail{fill:#e6a23c}.guide-svg-proof{fill:#4dd0e1}.guide-svg-badge{fill:#111;font-size:9px;font-weight:800}.guide-svg-input{fill:#11141c;stroke:#454a58}.guide-svg-value{fill:#e8e8ee;font-size:11px}.guide-svg-button{fill:#e6a23c}.guide-svg-button-text{fill:#111;font-size:10px;font-weight:800}.guide-svg-countdown{fill:#372d21;stroke:#9a6c27}.guide-svg-warn{fill:#ffd76b;font-size:12px;font-weight:700}.guide-svg-amount{fill:#ffd76b;font-family:Consolas,monospace;font-size:18px;font-weight:800}.guide-svg-address{fill:#4dd0e1;font-family:Consolas,monospace;font-size:10px}.guide-svg-tail-amount{fill:#ffd76b;font-family:Consolas,monospace;font-size:14px;font-weight:800}.guide-svg-upload{fill:#17323a;stroke:#4dd0e1;stroke-dasharray:4 3}.guide-svg-cyan{fill:#4dd0e1;font-size:11px;font-weight:700}.guide-svg-ok{fill:#27d07a;font-size:10px}.guide-svg-success{fill:rgba(39,208,122,.18);stroke:#27d07a;stroke-width:2}.guide-svg-check{fill:#27d07a;font-size:24px;font-weight:800}.guide-svg-big{fill:#fff;font-size:18px;font-weight:800}.guide-svg-greeting{fill:#35191f;stroke:#c99538;stroke-width:2}.guide-svg-complete{fill:#ff6969;font-size:17px;font-weight:800}.guide-svg-fortune{font-size:24px}
.guide-danger{display:flex;gap:10px;margin:12px 16px 10px;padding:11px 12px;border:1px solid rgba(255,92,92,.65);border-radius:7px;background:rgba(255,92,92,.1);font-size:12px}.guide-danger b{flex:0 0 auto;color:var(--up)}.guide-danger span{color:#ffd5d5}.guide-done{display:block;width:calc(100% - 32px);margin:0 16px 16px;font-size:15px;min-height:44px}
@media(max-width:640px){.guide-modal{padding:0}.guide-dialog{width:100%;max-height:100vh;height:100vh;border:0;border-radius:0}.guide-header{padding:11px 12px}.guide-header h2{font-size:18px}.guide-intro{margin:10px 10px 8px}.guide-mode-compare{grid-template-columns:1fr;margin:0 10px 9px}.guide-path-tabs{margin:0 10px 9px;gap:7px}.guide-path-tabs button{min-height:66px;padding:8px}.guide-path-tabs button b{padding-right:7px;font-size:11px}.guide-path-tabs button span{font-size:13px}.guide-path-tabs button small{font-size:10px}.guide-path-summary{margin:0 10px 9px}.guide-steps{grid-template-columns:1fr;padding:0 10px}.guide-step-copy{min-height:0}.guide-shot-form img{height:275px}.guide-shot-arrived img{height:310px}.guide-danger{margin:10px}.guide-done{width:calc(100% - 20px);margin:0 10px 14px}.usage-head{align-items:flex-start}.tutorial-actions{max-width:225px}.proof-quality-tip{align-items:flex-start}.proof-quality-tip b{max-width:150px}.guide-open-btn{font-size:12px;padding:6px 8px}}
@media(max-width:390px){.usage-head{display:block}.tutorial-actions{display:grid;grid-template-columns:1fr 1fr;max-width:none;margin-top:7px}.guide-open-btn{width:100%;margin-top:0;padding:7px 5px;text-align:center;font-size:11px}.proof-quality-tip{display:block}.proof-quality-tip b{display:block;max-width:none;margin-top:5px;padding:5px 0 0;border-top:1px solid rgba(230,162,60,.38);border-left:0}.guide-mode-compare{gap:6px}.guide-path-tabs{grid-template-columns:1fr}.guide-path-tabs button{min-height:58px}.guide-step{padding:9px}}
@media(max-width:460px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.topbar h1{grid-column:1/-1}.top-guide-link{font-size:12px}.status{justify-self:end}.tutorial-actions{display:block;max-width:none}.guide-open-btn{width:100%}}

/* CSP-safe utility classes generated from former inline styles. */
.csp-s001{margin-top:4px}
.csp-s002{display:none}
.csp-s003{color:var(--cyan)}
.csp-s004{color:var(--yellow)}
.csp-s005{margin:0}
.csp-s006{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.csp-s007{margin-top:10px}
.csp-s008{cursor:default}
.csp-s009{color:var(--dim)}
.csp-s010{color:var(--yellow);font-size:15px}
.csp-s011{color:var(--dim);margin:4px 0 8px}
.csp-s012{color:var(--up)}
.address-qr-card{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;margin-top:9px;padding:12px;border:1px solid rgba(77,208,225,.38);border-radius:8px;background:rgba(77,208,225,.055)}
.address-qr-visual{text-align:center}.address-qr-title{margin-bottom:6px;color:var(--cyan);font-size:11px;font-weight:800}.address-qr-image{display:block;width:116px;height:116px;margin:auto;padding:5px;border-radius:5px;background:#fff}
.address-qr-payment{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}.address-qr-payment>span{color:var(--dim);font-size:11px}.address-qr-payment strong{max-width:100%;color:var(--yellow);font-size:20px;line-height:1.2;overflow-wrap:anywhere}.address-qr-copy{margin:2px 0;padding:5px 12px}.address-qr-payment small{color:var(--dim);font-size:10px;line-height:1.5}.address-qr-hint{margin-top:6px;text-align:center}
@media(max-width:430px){.address-qr-card{grid-template-columns:112px minmax(0,1fr);gap:9px;padding:9px}.address-qr-image{width:102px;height:102px}.address-qr-payment strong{font-size:17px}.address-qr-copy{padding:5px 9px}}
.csp-s017{text-align:center}
.csp-s018{width:100%;margin-top:8px}
.credit-meta-grid .meta-line>span:first-child{font-size:14px;white-space:nowrap}
.credit-meta-grid .formula-value{overflow:visible;text-overflow:clip}
@media(max-width:560px){.credit-meta-grid{grid-template-columns:1fr}.order-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.order-mode-notice{margin-top:6px;padding:6px 8px;border-radius:5px;text-align:center;font-size:12px;font-weight:700;line-height:1.45}
.order-mode-notice.mode-amount-tail{border:1px solid rgba(255,215,107,.48);background:rgba(255,215,107,.1);color:var(--yellow)}
.order-mode-notice.mode-txid-proof{border:1px solid rgba(77,208,225,.4);background:rgba(77,208,225,.08);color:var(--cyan)}
.order-pause-banner{margin:8px 0;padding:12px;border:1px solid rgba(255,92,92,.75);border-radius:6px;background:rgba(255,92,92,.14);color:#ff7777;font-size:15px;font-weight:800;text-align:center;line-height:1.5}
.payment-proof{display:none;margin-top:8px;padding:8px;border:1px solid rgba(77,208,225,.35);border-radius:6px;background:rgba(77,208,225,.06)}
.payment-proof.show{display:block}.proof-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;white-space:nowrap}.proof-title{flex:0 0 auto;font-weight:700;color:var(--cyan)}.proof-help{min-width:0;font-size:11px;color:var(--dim);line-height:1.45}
.proof-transfer-notice{margin:0 0 8px;padding:6px 8px;border-left:3px solid rgba(240,166,54,.8);background:rgba(240,166,54,.08);color:#ffd36a;font-size:11px;line-height:1.45}
.proof-method-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px}
.proof-upload{display:flex;align-items:center;gap:5px;padding:7px 8px;border:1px dashed var(--cyan);border-radius:5px;background:transparent;color:var(--cyan);cursor:pointer;white-space:nowrap;font:inherit}.proof-upload:disabled{opacity:.45;cursor:not-allowed}.proof-upload span{max-width:64px;color:var(--dim);font-size:10px;overflow:hidden;text-overflow:ellipsis}.proof-file-input{display:none}
.proof-or{text-align:center;color:var(--dim);font-size:11px}.proof-txid{width:100%;box-sizing:border-box;background:rgba(0,0,0,.3);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:7px 8px;font-size:12px}
.proof-submit{width:100%;margin-top:8px}.proof-status{min-height:18px;margin-top:6px;font-size:11px;color:var(--yellow);word-break:break-all}
.proof-status.is-loading{padding:8px;border:1px solid rgba(255,215,107,.45);border-radius:5px;background:rgba(255,215,107,.08)}
.proof-status.is-success{padding:10px;border:1px solid rgba(39,208,122,.7);border-radius:5px;background:rgba(39,208,122,.13);color:var(--green);font-size:13px;font-weight:700;text-align:center}
.proof-status.is-error{padding:8px;border:1px solid rgba(255,92,92,.65);border-radius:5px;background:rgba(255,92,92,.1);color:var(--up);font-size:12px}
.proof-status:empty{display:none}.proof-submit.is-submitted{background:rgba(39,208,122,.15);color:var(--green);border:1px solid rgba(39,208,122,.7);opacity:1;cursor:default}
@media(max-width:560px){.proof-heading{align-items:flex-start;flex-wrap:wrap;gap:2px 8px;white-space:normal}}
@media(max-width:560px){.rate-hero{grid-template-columns:1fr 1fr;grid-template-areas:"rate rate" "lock schedule"}.rate-lock-notice,.order-schedule-notice{align-items:center;margin-top:7px;padding:7px 4px 0;border-top:1px solid rgba(230,162,60,.35);text-align:center}.rate-lock-notice{border-right:0}.order-schedule-notice{border-left:0}}
@media(max-width:390px){.guide-dialog .guide-path-tabs{grid-template-columns:1fr}}