.sw-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 40px);padding:22px;border:1px solid #dce4ed;border-radius:18px;background:#fff;color:#172033;box-shadow:0 24px 90px #0005;font:14px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow:auto}.sw-dialog::backdrop{background:#08122299}.sw-dialog *{box-sizing:border-box}.sw-dialog [hidden]{display:none!important}.sw-dialog h2,.sw-dialog h3,.sw-dialog p{color:#172033;margin:0}.sw-dialog h2{font-size:22px}.sw-dialog h3{font-size:17px}.sw-head,.sw-history-head,.sw-actions,.sw-record{display:flex;align-items:center;justify-content:space-between;gap:12px}.sw-head{margin-bottom:20px}.sw-dialog button,.sw-dialog select{font:inherit;color:#172033;background:#fff;border:1px solid #cfd9e5;border-radius:9px;padding:8px 14px;cursor:pointer}.sw-dialog .sw-close{font-size:24px;line-height:1;padding:8px 12px}.sw-balance{padding:18px;background:#f3f7fb;border:1px solid #dce4ed;border-radius:12px}.sw-balance>span{display:block;color:#40536c}.sw-amount{display:block;font-size:36px;line-height:1.3;margin:6px 0 12px;color:#172033}.sw-notice{font-size:13px;line-height:1.7}.sw-actions{justify-content:flex-start;margin:16px 0 24px}.sw-dialog .sw-primary{background:#176beb;border-color:#176beb;color:#fff;font-weight:700}.sw-history-head{margin-bottom:8px}.sw-record{padding:12px 0;border-bottom:1px solid #e3e9f0}.sw-record>div{min-width:0}.sw-record b{font-size:13px;font-weight:600;color:#172033}.sw-record small{display:block;color:#52647c;font-size:12px}.sw-record strong{white-space:nowrap;font-size:14px;color:#172033}.sw-record .sw-credit{color:#13744e}.sw-dialog .sw-status{color:#9d2637;margin-top:12px}.sw-muted{padding:16px 0}.sw-topup-frame{display:block;border:0;width:100%;height:min(740px,calc(100dvh - 150px));background:#fff}.sw-entry{display:flex;align-items:center;gap:16px;margin:0 0 16px auto;padding:9px 14px;max-width:100%;border:1px solid #d5dfec;border-radius:10px;background:#fff;color:#172033;font:600 14px/1.4 system-ui;cursor:pointer}.sw-entry strong{font-size:16px;color:#172033}.sw-nav{display:flex!important;justify-content:flex-start;gap:8px}.sw-nav .nav-icon{--nav-icon:url('/assets/icons/wallet.svg');width:20px;height:20px;flex:0 0 20px;background:currentColor;color:#71849f;-webkit-mask:var(--nav-icon) center/18px 18px no-repeat;mask:var(--nav-icon) center/18px 18px no-repeat}.sw-nav.active .nav-icon{color:var(--green,#27d092)}.sw-nav small{margin-left:auto;white-space:nowrap}.wallet-embed{margin:0!important;background:#fff!important;overflow:auto!important}.wallet-embed>div:not(#topupModal),.wallet-embed>header,.wallet-embed>nav,.wallet-embed>aside,.wallet-embed>footer,.wallet-embed>a,.wallet-embed>button{display:none!important}.wallet-embed #topupModal{position:static!important;min-height:0!important;height:auto!important;padding:0!important;background:#fff!important;backdrop-filter:none!important;overflow:visible!important}.wallet-embed #topupModal .modal{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}.wallet-embed #topupModal .modal-actions{bottom:auto!important}.wallet-embed .modal.hidden{display:none!important}@media(max-width:768px){.sw-dialog{padding:16px;max-height:calc(100dvh - 24px);width:calc(100vw - 20px)}.sw-amount{font-size:30px}.sw-dialog h2{font-size:20px}.sw-entry{margin:0 0 14px;width:100%;justify-content:space-between}.sw-topup-frame{height:calc(100dvh - 136px)}.sw-history-head select{max-width:48%}.sw-record{gap:8px}.wallet-embed #topupModal .modal{padding-bottom:16px!important}}

