/* ext-reseller.css — 用户中心「代理中心」专属样式（通用组件来自 ext-core.css）。
/* 提现收款码 */
.ext-reseller-qrbox{display:flex;align-items:center;gap:10px;margin-top:8px}
.ext-reseller-qrbox img{max-width:120px;max-height:120px;border-radius:10px;border:1px solid var(--line);
  background:var(--surface-2);display:none}
.ext-reseller-qrbox img[src]{display:block}
   全部限定在 #reseller 内，不污染其它页面。 */

#reseller .ext-reseller-hero{padding-bottom:14px}
#reseller .ext-reseller-hero-top{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;margin:0 0 14px}
#reseller .ext-reseller-hero-top>div{min-width:130px}

#reseller .ext-reseller-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:20px;
  font-weight:600;letter-spacing:1px;word-break:break-all;margin-top:2px}
#reseller .ext-reseller-rate{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px}
#reseller .ext-reseller-balance{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;
  color:var(--accent,#9a78ff);margin-top:2px}

#reseller .ext-reseller-stats{margin:6px 0 14px}

#reseller .ext-reseller-apply h3{margin:0 0 8px;font-size:15px;font-weight:600}
#reseller .ext-reseller-apply .ext-ai-field{margin:0 0 10px;width:100%}

/* 生成后的链接：大字号 + 一眼能看到 */
#reseller .ext-reseller-result{margin:14px 0 0;padding:14px 16px;border-radius:12px;
  border:1px solid var(--accent,rgba(154,120,255,.45));
  background:color-mix(in srgb,var(--accent,#9a78ff) 10%,transparent)}
#reseller .ext-reseller-link{font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:18px;line-height:1.5;font-weight:600;word-break:break-all;
  margin:8px 0 10px;padding:10px 12px;border-radius:10px;
  background:var(--surface-2,rgba(255,255,255,.04));border:1px dashed var(--line,#333)}

#reseller .ext-reseller-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#reseller .ext-reseller-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#reseller .ext-reseller-table{min-width:640px}
#reseller .ext-reseller-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}
#reseller .ext-reseller-empty{color:var(--muted,#98a2b3);text-align:center;padding:18px}
#reseller .ext-reseller-pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:10px 0 0;flex-wrap:wrap}
#reseller .ext-reseller-payout{align-items:flex-end}
#reseller .ext-reseller-payout .ext-ai-field{min-width:180px}
#reseller .ext-reseller-hero-top .ext-sub{margin:0 0 2px}

/* ------------------------------- <=900px ------------------------------- */
@media (max-width: 900px) {
  #reseller .ext-reseller-hero-top{gap:12px;align-items:flex-start}
  #reseller .ext-reseller-hero-top>div{min-width:calc(50% - 6px);flex:1 1 calc(50% - 6px)}
  #reseller .ext-reseller-link{font-size:15px}
  #reseller .ext-reseller-code,#reseller .ext-reseller-rate,#reseller .ext-reseller-balance{font-size:18px}
  #reseller .ext-reseller-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ------------------------------- <=600px ------------------------------- */
@media (max-width: 600px) {
  #reseller .ext-reseller-hero-top>div{min-width:100%;flex:1 1 100%}
  #reseller .ext-reseller-stats{grid-template-columns:1fr}
  #reseller .ext-reseller-link{font-size:13px;padding:9px 10px}
  #reseller .ext-reseller-pager{justify-content:space-between}
  #reseller .ext-reseller-pager .ext-btn{flex:1 1 45%}
  #reseller .ext-reseller-result{padding:12px}
}