body.body-recharge-buy{background-color:#f8f8f8;background-image:url(../../images/recharge/recharge-bg.png);background-position:top;background-repeat:no-repeat;background-size:100% auto}.recharge-mnav{background:transparent!important}#mac-user-buy-root.member-wrap--recharge #right{background:transparent}.recharge-page{margin:0 auto;max-width:420px;padding:0 16px 40px;position:relative}.recharge-balance-row{align-items:center;display:flex;gap:8px;justify-content:center;padding:30px 0;position:relative;z-index:2}body.bstem .recharge-balance-row{background:#1e1d23}.recharge-coin-ico{flex-shrink:0;height:24px;object-fit:contain;width:24px}.recharge-balance-txt{color:var(--tpl-text,#333);font-size:15px;line-height:1.4;margin:0}.recharge-balance-txt strong{color:#c9a227;font-weight:700}.recharge-card{background:var(--tpl-bg-base,#fff);border:1px solid hsla(39,67%,73%,.35);border-radius:16px;box-shadow:0 8px 32px rgba(180,140,60,.12),0 2px 8px rgba(0,0,0,.04);padding:20px 16px}.quick-amount{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.amount-card{align-items:center;background:#fff;border:1px solid #e8e0d5;border-radius:12px;color:#5c3301;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:2px;justify-content:center;min-height:70px;overflow:hidden;padding:16px 12px;position:relative;text-align:center;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}#bottomNav{display:none!important}.amount-card__yen{color:#333;font-size:15px;font-weight:600}.amount-card__num{font-size:18px;font-weight:700}.amount-card__ribbon{height:48px;object-fit:contain;pointer-events:none;position:absolute;right:0;top:0;width:48px}.amount-card:hover{border-color:#e8c896;box-shadow:0 4px 12px rgba(212,165,116,.2)}.amount-card.active{background:#fff9e6;border:2px solid #f5c27b;box-shadow:0 4px 16px rgba(245,194,123,.22)}.amount-card.active .amount-card__num,.amount-card.active .amount-card__yen{color:#613107}.recharge-field{margin-bottom:14px}.recharge-field__label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.recharge-amount-input.amount-input{background:#f5f5f5;border:none;border-radius:12px;box-sizing:border-box;color:var(--tpl-text,#333);font-size:17px;height:48px;padding:0 16px;transition:box-shadow .2s ease;width:100%}.recharge-amount-input.amount-input:focus{box-shadow:0 0 0 2px rgba(212,168,85,.45);outline:none}.recharge-tips.tips-box{align-items:flex-start;background:transparent;border-radius:0;color:#999;display:flex;font-size:13px;gap:8px;line-height:1.55;padding:4px 0 0}.recharge-tips-ico{flex-shrink:0;margin-top:2px;opacity:.85}.recharge-confirm-btn.submit-btn{background:#f5d19b;border:none;border-radius:21px;box-sizing:border-box;color:#613107;cursor:pointer;display:block;font-size:16px;font-weight:700;height:40px;line-height:40px;margin:20px auto 0;max-width:none;max-width:388px;padding:0 24px;text-align:center;transition:filter .2s ease,transform .15s ease;width:calc(100% - 32px)}.recharge-confirm-btn.submit-btn:hover{filter:brightness(1.04)}.recharge-confirm-btn.submit-btn:active{transform:scale(.99)}.recharge-confirm-btn.submit-btn:disabled{background:#d4d0c8;box-shadow:none;color:#888;cursor:not-allowed;filter:none}@media (min-width:821px){.quick-amount{grid-template-columns:repeat(4,1fr)}.recharge-page{padding-bottom:48px}.recharge-confirm-btn.submit-btn{margin-top:24px;position:static}.bstem #mac-user-buy-root.member-wrap--recharge #right{background:var(--tpl-bg-muted)}}.pay-overlay{align-items:center;background:rgba(0,0,0,.55);bottom:0;box-sizing:border-box;display:none;justify-content:center;left:0;padding:30px 15px;position:fixed;right:0;top:0;z-index:1000000000}.pay-overlay.show{display:flex}.pay-modal{animation:payModalIn .28s ease;background:var(--tpl-bg-base);border-radius:var(--tpl-radius);box-shadow:0 20px 60px rgba(0,0,0,.25);max-width:480px;overflow:hidden;width:100%}@keyframes payModalIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.pay-modal-hd{align-items:center;border-bottom:1px solid var(--tpl-border-soft);display:flex;justify-content:space-between;padding:18px 20px}.pay-modal-hd h3{color:var(--tpl-text);font-size:17px;font-weight:700;margin:0}.pay-modal-close{background:var(--tpl-bg-muted);border:none;border-radius:50%;color:var(--tpl-text-muted);cursor:pointer;font-size:20px;height:30px;line-height:30px;padding:0;text-align:center;transition:background .2s;width:30px}.pay-modal-close:hover{background:var(--tpl-border-soft)}.pay-modal-bd{max-height:calc(100vh - 160px);overflow-y:auto;padding:20px}.order-summary{background:linear-gradient(135deg,var(--tpl-bg-muted),var(--tpl-bg-muted));border:1px solid var(--tpl-border-soft);border-radius:var(--tpl-radius);margin-bottom:18px;padding:16px 18px}.order-row{align-items:center;border-bottom:1px solid var(--tpl-border-soft);display:flex;justify-content:space-between;padding:9px 0}.order-row:last-child{border-bottom:none;padding-bottom:0}.order-label{font-weight:500}.order-label,.order-value{color:var(--tpl-text);font-size:var(--tpl-font-heading)}.order-value{font-weight:600}.order-value.price{color:var(--tpl-accent);font-size:26px;font-weight:700}.pm-section-title{color:var(--tpl-text);font-size:var(--tpl-font-heading);font-weight:600;margin-bottom:12px}.pm-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.pm-card{background:var(--tpl-bg-base);border:2px solid var(--tpl-border-soft);border-radius:var(--tpl-radius);box-shadow:0 1px 3px rgba(0,0,0,.06);cursor:pointer;padding:16px;text-align:center;transition:all .2s ease}.pm-card:hover{border-color:var(--tpl-accent);box-shadow:0 6px 14px rgba(64,204,146,.15);transform:translateY(-2px)}.pm-card.active{background:linear-gradient(135deg,var(--tpl-accent),var(--tpl-accent-hover));border-color:var(--tpl-accent);box-shadow:0 6px 18px var(--tpl-accent-muted);color:var(--tpl-text-on-inverse)}.pm-card img.pm-icon,.pm-card svg{display:block;height:24px;margin:0 auto 8px;object-fit:contain;width:24px}.pm-empty,.pm-error,.pm-loading{color:var(--tpl-text-muted,#888);font-size:var(--tpl-font-body);grid-column:1/-1;padding:16px;text-align:center}.pm-card .pm-name{font-size:var(--tpl-font-heading);font-weight:600}.pt-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.pt-card{background:var(--tpl-bg-base);border:2px solid var(--tpl-border-soft);border-radius:var(--tpl-radius);cursor:pointer;font-size:var(--tpl-font-heading);padding:12px 8px;text-align:center;transition:all .2s ease}.pt-card.active,.pt-card:hover{border-color:var(--tpl-accent)}.pt-card.active{background:var(--tpl-accent);color:var(--tpl-text-on-inverse)}.pay-confirm-btn{background:linear-gradient(135deg,var(--tpl-accent) 0,var(--tpl-accent-hover) 100%);border:none;border-radius:var(--tpl-radius);box-shadow:0 4px 12px var(--tpl-accent-muted);color:var(--tpl-text-on-inverse);cursor:pointer;font-size:17px;font-weight:700;margin-top:8px;padding:10px 16px;transition:all .2s;width:100%}.pay-confirm-btn:hover{box-shadow:0 6px 18px rgba(64,204,146,.4);transform:translateY(-1px)}.pay-success-panel{display:none;padding:30px 20px 24px;text-align:center}.pay-success-panel .success-icon{align-items:center;background:linear-gradient(135deg,var(--tpl-accent),var(--tpl-accent-hover));border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 18px;width:64px}.pay-success-panel .success-icon svg{fill:none;height:32px;stroke:var(--tpl-bg-base);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:32px}.pay-success-panel h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.pay-success-panel p{color:var(--tpl-text-muted);font-size:var(--tpl-font-heading);margin:0 0 24px}.pay-success-panel .points-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--tpl-radius);color:#16a34a;display:inline-block;font-size:var(--tpl-font-heading);font-weight:600;margin-bottom:24px;padding:8px 20px}.pay-success-close{background:linear-gradient(135deg,var(--tpl-accent),var(--tpl-accent-hover));border:none;border-radius:var(--tpl-radius);color:var(--tpl-text-on-inverse);cursor:pointer;font-size:var(--tpl-font-heading);font-weight:600;padding:14px;transition:all .2s;width:100%}.pay-success-close:hover{filter:brightness(1.08)}.pay-loading-panel{display:none;padding:40px 20px 36px;text-align:center}.pay-loading-qrcode-block{margin:0 auto 16px}.pay-loading-qrcode-host canvas,.pay-loading-qrcode-host table{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);display:block;margin:0 auto 12px}.pay-loading-qrcode-caption{color:var(--tpl-text-muted);font-size:var(--tpl-font-heading);line-height:1.5;margin:0 0 8px}.pay-loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--tpl-border-soft);border-radius:50%;border-top-color:var(--tpl-accent);height:52px;margin:0 auto 20px;width:52px}@keyframes spin{to{transform:rotate(1turn)}}.pay-loading-panel h3{color:var(--tpl-text);font-size:17px;font-weight:700;margin:0 0 8px}.pay-loading-panel p{line-height:1.6;margin:0 0 28px}.pay-loading-cancel,.pay-loading-panel p{color:var(--tpl-text-muted);font-size:var(--tpl-font-heading)}.pay-loading-cancel{background:none;border:1.5px solid var(--tpl-border-soft);border-radius:var(--tpl-radius);cursor:pointer;padding:10px 28px;transition:all .2s}.pay-loading-cancel:hover{border-color:#94a3b8;color:#1e293b}@media (max-width:820px){#mac-user-buy-root{background-image:none!important}#member{background:transparent}.recharge-page{padding:0 12px 32px}.recharge-card{padding:16px 14px 18px}.recharge-confirm-btn.submit-btn{margin-top:16px;max-width:none;width:100%}.pay-overlay{align-items:flex-end;padding:0}.pay-modal{border-radius:var(--tpl-radius) var(--tpl-radius) 0 0;max-width:100%}.pay-modal-bd{max-height:80vh}}.bstem.body-recharge-buy{background-image:none;background:var(--tpl-bg-base)!important}.bstem #mac-user-buy-root .recharge-card{background:#1c222e;border:1px solid hsla(0,0%,100%,.09);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 12px 36px rgba(0,0,0,.42)}.bstem #mac-user-buy-root .amount-card{background:#262f3d;border:1px solid hsla(0,0%,100%,.11);box-shadow:0 1px 3px rgba(0,0,0,.28);color:#f1f5f9}.bstem #mac-user-buy-root .amount-card:hover{border-color:rgba(251,191,36,.32);box-shadow:0 4px 14px rgba(0,0,0,.32)}.bstem #mac-user-buy-root .amount-card .amount-card__num,.bstem #mac-user-buy-root .amount-card .amount-card__yen{color:#e2e8f0}.bstem #mac-user-buy-root .amount-card.active{background:linear-gradient(180deg,rgba(251,191,36,.16),rgba(251,191,36,.06));border:1px solid rgba(251,191,36,.5);box-shadow:0 0 0 1px rgba(251,191,36,.12),0 8px 22px rgba(0,0,0,.35)}.bstem #mac-user-buy-root .amount-card.active .amount-card__num,.bstem #mac-user-buy-root .amount-card.active .amount-card__yen{color:#fde68a}.bstem #mac-user-buy-root .recharge-field__label{color:rgba(226,232,240,.72)}.bstem #mac-user-buy-root .recharge-amount-input.amount-input{background:#121820;border:1px solid hsla(0,0%,100%,.08);box-shadow:inset 0 2px 8px rgba(0,0,0,.4);color:#f8fafc}.bstem #mac-user-buy-root .recharge-amount-input.amount-input:focus{box-shadow:inset 0 2px 8px rgba(0,0,0,.4),0 0 0 2px rgba(251,191,36,.35)}.bstem #mac-user-buy-root .recharge-tips.tips-box{color:rgba(148,163,184,.95)}.bstem #mac-user-buy-root .recharge-balance-txt{color:rgba(241,245,249,.9)}.bstem #mac-user-buy-root .recharge-balance-txt strong{color:#fbbf24;text-shadow:0 0 18px rgba(251,191,36,.22)}.bstem #mac-user-buy-root .recharge-confirm-btn.submit-btn{box-shadow:0 4px 18px rgba(0,0,0,.4)}.bstem #mac-user-buy-root .recharge-confirm-btn.submit-btn:disabled{background:#2a313c;border:1px solid hsla(0,0%,100%,.06);color:rgba(148,163,184,.75)}