@layer dn-product-theme {
 html[data-dn-product-ui] body.wallet-embed{background:#fff!important;margin:0!important;overflow:auto!important;min-height:0!important;}
 html[data-dn-product-ui] body.wallet-embed #topupModal.modal-bg{position:static!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:#fff!important;backdrop-filter:none!important;overflow:visible!important;}
 html[data-dn-product-ui] body.wallet-embed #topupModal.modal-bg.hidden{display:none!important;}
 html[data-dn-product-ui] body.wallet-embed #topupModal.modal-bg .modal{position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;padding:12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;}
 html[data-dn-product-ui] body.wallet-embed #topupModal .modal-actions{position:static!important;padding:12px 0!important;margin:12px 0 0!important;}
}
.sw-dialog .sw-history-head h3{flex-shrink:0;white-space:nowrap}.sw-dialog .sw-history-head select{width:180px;max-width:50%}html body.wallet-embed #closeTopupBtn{display:none!important}
.sw-existing-section{margin-top:18px;padding:20px;border:1px solid #dce4ed;border-radius:18px;background:#fff;color:#172033;box-shadow:0 6px 20px #17203306}.sw-existing-section h2{font-size:18px;margin:0;color:#172033}.sw-use-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px}.sw-use-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #dce4ed;border-radius:13px}.sw-use-card h3{font-size:15px;color:#172033;margin:0}.sw-use-card p{font-size:13px;line-height:1.7;color:#465870;margin:0;flex:1}.sw-use-card .btn{color:#172033;background:#fff;border:1px solid #cbd8e8;text-decoration:none;text-align:center;white-space:normal}.sw-existing-section .sw-history-head{flex-wrap:wrap;margin-bottom:14px}.sw-existing-section .sw-history-head small{color:#52647c;font-size:12px}.sw-history-actions{display:flex;gap:10px;max-width:100%}.sw-history-actions select{font:inherit;color:#172033;background:#fff;border:1px solid #cbd8e8;border-radius:8px;padding:8px;max-width:200px}.sw-existing-section .sw-record{gap:16px;padding:14px 0}.sw-existing-section .sw-record b{font-size:13px}.sw-existing-section .sw-status{color:#a42738}.sw-existing-section .sw-muted{color:#52647c}html body #walletView .wallet-page-head{display:block!important;background:transparent!important;color:#172033!important;padding:0!important;border:0!important;border-radius:0!important;min-height:0!important;height:auto!important}html body #walletView .wallet-page-head h1{display:block!important;color:#172033!important;font-size:26px!important;line-height:1.3!important;margin:0 0 8px!important}html body #walletView .wallet-page-head p{color:#465870!important;background:transparent!important;font-size:13px!important;line-height:1.7!important}html body #walletView .wallet-summary-card span{color:#52647c!important}@media(max-width:768px){.sw-existing-section{padding:16px}.sw-use-grid{grid-template-columns:1fr;gap:10px}.sw-history-actions{width:100%}.sw-history-actions select{flex:1;min-width:0;max-width:none}.sw-existing-section .sw-record{gap:8px}.sw-existing-section .sw-record strong{font-size:13px}html body #walletView .wallet-page-head h1{font-size:23px!important}}
html body #walletView > .sw-existing-section:has(.sw-use-grid){display:none!important}

  .wallet-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.wallet-page-head h1{font-size:26px}.wallet-page-head p{margin-top:6px;color:var(--muted);font-size:13px}.wallet-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.wallet-summary-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(14,22,42,.86),rgba(7,12,25,.84))}.wallet-summary-card span{display:block;color:var(--muted);font-size:11px}.wallet-summary-card b{display:block;margin-top:7px;font-size:25px}.wallet-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.wallet-recharge,.wallet-packages{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(14,22,42,.86),rgba(7,12,25,.84));box-shadow:0 18px 60px rgba(0,0,0,.22)}.wallet-section-head h2{font-size:17px}.wallet-section-head p{margin-top:4px;color:var(--muted);font-size:11px}.wallet-amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.wallet-amount{display:flex;align-items:center;justify-content:space-between;min-height:64px;border:1px solid var(--line-2);border-radius:13px;padding:13px;background:rgba(255,255,255,.03);color:#fff;cursor:pointer;text-align:left}.wallet-amount:hover{border-color:rgba(36,151,255,.45);background:rgba(36,151,255,.1)}.wallet-amount b{font-size:18px}.wallet-amount span{color:var(--green);font-size:11px;font-weight:850}.wallet-pay-note{margin-top:16px;padding:13px;border:1px solid rgba(39,208,146,.2);border-radius:13px;background:rgba(39,208,146,.07);color:var(--muted);font-size:11px;line-height:1.7}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.package-card{position:relative;padding:17px;border:1px solid var(--line-2);border-radius:15px;background:rgba(255,255,255,.03)}.package-card.recommended{border-color:rgba(36,151,255,.48);background:linear-gradient(145deg,rgba(36,151,255,.12),rgba(39,208,146,.06))}.package-badge{position:absolute;right:13px;top:13px;color:#8dccff;font-size:10px;font-weight:900}.package-card h3{font-size:15px}.package-card>p{margin-top:3px;color:var(--muted);font-size:10px}.package-price{margin:14px 0 12px;font-size:25px;font-weight:950}.package-price small{font-size:11px;color:var(--muted);font-weight:700}.package-list{display:grid;gap:7px;min-height:92px;margin-bottom:15px;color:var(--soft);font-size:11px}.package-list span:before{content:"✓";margin-right:7px;color:var(--green);font-weight:900}.package-card .btn{width:100%}
body.sw-wallet-view main>:not(#walletView){display:none!important}body.sw-wallet-view #walletView{display:block!important;padding-top:8px}body.sw-wallet-view #walletView .sw-one-summary{grid-template-columns:1fr}body.sw-wallet-view #walletView :is(.wallet-summary-card,.wallet-recharge,.wallet-packages,.package-card,.wallet-pay-note,.wallet-amount){background:#fff!important;color:#172033!important;border:1px solid #dce4ed!important;box-shadow:0 6px 20px #17203306}body.sw-wallet-view #walletView :is(h1,h2,h3,b,.package-list,.package-card>.btn){color:#172033!important}body.sw-wallet-view #walletView :is(.wallet-section-head p,.package-card>p,.wallet-pay-note,.package-price small){color:#465870!important}body.sw-wallet-view #walletView .package-price{color:#168ae8!important}body.sw-wallet-view #walletView .wallet-amount span{color:#168ae8!important}body.sw-wallet-view #walletView .package-card .btn{border:1px solid #dce4ed!important;background:#fff!important}body.sw-wallet-view #walletView .package-card .btn-primary{background:#176beb!important;color:#fff!important}body.sw-wallet-view #walletView .wallet-section-head.with-action{display:flex;justify-content:space-between;gap:12px}body.sw-wallet-view #walletView .wallet-topup-btn{white-space:nowrap}@media(max-width:768px){body.sw-wallet-view #walletView .wallet-layout{grid-template-columns:minmax(0,1fr)}body.sw-wallet-view #walletView .package-grid{grid-template-columns:minmax(0,1fr)}body.sw-wallet-view #walletView .wallet-recharge,body.sw-wallet-view #walletView .wallet-packages{padding:16px}body.sw-wallet-view #walletView .wallet-section-head.with-action{flex-wrap:wrap}}
@layer dn-product-theme { html body #scrmWalletRenewMount{padding:20px!important}html body #renewModal.sw-inline-renew{position:static!important;display:block!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;background:transparent!important;backdrop-filter:none!important;overflow:visible!important;z-index:auto!important}html body #renewModal.sw-inline-renew>.modal{position:static!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;transform:none!important}html body #renewModal.sw-inline-renew #closeRenewBtn{display:none!important}html body #renewModal.sw-inline-renew .port-packages{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}html body #renewModal.sw-inline-renew .port-package{min-width:0!important;padding:14px 8px!important}html body #renewModal.sw-inline-renew .renew-order-actions{position:static!important}html body #renewModal.sw-inline-renew .modal-head h2{font-size:20px!important}html body #renewModal.sw-inline-renew .modal-head p{color:#465870!important;line-height:1.6!important}html body #renewModal.sw-inline-renew .renew-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #renewModal.sw-inline-renew .payment-stage{display:block!important} @media(max-width:768px){html body #scrmWalletRenewMount{padding:16px!important}html body #renewModal.sw-inline-renew .port-packages{gap:6px!important}html body #renewModal.sw-inline-renew .port-package{padding:10px 4px!important}html body #renewModal.sw-inline-renew .port-package b{font-size:12px!important}html body #renewModal.sw-inline-renew .port-package strong{font-size:14px!important}html body #renewModal.sw-inline-renew .port-package span{font-size:10px!important;white-space:normal!important}html body #renewModal.sw-inline-renew .method-choice{min-width:0!important;white-space:normal!important}} }