/* 前台提现：紫白主题，旧版 iOS 用 margin/padding 控制间距。 */
.wd-page { position:fixed; top:0; bottom:0; left:50%; -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); width:100%; max-width:500px; background:#f5f3ff; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:72; box-sizing:border-box; }
.wd-page *, .wd-overlay * { box-sizing:border-box; }
.wd-page .invite-topbar { background:#fff; border-bottom:1px solid #ede8f7; }
.wd-page .invite-page-title { color:#2c234f; font-size:16px; font-weight:600; }
.wd-page .invite-back-btn { color:#7c3aed; }
.wd-content { padding:14px 14px 32px; }
/* 顶部菜单使用首页里的 fanxian-tabs / user-auth-tab 共享样式。 */
.wd-page button, .wd-overlay button { -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent; cursor:pointer; font-family:inherit; }
.wd-page button:disabled, .wd-overlay button:disabled { opacity:.5; cursor:default; }
.wd-balance { padding:17px 16px; margin-bottom:12px; border-radius:15px; color:#fff; background:linear-gradient(135deg,#7c3aed,#a855f7); box-shadow:0 5px 15px rgba(124,58,237,.16); }
.wd-balance > span { display:block; font-size:12px; color:rgba(255,255,255,.85); }
.wd-balance > strong { display:block; margin-top:5px; font-size:22px; font-weight:600; }
.wd-balance b { font-weight:600; }
.wd-balance p { margin:9px 0 0; color:rgba(255,255,255,.78); font-size:11px; }
.wd-card { margin-bottom:12px; padding:15px; border:1px solid rgba(168,85,247,.1); border-radius:13px; background:#fff; }
.wd-card h3 { margin:0 0 13px; font-size:13px; color:#2c234f; font-weight:600; }
.wd-card h3 span { margin-left:6px; font-size:10px; font-weight:400; color:#9b92ad; }
.wd-methods { display:-webkit-box; display:-webkit-flex; display:flex; margin-left:-4px; margin-right:-4px; }
.wd-method { display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; margin:0 4px; padding:11px 3px; border:1px solid #eee9f6; border-radius:9px; background:#fff; color:#756b8a; font-size:11px; font-weight:500; }
.wd-method i { display:block; margin-bottom:7px; font-size:19px; color:#a855f7; }
.wd-method .wd-usdt-icon { display:block; width:19px; height:19px; margin:0 auto 7px; color:#a855f7; }
.wd-method.wd-method-selected { border-color:#a855f7; background:#faf5ff; color:#7c3aed; }
.wd-field { margin-top:13px; }
.wd-field label { display:block; margin-bottom:7px; font-size:12px; color:#6c627d; }
.wd-field label > span { margin-left:5px; color:#a855f7; font-size:10px; }
.wd-field input[type=text], .wd-field input[type=password] { display:block; width:100%; min-width:0; height:40px; border:1px solid #eee9f6; border-radius:8px; padding:0 10px; background:#fcfbff; color:#2c234f; font-family:inherit; font-size:13px; -webkit-appearance:none; appearance:none; outline:none; }
.wd-field input:focus { border-color:#c084fc; }
.wd-field input::placeholder { color:#aaa2b8; }
.wd-upload { display:block; min-height:108px; margin:0; padding:13px; border:1px dashed #d9c5f3; border-radius:9px; background:#fcfaff; text-align:center; cursor:pointer; }
.wd-upload img { display:block; width:auto; height:auto; max-width:100%; max-height:180px; margin:0 auto; }
.wd-upload i { display:block; color:#b38bd8; font-size:22px; margin-bottom:7px; }
.wd-upload b { display:block; font-size:12px; font-weight:500; color:#8d62b8; }
.wd-upload small { display:block; margin-top:5px; font-size:10px; color:#a69ab5; }
.wd-file { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.wd-amount-input { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; height:45px; border-bottom:1px solid #eee9f6; }
.wd-amount-input > span { margin-right:8px; color:#7c3aed; font-size:18px; }
.wd-amount-input input { display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; width:0; min-width:0; padding:0; border:0; outline:none; background:transparent; color:#2c234f; font-size:17px; font-family:inherit; -webkit-appearance:none; }
.wd-amount-input input::placeholder { color:#b3aabc; font-size:13px; }
.wd-amount-input button { margin-left:8px; padding:6px 0; border:0; background:transparent; color:#a855f7; font-size:12px; white-space:nowrap; }
.wd-muted { margin:9px 0 0; color:#9a91a8; font-size:11px; line-height:1.65; }
.wd-costs { margin-top:13px; padding:10px 11px; background:#faf8ff; border-radius:9px; }
.wd-costs > div, .wd-detail-line { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; padding:5px 0; font-size:12px; }
.wd-costs span, .wd-detail-line span { color:#91869f; }
.wd-costs strong, .wd-detail-line strong { max-width:70%; margin-left:12px; color:#4d3c65; font-size:12px; font-weight:500; word-break:break-all; text-align:right; }
.wd-costs .wd-arrival { margin-top:6px; padding-top:10px; border-top:1px solid #eee6f6; }
.wd-arrival strong { color:#7c3aed; font-size:15px; font-weight:600; }
.wd-quote-state { margin:9px 0 0; color:#9b91a9; font-size:11px; line-height:1.5; }
.wd-quote-state.wd-error { color:#d44a58; }
.wd-password { padding-top:4px; }
.wd-notice { margin:0 3px 13px; color:#92849f; font-size:11px; line-height:1.7; white-space:pre-wrap; word-break:break-word; }
.wd-submit { display:block; width:100%; height:43px; margin-top:3px; border:0; border-radius:11px; background:linear-gradient(135deg,#9333ea,#a855f7); color:#fff; -webkit-text-fill-color:#fff; font-size:13px; font-weight:600; }
.wd-feedback { padding:10px 12px; margin-bottom:12px; border-radius:9px; font-size:12px; line-height:1.6; color:#b94b53; background:#fff1f2; word-break:break-word; }
.wd-feedback.wd-success { color:#27834f; background:#ecfdf3; }
.wd-record-filters { display:-webkit-box; display:-webkit-flex; display:flex; margin-bottom:12px; }
.wd-record-filters select { display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; width:0; min-width:0; height:36px; padding:0 9px; border:1px solid #ece5f6; border-radius:8px; background:#fff; color:#7b648f; font-size:12px; font-family:inherit; }
.wd-record-filters select + select { margin-left:10px; }
.wd-record { margin-bottom:10px; border:1px solid #ece6f5; border-radius:12px; overflow:hidden; background:#fff; }
.wd-record-main { padding:13px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.wd-record-heading { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.wd-record-method { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; }
.wd-record-method > strong { color:#34244c; font-weight:600; font-size:13px; }
.wd-record-icon { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; width:24px; height:24px; margin-right:7px; color:#a855f7; -webkit-flex-shrink:0; flex-shrink:0; }
.wd-record-icon i { font-size:19px; }
.wd-record-icon svg { display:block; width:19px; height:19px; }
.wd-status { display:inline-block; margin-left:8px; padding:3px 8px; border-radius:20px; font-size:10px; color:#ad772c; background:#fff7e6; white-space:nowrap; }
.wd-status-1 { color:#27834f; background:#ecfdf3; }
.wd-status-2 { color:#cc505c; background:#fff1f2; }
.wd-record-time { margin-top:5px; font-size:10px; color:#a49aaf; }
.wd-record-amounts { margin-top:10px; color:#8a7e99; font-size:11px; line-height:1.8; }
.wd-record-amounts b { margin-left:5px; color:#7c3aed; font-size:13px; font-weight:600; }
.wd-record-account { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; margin-top:9px; padding-top:9px; border-top:1px solid #f4eff8; }
.wd-record-account > div { -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; color:#756481; font-size:12px; line-height:1.65; word-break:break-all; }
.wd-record-account small { display:block; font-size:10px; color:#a298ac; }
.wd-record-qr { display:block; width:48px; height:48px; margin-left:10px; border:1px solid #efe9f5; border-radius:6px; object-fit:contain; }
.wd-record-details { border-top:1px solid #f2edf7; padding:8px 13px 13px; background:#fdfbff; }
.wd-record-note { margin-top:8px; padding:8px 10px; border-radius:7px; color:#a95761; background:#fff3f4; font-size:11px; line-height:1.6; white-space:pre-wrap; word-break:break-word; }
.wd-state { padding:35px 10px; color:#a095ab; text-align:center; font-size:12px; line-height:1.7; }
.wd-pagination { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding:8px 0; }
.wd-pagination button { padding:7px 10px; border:1px solid #ece5f6; border-radius:7px; background:#fff; color:#8c62b1; font-size:11px; }
.wd-pagination span { margin:0 14px; font-size:11px; color:#a093af; }
.wd-overlay { position:fixed; top:0; right:0; bottom:0; left:0; z-index:10020; padding:20px; background:rgba(31,20,46,.45); overflow-y:auto; -webkit-overflow-scrolling:touch; }
.wd-dialog { width:100%; max-width:380px; padding:18px; margin:12vh auto 24px; border-radius:14px; background:#fff; }
.wd-dialog h3 { margin:0 0 13px; color:#34224e; font-size:15px; font-weight:600; }
.wd-dialog-actions { display:-webkit-box; display:-webkit-flex; display:flex; margin-top:16px; }
.wd-dialog-actions button { display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; padding:11px 4px; border:1px solid #ece4f7; border-radius:9px; color:#8f7ba5; background:#faf8ff; font-size:12px; }
.wd-dialog-actions button + button { margin-left:10px; }
.wd-dialog-actions .wd-primary { background:#a855f7; border-color:#a855f7; color:#fff; }
.wd-image-dialog { position:relative; width:100%; max-width:420px; margin:8vh auto 24px; padding:20px 14px 14px; background:#fff; border-radius:12px; }
.wd-image-dialog img { display:block; width:auto; max-width:100%; max-height:70vh; height:auto; margin:auto; }
.wd-image-dialog button { position:absolute; right:5px; top:0; border:0; padding:1px 8px; background:#fff; color:#826d95; font-size:23px; }
.wd-copy { border:0; padding:2px 5px; margin-left:5px; background:#f2e9fc; color:#9b65c7; font-size:10px; border-radius:4px; }
@supports (padding-bottom:constant(safe-area-inset-bottom)) { .wd-content { padding-bottom:calc(32px + constant(safe-area-inset-bottom)); } }
@supports (padding-bottom:env(safe-area-inset-bottom)) { .wd-content { padding-bottom:calc(32px + env(safe-area-inset-bottom)); } }
@media (max-width:500px) { .wd-page { left:0; right:0; -webkit-transform:translateZ(0); transform:translateZ(0); } }
@media (max-width:350px) { .wd-content { padding-left:10px; padding-right:10px; } .wd-card { padding:12px; } .wd-method { font-size:10px; } }