: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:center;gap:8px;padding:8px 4px;margin-bottom:8px}
  .topbar h1{font-size:16px;margin:0;flex:1;font-weight:600}
  .status{font-size:11px;color:var(--dim)}
  .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}
  /* 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-box{text-align:center;padding:10px;background:var(--hl-bg);border:1px solid rgba(230,162,60,.4);
    border-radius:6px;margin:8px 0}
  .payment-deadline{text-align:center;padding:8px 10px;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.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)}
  #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:8px}
  .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:6px 12px;padding:7px 0}
  .order-meta-grid{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
  .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-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}
  @keyframes flash{0%{background:rgba(39,208,122,.4)}100%{background:transparent}}
  .flash{animation:flash .5s ease-out}
  /* 入账汇率置顶大字 */
  .rate-hero{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 .v{font-size:28px;font-weight:700;color:var(--yellow);font-family:"Consolas",monospace}
  .rate-hero .l{font-size:11px;color:var(--dim);margin-top:2px}
  /* 可折叠区块 */
  .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)}
  /* === 三端自适应 === */
  /* 手机(<480px):单列布局,字大易点 */
  @media (max-width:480px){
    .wrap{padding:8px}
    .rate-hero .v{font-size:24px}
    .quick-form{grid-template-columns:1fr}     /* 手机端表单单列 */
    .quick-form .full{grid-column:auto}
    .pay-value{font-size:22px}
    .payment-deadline strong{font-size:18px}
    .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}
  }
  /* 平板(481-768px):保持双列,适当留白 */
  @media (min-width:481px) and (max-width:768px){
    .wrap{max-width:600px}
  }
  /* 桌面(>768px):居中,最大520px(已默认),字号适中 */
  @media (min-width:769px){
    .wrap{max-width:520px}
  }

/* 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)}
.csp-s013{display:flex;gap:12px;margin-top:12px;justify-content:center}
.csp-s014{text-align:center;flex:1}
.csp-s015{font-size:11px;color:var(--dim);margin-bottom:6px}
.csp-s016{background:#fff;padding:6px;border-radius:4px;width:124px;height:124px}
.csp-s017{text-align:center}
.csp-s018{width:100%;margin-top:8px}