/* Wallet asset-management showcase */
body[data-route="wallet"] #content-inner{width:100%;max-width:none}
.wallet-showcase{--ws-line:rgba(73,106,145,.42);--ws-line-soft:rgba(72,103,139,.23);--ws-bg:#040b14;--ws-card:#08131f;--ws-gold:#e6b94e;--ws-blue:#3296ff;min-width:0;color:#dce4ed}
.wallet-showcase *{box-sizing:border-box}.wallet-showcase button,.wallet-showcase input{font:inherit}
.wallet-showcase-head{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 10px 14px 22px;border-left:3px solid var(--ws-gold);background:linear-gradient(90deg,rgba(3,10,19,.88),rgba(3,10,19,.18))}
.wallet-showcase-head h1{margin:0;font-size:clamp(27px,2.3vw,36px);line-height:1.15}.wallet-showcase-head p{margin:8px 0 0;color:#8a99ab;font-size:12px}.wallet-showcase-head>span{margin-right:30%;padding:9px 15px;border:1px solid rgba(50,150,255,.46);border-radius:4px;background:rgba(7,18,31,.75);color:#9daabc;font-size:10px;transform:skew(-12deg)}.wallet-showcase-head>span b{color:var(--ws-gold);font-size:12px}
.wallet-showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}.wallet-showcase-main{min-width:0}
.wallet-balance-band{display:grid;grid-template-columns:1.08fr 1fr 1.08fr 1fr;margin:0 0 12px;background:linear-gradient(145deg,#091522,#050d17);border:1px solid var(--ws-line);border-top:1px solid rgba(230,185,78,.66);border-radius:5px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.wallet-balance-main,.wallet-balance-item{min-width:0;min-height:108px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:15px;border-left:1px solid var(--ws-line-soft);background:transparent}.wallet-balance-main{border-left:0}.wallet-balance-main>i,.wallet-balance-item>i{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(230,185,78,.36);border-radius:50%;background:rgba(230,185,78,.12);color:var(--ws-gold);font-size:22px;font-style:normal}.wallet-balance-item.accent>i{border-color:rgba(50,150,255,.40);background:rgba(50,150,255,.13);color:#70b7ff}.wallet-balance-main span,.wallet-balance-item span,.wallet-balance-main strong,.wallet-balance-item strong,.wallet-balance-main small,.wallet-balance-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-balance-main span,.wallet-balance-item span{color:#d3b86c;font-size:10px;font-weight:750}.wallet-balance-item span{color:#a8b4c2}.wallet-balance-main strong,.wallet-balance-item strong{margin-top:4px;color:#f1c65f;font:850 clamp(19px,1.65vw,25px)/1.15 var(--font-mono)}.wallet-balance-item strong{color:#e5e9ef}.wallet-balance-item.accent strong{color:#58a9ff}.wallet-balance-main small,.wallet-balance-item small{margin-top:7px;color:#6f7e91;font-size:8px}
.wallet-action-zone{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.86fr) 208px;gap:10px;margin-bottom:12px}.wallet-action-panel,.wallet-fee-policy{min-width:0;padding:14px;background:linear-gradient(145deg,#081420,#050d17);border:1px solid var(--ws-line);border-radius:5px;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.wallet-panel-title{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:0;border:0}.wallet-panel-title h3{margin:0;color:#e4e9ef;font-size:13px}.wallet-panel-title p{margin:3px 0 0;color:#68788b;font-size:8px}.wallet-panel-icon{display:grid;width:27px;height:27px;place-items:center;border:1px solid #2b83da;border-radius:50%;color:#54a9ff;font-size:13px}.wallet-panel-icon.blue{color:#78baff}
.wallet-action-panel .form-group{margin-bottom:10px}.wallet-action-panel .form-group label{display:block;margin-bottom:5px;color:#8998aa;font-size:8px}.wallet-action-panel input{height:34px;padding:0 10px;border:1px solid #263b53;border-radius:3px;background:#050e19;color:#dce5ee;font-size:10px;outline:none}.wallet-action-panel input:focus{border-color:#3d91eb}.wallet-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.wallet-presets button{min-height:32px;border:1px solid #25476d;border-radius:3px;background:#0a2040;color:#a9bfd9;font:9px var(--font-mono);cursor:pointer}.wallet-presets button:hover{border-color:var(--ws-gold);color:var(--ws-gold)}.wallet-money-input{display:grid;grid-template-columns:30px 1fr}.wallet-money-input>span{display:grid;place-items:center;border:1px solid #263b53;border-right:0;border-radius:3px 0 0 3px;background:#0a1421;color:var(--ws-gold);font-size:10px}.wallet-money-input input{width:100%;border-radius:0 3px 3px 0}.wallet-provider-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.wallet-provider-switch button{min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #29425d;border-radius:3px;background:#0a1522;color:#a7b4c3;font-size:9px;cursor:pointer}.wallet-provider-switch button>span{width:9px;height:9px;border-radius:50%;background:#25c26e}.wallet-provider-switch button.alipay>span{background:#2498ff}.wallet-provider-switch button.active{border-color:var(--ws-gold);box-shadow:inset 0 0 14px rgba(230,185,78,.07)}.wallet-provider-switch button:disabled{opacity:.42}.wallet-provider-switch small{font-size:7px;color:#67768a}
.wallet-action-panel .btn-block{width:100%;min-height:37px;border-radius:3px;font-size:11px}.wallet-action-panel .btn-primary{border:1px solid #e2b34d;background:linear-gradient(180deg,#d1a444,#956a20);color:#fff7e2}.wallet-action-panel .btn-secondary{border:1px solid #2b64ae;background:linear-gradient(180deg,#123b79,#0d2854);color:#dce9ff}.wallet-action-panel .btn-block:disabled{opacity:.42}.wallet-withdraw-estimate{min-height:32px;margin:0 0 10px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #223950;border-left:2px solid var(--ws-blue);border-radius:3px;background:#06101b}.wallet-withdraw-estimate span{color:#6f8093;font-size:8px}.wallet-withdraw-estimate b{color:#66affc;font-size:8px}.wallet-rule,.wallet-config-note{margin:8px 0 0;color:#647487;font-size:7px;line-height:1.55}.wallet-config-note{color:#d6a64b}
.wallet-fee-policy{padding:14px 12px}.wallet-fee-heading h3{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--ws-line-soft);color:#a7cfff;font-size:10px}.wallet-fee-heading h3 i,.wallet-fee-policy>p i{display:inline-grid;width:13px;height:13px;place-items:center;border:1px solid #3c536d;border-radius:50%;font-size:7px;font-style:normal}.wallet-fee-list{display:grid}.wallet-fee-list>div{position:relative;padding:8px 0 8px 14px;border-bottom:1px solid rgba(73,105,143,.16)}.wallet-fee-list>div::before{content:'◆';position:absolute;left:0;top:10px;color:var(--ws-gold);font-size:6px}.wallet-fee-list span,.wallet-fee-list strong,.wallet-fee-list small{display:block}.wallet-fee-list span{color:#a8b5c3;font-size:8px}.wallet-fee-list strong{position:absolute;right:0;top:8px;color:#dbe5ee;font:800 8px var(--font-mono)}.wallet-fee-list small{margin-top:4px;color:#627286;font-size:6px;line-height:1.4}.wallet-fee-policy>p{margin:10px 0 0;color:#59697d;font-size:6px;line-height:1.6}
.wallet-history{overflow:hidden;background:linear-gradient(145deg,#07131f,#050d17);border:1px solid var(--ws-line);border-radius:5px}.wallet-history-head{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--ws-line-soft)}.wallet-history-head>div{display:flex;align-items:center;gap:22px}.wallet-history-head h3{margin:0;font-size:12px}.wallet-history-head nav{display:flex;gap:4px}.wallet-history-head nav button{height:27px;padding:0 14px;border:0;border-radius:3px;background:transparent;color:#78889c;font-size:8px;cursor:pointer}.wallet-history-head nav button.active{background:#0f2a4d;color:#8cc5ff}.wallet-history-refresh{height:28px;padding:0 12px;border:1px solid #2a425c;border-radius:3px;background:#081420;color:#9ba9ba;font-size:8px;cursor:pointer}.wallet-ledger-columns,.wallet-ledger-row{display:grid;grid-template-columns:1.22fr 1.35fr 1.42fr 1.35fr .82fr .7fr;gap:10px;align-items:center}.wallet-ledger-columns{min-height:31px;padding:0 14px;background:#091522;border-bottom:1px solid rgba(74,105,141,.18);color:#65758a;font-size:7px}.wallet-ledger-row{min-height:52px;padding:7px 14px;border-bottom:1px solid rgba(74,105,141,.14)}.wallet-ledger-row:last-child{border-bottom:0}.wallet-ledger-row:hover{background:rgba(42,121,206,.05)}.wallet-ledger-row[hidden]{display:none}.wallet-ledger-type{min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr);gap:7px;align-items:center}.wallet-ledger-type strong,.wallet-ledger-description,.wallet-ledger-row code,.wallet-ledger-row time,.wallet-ledger-amount,.wallet-ledger-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-ledger-type strong{font-size:8px}.wallet-ledger-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(245,88,102,.12);color:#ff6b78;font-size:12px}.wallet-ledger-icon.in{background:rgba(49,199,132,.12);color:#43d28c}.wallet-ledger-description,.wallet-ledger-row code,.wallet-ledger-row time{color:#7d8da0;font-size:7px}.wallet-ledger-row code{font-family:var(--font-mono)}.wallet-ledger-amount{font:800 9px var(--font-mono)}.wallet-ledger-amount.positive{color:#45d48d}.wallet-ledger-amount.negative{color:#ff6b78}.wallet-ledger-row em{color:#58a8ff;font-size:7px;font-style:normal}.wallet-ledger-row em.done{color:#50cf8d}.wallet-empty-ledger{padding:45px 20px;text-align:center;color:#728196;font-size:10px}
.wallet-showcase-aside{display:grid;gap:12px;margin-top:-94px}.wallet-coin-visual{height:500px;overflow:hidden;background-color:#020812;background-image:linear-gradient(180deg,rgba(2,8,18,.08),rgba(2,8,18,.08) 65%,rgba(2,8,18,.65)),url('../assets/bg.png');background-repeat:no-repeat;background-size:auto 100%;background-position:69% center;border:1px solid rgba(61,94,131,.32);border-radius:5px;box-shadow:inset 0 0 50px rgba(0,0,0,.16)}
.wallet-security-card{overflow:hidden;background:linear-gradient(145deg,#091521,#050d17);border:1px solid var(--ws-line);border-radius:5px}.wallet-security-card h3{margin:0;padding:13px 15px;border-bottom:1px solid var(--ws-line-soft);font-size:12px}.wallet-security-card>div{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;padding:11px 14px}.wallet-security-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.wallet-security-card li{display:grid;grid-template-columns:22px 1fr;gap:7px}.wallet-security-card li>i{display:grid;width:20px;height:20px;place-items:center;border:1px solid #2c6eac;border-radius:50%;color:#5aaeff;font-size:8px;font-style:normal}.wallet-security-card strong,.wallet-security-card small{display:block}.wallet-security-card strong{font-size:8px}.wallet-security-card small{margin-top:3px;color:#69798d;font-size:7px}.wallet-security-shield{width:88px;height:102px;display:grid;margin:auto;place-items:center;clip-path:polygon(50% 0,94% 17%,87% 68%,50% 100%,13% 68%,6% 17%);background:linear-gradient(145deg,#e4b849 0 8%,#173e79 10% 28%,#0b78df 30% 70%,#09294f 72% 90%,#d9aa3d 92%);filter:drop-shadow(0 0 16px rgba(27,128,255,.48))}.wallet-security-shield span{display:grid;width:50px;height:58px;place-items:center;clip-path:inherit;background:linear-gradient(145deg,#0c2d5c,#0d6cc5);color:#cfeaff;font-size:24px}.wallet-security-card>a{display:block;padding:10px 15px;background:#0a213c;color:#6fb6ff;font-size:8px;text-decoration:none}
@media(max-width:1280px){.wallet-showcase-layout{grid-template-columns:minmax(0,1fr) 300px}.wallet-action-zone{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-fee-policy{grid-column:1/-1}.wallet-fee-list{grid-template-columns:repeat(4,1fr);gap:10px}.wallet-fee-list>div{border-bottom:0}.wallet-showcase-head>span{margin-right:25%}.wallet-ledger-columns,.wallet-ledger-row{grid-template-columns:1.2fr 1.2fr 1fr 1fr .8fr}.wallet-ledger-columns span:nth-child(3),.wallet-ledger-row>code{display:none}}
@media(max-width:980px){.wallet-showcase-layout{grid-template-columns:1fr}.wallet-showcase-aside{grid-template-columns:1fr 1fr;margin-top:0}.wallet-coin-visual{height:300px;background-size:cover;background-position:center 50%}.wallet-security-card{min-height:300px}.wallet-showcase-head>span{margin-right:0}.wallet-balance-band{grid-template-columns:repeat(2,1fr)}.wallet-balance-item:nth-child(3){border-left:0;border-top:1px solid var(--ws-line-soft)}.wallet-balance-item:nth-child(4){border-top:1px solid var(--ws-line-soft)}}
@media(max-width:720px){body[data-route="wallet"] #content-inner{padding-inline:9px}.wallet-showcase-head{align-items:flex-start;flex-direction:column;padding:10px 13px 15px}.wallet-showcase-head>span{margin:0}.wallet-balance-main,.wallet-balance-item{min-height:91px;grid-template-columns:37px minmax(0,1fr);gap:8px;padding:10px}.wallet-balance-main>i,.wallet-balance-item>i{width:34px;height:34px;font-size:17px}.wallet-action-zone{grid-template-columns:1fr}.wallet-fee-policy{grid-column:auto}.wallet-fee-list{grid-template-columns:repeat(2,1fr)}.wallet-showcase-aside{grid-template-columns:1fr}.wallet-coin-visual{height:240px}.wallet-security-card{min-height:0}.wallet-ledger-columns{display:none}.wallet-ledger-row{grid-template-columns:1.25fr 1fr .85fr;gap:7px}.wallet-ledger-description,.wallet-ledger-row time,.wallet-ledger-row>code{display:none}.wallet-ledger-row em{text-align:right}.wallet-history-head>div{gap:10px}.wallet-history-head nav button{padding-inline:8px}.wallet-history-refresh{display:none}}
@media(max-width:420px){.wallet-balance-band{grid-template-columns:1fr}.wallet-balance-main,.wallet-balance-item{border-left:0;border-top:1px solid var(--ws-line-soft)}.wallet-balance-main{border-top:0}.wallet-fee-list{grid-template-columns:1fr}.wallet-security-card>div{grid-template-columns:1fr 105px}}

/* Readable scale: keep wallet typography legible on desktop and client displays. */
.wallet-showcase{font-size:16px}
.wallet-showcase-head{min-height:104px;padding:14px 16px 20px 26px}
.wallet-showcase-head h1{font-size:clamp(36px,2.5vw,48px)}
.wallet-showcase-head p{font-size:16px;line-height:1.6}
.wallet-showcase-head>span{margin-right:20%;padding:11px 18px;font-size:14px}
.wallet-showcase-head>span b{font-size:16px}
.wallet-showcase-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px}
.wallet-balance-band{margin-bottom:16px}
.wallet-balance-main,.wallet-balance-item{min-height:132px;grid-template-columns:56px minmax(0,1fr);gap:15px;padding:20px}
.wallet-balance-main>i,.wallet-balance-item>i{width:52px;height:52px;font-size:26px}
.wallet-balance-main span,.wallet-balance-item span{font-size:14px}
.wallet-balance-main strong,.wallet-balance-item strong{font-size:clamp(25px,1.65vw,34px)}
.wallet-balance-main small,.wallet-balance-item small{font-size:12px}
.wallet-action-zone{grid-template-columns:minmax(350px,1.05fr) minmax(330px,.95fr) minmax(260px,.68fr);gap:14px;margin-bottom:16px}
.wallet-action-panel,.wallet-fee-policy{padding:19px}
.wallet-panel-title{gap:12px;margin-bottom:16px}
.wallet-panel-title h3{font-size:18px}
.wallet-panel-title p{font-size:13px;line-height:1.5}
.wallet-panel-icon{width:36px;height:36px;font-size:17px}
.wallet-action-panel .form-group{margin-bottom:14px}
.wallet-action-panel .form-group label{margin-bottom:7px;font-size:13px}
.wallet-action-panel input{height:44px;padding-inline:13px;font-size:15px}
.wallet-presets{gap:9px;margin-bottom:14px}
.wallet-presets button{min-height:42px;font-size:14px}
.wallet-money-input{grid-template-columns:40px 1fr}
.wallet-money-input>span{font-size:15px}
.wallet-provider-switch{gap:9px}
.wallet-provider-switch button{min-height:44px;font-size:14px}
.wallet-provider-switch button>span{width:12px;height:12px}
.wallet-provider-switch small{font-size:11px}
.wallet-action-panel .btn-block{min-height:48px;font-size:16px}
.wallet-withdraw-estimate{min-height:42px;margin-bottom:14px;padding:9px 12px}
.wallet-withdraw-estimate span,.wallet-withdraw-estimate b{font-size:13px}
.wallet-rule,.wallet-config-note{margin-top:11px;font-size:12px;line-height:1.65}
.wallet-fee-policy{padding:18px 16px}
.wallet-fee-heading h3{margin-bottom:13px;padding-bottom:12px;font-size:15px}
.wallet-fee-heading h3 i,.wallet-fee-policy>p i{width:17px;height:17px;font-size:10px}
.wallet-fee-list>div{padding:12px 0 12px 18px}
.wallet-fee-list>div::before{top:15px;font-size:8px}
.wallet-fee-list span{font-size:13px}
.wallet-fee-list strong{top:12px;font-size:13px}
.wallet-fee-list small{margin-top:6px;font-size:11px;line-height:1.5}
.wallet-fee-policy>p{margin-top:13px;font-size:11px;line-height:1.65}
.wallet-history-head{min-height:66px;padding:12px 18px}
.wallet-history-head h3{font-size:18px}
.wallet-history-head nav button{height:36px;padding-inline:18px;font-size:13px}
.wallet-history-refresh{height:38px;padding-inline:16px;font-size:13px}
.wallet-ledger-columns{min-height:42px;padding-inline:18px;font-size:12px}
.wallet-ledger-row{min-height:66px;padding:10px 18px}
.wallet-ledger-type{grid-template-columns:34px minmax(0,1fr);gap:10px}
.wallet-ledger-icon{width:32px;height:32px;font-size:15px}
.wallet-ledger-type strong{font-size:13px}
.wallet-ledger-description,.wallet-ledger-row code,.wallet-ledger-row time{font-size:12px}
.wallet-ledger-amount{font-size:14px}
.wallet-ledger-row em{font-size:12px}
.wallet-empty-ledger{font-size:14px}
.wallet-showcase-aside{gap:16px;margin-top:0}
.wallet-security-card h3{padding:17px 18px;font-size:18px}
.wallet-security-card>div{grid-template-columns:minmax(0,1fr) 116px;padding:17px 18px}
.wallet-security-card ul{gap:16px}
.wallet-security-card li{grid-template-columns:30px 1fr;gap:10px}
.wallet-security-card li>i{width:28px;height:28px;font-size:12px}
.wallet-security-card strong{font-size:14px}
.wallet-security-card small{font-size:12px;line-height:1.45}
.wallet-security-card>a{padding:14px 18px;font-size:13px}

@media(max-width:1280px){
  .wallet-showcase-layout{grid-template-columns:minmax(0,1fr) 285px}
  .wallet-action-zone{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wallet-fee-policy{grid-column:1/-1}
  .wallet-fee-list{grid-template-columns:repeat(4,1fr)}
  .wallet-showcase-head>span{margin-right:8%}
}
@media(max-width:980px){
  .wallet-showcase-layout{grid-template-columns:1fr}
  .wallet-showcase-aside{grid-template-columns:1fr}
  .wallet-action-zone{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wallet-security-card{min-height:0}
  .wallet-showcase-head>span{margin-right:0}
}
@media(max-width:720px){
  .wallet-showcase{font-size:15px}
  .wallet-showcase-head h1{font-size:32px}
  .wallet-showcase-head p{font-size:14px}
  .wallet-action-zone{grid-template-columns:1fr}
  .wallet-fee-policy{grid-column:auto}
  .wallet-fee-list{grid-template-columns:repeat(2,1fr)}
  .wallet-balance-main,.wallet-balance-item{min-height:112px;padding:14px}
  .wallet-ledger-row{min-height:62px;padding-inline:12px}
}
@media(max-width:420px){
  .wallet-fee-list{grid-template-columns:1fr}
  .wallet-balance-main span,.wallet-balance-item span{font-size:13px}
  .wallet-balance-main strong,.wallet-balance-item strong{font-size:24px}
  .wallet-security-card>div{grid-template-columns:1fr 96px}
}
