/* Box gift bonus：卡片里两步。第 1 步送礼只写送了多少；第 2 步下面是钱包同款充值格子，格子下挂奖励和解锁状态 */
.bm-claim{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px 10px 10px;border-radius:16px;border:1px solid #7c62a655;background:#130e2466}
.phone .bm-claim-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;padding:0;text-align:left;color:inherit}
.bm-claim-art{width:40px;height:40px;flex:none;display:grid;place-items:center}
.bm-claim-art .coin-mark{width:32px;height:32px;font-size:18px}
.bm-claim-info strong{font-size:14px;font-weight:600;line-height:1.25;color:#f5f1ff}
.phone .bm-button{height:34px;padding:0 15px;border-radius:17px;font-size:13px;font-weight:700;white-space:nowrap;flex:none;background:#ffffff14;color:#e6d6ff;box-shadow:inset 0 0 0 1px #ffffff1f}
.phone .bm-button.primary{background:#b48cff;color:#24133a;box-shadow:none}
.phone .bm-button.primary:disabled{background:#ffffff0a;color:#6f6789;cursor:default}
.bx-card{border:1px solid #7c62a655;border-radius:20px;background:linear-gradient(160deg,#2b2343,#1f1932);padding:16px}
.bx-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:12px;color:#a99fc2}
.bx-top b{font-size:13px;color:#f5f1ff;white-space:nowrap}
.bx-top b.is-new{color:#b48cff}
.bx-step{position:relative;display:grid;grid-template-columns:28px 1fr;gap:12px;padding-bottom:20px}
.bx-step:not(.is-last):before{content:'';position:absolute;left:13px;top:32px;bottom:4px;width:2px;border-radius:2px;background:#ffffff14}
.bx-step.is-done:before{background:#9d6cf5}
.bx-step.is-last{padding-bottom:0}
.bx-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13px Manrope,sans-serif;border:2px solid #ffffff26;color:#a99fc2}
.bx-step.is-done .bx-dot{background:#b48cff;border-color:#b48cff;color:#24133a}
.bx-step.is-now .bx-dot{border-color:#b48cff;color:#f5f1ff}
.bx-step.is-locked .bx-dot{color:#6f6789;border-color:#ffffff14}
.bx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.bx-head h3{margin:0;font-size:15px;font-weight:700}
.bx-step.is-locked h3{color:#8f84a8}
.bx-body>p{margin:4px 0 0;font-size:13px;line-height:1.4;color:#a99fc2}
.bx-step.is-locked .bx-body>p{color:#8f84a8}
.bx-body>p.bx-sent{margin-top:6px;font-size:13px;color:#a99fc2}
.bx-sent strong{font:700 20px/1.2 Manrope,sans-serif;color:#f5f1ff;margin-right:4px}
.bx-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.phone .bx-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px 10px;border-radius:14px;border:1px solid #ffffff14;background:#ffffff08;color:#f4e7ff}
.bx-pack .coin-mark{width:20px;height:20px;font-size:12px;margin-bottom:4px}
.bx-pack b{font:800 16px/1.2 Manrope,sans-serif}
.bx-pack>span:not(.coin-mark){font-size:11px;color:#8f84a8}
.bx-pack em{display:flex;align-items:center;gap:3px;margin-top:6px;max-width:100%;height:22px;padding:0 6px;border-radius:11px;font:800 11px Manrope,sans-serif;font-style:normal;white-space:nowrap;background:#f3b96a26;color:#ffd993}
.phone .bx-pack.is-top{border-color:#b48cff;background:#b48cff26}
.bx-pack.is-top:after{content:'✓';position:absolute;top:5px;right:8px;font-size:12px;font-weight:700;color:#b48cff}
.bx-pack .bx-full{display:flex;align-items:center;gap:3px;margin-top:5px;font:700 11px Manrope,sans-serif;color:#8f84a8}
.bx-pack.is-locked b{color:#8f84a8}
.bx-pack.is-locked .coin-mark{filter:grayscale(1) brightness(.6)}
.bx-pack.is-locked em{background:#ffffff0a;color:#8f84a8}
.bx-store{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 20px 25px}
.bx-store-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:22px 0 18px;border-radius:16px;border:1px solid #c596ee;background:#412858;color:#f4e7ff}
.bx-store-item .coin-mark{width:30px;height:30px;font-size:18px}
.bx-store-item b{font:800 24px/1.2 Manrope,sans-serif}
.bx-store-item span:last-child{font-size:12px;color:#b499c8}
.bx-store p{margin:12px 0 0;font-size:12px;color:#a99fc2}
.bx-store .primary-button{margin-top:16px}
.bx-pack em i{font-style:normal}
@media(max-width:600px){.bx-pack em i{display:none}}
.pending-reward span{display:block}