/* Shared blue workspace chrome. Business pages retain their own layout. */
html[data-theme="dark"] {
  color-scheme:dark;
  --night-ink:#e4ecff; --night-muted:#a3b4d1;
  --night-panel:#141f35; --night-soft:#1a2842; --night-raised:#243653; --night-line:#30425f;
  --night-blue:#83aaff; --night-green:#5cdb9c; --night-cyan:#66cde9;
  --night-purple:#b598ff; --night-amber:#f6bc6b; --night-rose:#ff8eac;
  --night-tint-blue:#1c2e50; --night-tint-green:#143a32; --night-tint-cyan:#163746;
  --night-tint-purple:#2b254b; --night-tint-amber:#3c3022; --night-tint-rose:#3e2538;
}
body.vcc-showcase { background:var(--night-tint-blue,#f1f5ff); }
.vcc-showcase :is(.sidebar,.mobile-navigation) { background:linear-gradient(152deg,#132457 0%,#172e79 52%,#21469d 100%); color:#e9efff; border-right:1px solid #ffffff14; isolation:isolate; }
.vcc-showcase :is(.sidebar,.mobile-navigation)::after { content:""; position:absolute; pointer-events:none; z-index:-1; width:430px; height:410px; border-radius:48% 52% 0 0; bottom:-190px; left:-88px; transform:rotate(-25deg); background:linear-gradient(140deg,#547fff42,#4275ee12); border-top:1px solid #90aeff24; }
.vcc-showcase .sidebar { width:232px; overflow:hidden; }
.vcc-showcase .mobile-navigation { overflow-x:hidden; }
.vcc-showcase .main-area { margin-left:232px; background:transparent; }
.vcc-showcase .brand { padding:23px 24px 24px; color:#fff; gap:11px; }
.vcc-showcase .brand-mark { width:41px; height:42px; border:1px solid #7ea3ff55; border-radius:12px; background:linear-gradient(140deg,var(--night-raised,#5e8dff),#1551ff 58%,#2344ce); box-shadow:0 5px 13px #06164045,inset 0 1px 1px #ffffff38; font-size:25px; }
.vcc-showcase .brand-name { color:#fff; font-size:17px; letter-spacing:-.3px; }
.vcc-showcase .brand-caption { color:var(--night-blue,#b1c2ee); font-size:11px; letter-spacing:.2px; margin-top:2px; }
.vcc-showcase .sidebar-nav { padding:6px 14px 18px; }
.vcc-showcase .nav-group { margin:0 0 20px; }
.vcc-showcase .nav-group-label { color:var(--night-blue,#abbfe9); font-size:12px; font-weight:500; margin:0; padding:0 12px 9px; }
.vcc-showcase .nav-link { min-height:43px; padding:10px 14px; margin:0 0 4px; border:1px solid transparent; border-radius:10px; color:#e4ecff; font-size:14px; gap:13px; }
.vcc-showcase .nav-link svg { color:#e3ecff; width:19px; height:19px; opacity:1; }
.vcc-showcase .nav-link:hover { background:#ffffff0c; color:#fff; }
.vcc-showcase .nav-link.active { background:linear-gradient(105deg,#3159ff,#2142d6); color:#fff; border-color:#668bff66; box-shadow:0 5px 14px #061c6336,inset 0 1px #ffffff10; }
.vcc-showcase .nav-active-dot { display:none; }
.vcc-showcase .sidebar-foot { border-color:#ffffff12; padding:12px 20px 18px; }
.vcc-showcase .sidebar-environment { min-height:34px; padding:7px 10px; border:1px solid #97b2ff27; border-radius:10px; color:#dbe6ff; background:#ffffff04; font-size:11px; }
.vcc-showcase .environment-dot { background:#39d49d; box-shadow:0 0 10px #38d29b20; }
.vcc-showcase .logout-button { color:#e0eaff; min-height:36px; margin-top:8px; font-size:12px; }
.vcc-showcase .logout-button:hover { background:#ffffff0b; color:#fff; }
.vcc-showcase .topbar { min-height:64px; padding:12px 28px; background:#ffffffc9; border-bottom:1px solid var(--night-line,#dfe7fb); backdrop-filter:blur(12px); }
.vcc-showcase .breadcrumb { color:var(--night-muted,#576b92); font-size:12px; }
.vcc-showcase .breadcrumb [aria-current=page] { color:var(--night-ink,#20335e); font-weight:600; }
.vcc-showcase .breadcrumb-separator { color:var(--night-muted,#8297c1); }
.vcc-showcase .user-avatar { width:34px; height:34px; color:#fff; border-color:var(--night-line,#aec7ff); background:linear-gradient(145deg,var(--night-raised,#85adff),#2358ed 70%); box-shadow:0 2px 7px #285bff20; }
.vcc-showcase .topbar-side { gap:13px; }
.vcc-showcase .account-copy strong { color:var(--night-muted,#425b86); }
.vcc-showcase .account-copy small { color:var(--night-muted,#6c7f9f); font-size:11px; }
.vcc-showcase .demo-footer { color:var(--night-muted,#63769a); font-size:11px; padding-top:8px; }
.vcc-showcase .demo-footer>:first-child { color:var(--night-muted,#63769a); }
.vcc-showcase .mobile-navigation-head .icon-btn { color:#dfe9ff; background:#ffffff0b; }
.vcc-showcase .mobile-navigation::backdrop { background:#111e4d66; }
.page-heading { display:flex; align-items:center; gap:16px; min-width:0; }
.page-heading-copy { min-width:0; }
:is(.dashboard-home,.cards-showcase,.opening-showcase,.batches-showcase,.products-showcase,.wallet-showcase,.transactions-showcase,.security-showcase) .main-area { position:relative; isolation:isolate; background:radial-gradient(ellipse at 88% 2%,#dddfff80 0%,transparent 43%),linear-gradient(150deg,var(--night-tint-blue,#edf4ff),var(--night-soft,#f5f6ff) 55%,var(--night-tint-blue,#ecf3ff)); }
:is(.dashboard-home,.cards-showcase,.opening-showcase,.batches-showcase,.products-showcase,.wallet-showcase,.transactions-showcase,.security-showcase) .main-area::before { content:""; position:absolute; top:68px; right:0; left:0; height:250px; z-index:-1; pointer-events:none; background:linear-gradient(155deg,transparent 35%,#9cbdfc17 35%,#8faaff16 59%,transparent 59%); border-radius:0 0 48% 36%; }
@media (max-width:900px) {
  .vcc-showcase .main-area { margin-left:0; }
  .vcc-showcase .topbar { padding:11px 18px; min-height:60px; }
  .vcc-showcase .mobile-navigation .brand { padding:22px 20px; }
  .vcc-showcase .mobile-navigation .sidebar-nav { padding:5px 16px; }
}
@media (max-width:600px) {
  .vcc-showcase .topbar { padding:10px 14px; }
  .vcc-showcase .account-copy,.vcc-showcase .header-divider { display:none; }
  .vcc-showcase .topbar-side { gap:8px; }
  .vcc-showcase .environment-badge { padding:4px 6px; font-size:10px; }
}
/* Shared finishing layer. Layout uses available space, never a centered canvas. */
:root {
  --vcc-ink:var(--night-ink,#14254f); --vcc-text:var(--night-ink,#304469); --vcc-muted:#627595;
  --vcc-line:var(--night-line,#dfe6f7); --vcc-panel:var(--night-panel,#fff); --vcc-soft:var(--night-tint-blue,#f2f5ff);
  --vcc-blue:#2457f5; --vcc-green:#008953; --vcc-cyan:#007fa9;
  --vcc-purple:#7444dc; --vcc-orange:#be6200; --vcc-rose:#ca365b;
  --vcc-gap:clamp(14px,1.2vw,24px);
}
html { color-scheme:light; }
body { font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif; color:var(--vcc-text); -webkit-font-smoothing:antialiased; }
body.vcc-showcase .page-content { width:100%; max-width:none; margin:0; padding:clamp(20px,1.6vw,30px) clamp(16px,1.6vw,36px); }
body.vcc-showcase .demo-footer { max-width:none; margin:0; padding-inline:clamp(16px,1.6vw,36px); }
body.vcc-showcase .page-intro { min-height:88px; gap:clamp(16px,2vw,32px); }
body.vcc-showcase .page-heading h1 { color:var(--vcc-ink); font-size:clamp(26px,1.9vw,32px); line-height:1.25; font-weight:700; letter-spacing:-.6px; }
body.vcc-showcase .page-subtitle { color:var(--night-muted,#52678d); font-size:13px; }
body.vcc-showcase :is(.panel,.cards-workspace-panel,.recharge-v3-panel) { box-shadow:0 7px 24px #324cc00a; border-color:var(--vcc-line); }
body.vcc-showcase .page-content :is(h2,h3,.panel-head h2) { color:var(--vcc-ink); }
body.vcc-showcase .btn { width:auto; flex-shrink:0; white-space:nowrap; gap:7px; }
body.vcc-showcase.opening-showcase .cards-open-submit { width:100%; }
body.vcc-showcase .btn-primary { background:linear-gradient(110deg,#1869ff,#2148ee); border-color:var(--night-line,#2553f5); color:#fff; box-shadow:0 3px 8px #2457f521; font-weight:600; }
body.vcc-showcase .btn-primary:hover:not(:disabled) { background:linear-gradient(110deg,#0c58ef,#183bd3); }
body.vcc-showcase :is(button,.btn):disabled { opacity:1; cursor:not-allowed; }
body.vcc-showcase :is(table,.table-wrap) { font-variant-numeric:tabular-nums; }
body.vcc-showcase table th { font-weight:600; }
body.vcc-showcase :is(.cards-title-icon,.finance-showcase-title-icon) { width:52px; height:52px; border-radius:15px; color:var(--night-blue,#1857ff); border-color:var(--night-line,#d2dcff); background:linear-gradient(135deg,var(--night-tint-blue,#e1eaff),var(--night-tint-blue,#d7ddff)); box-shadow:inset 0 1px #fff,0 5px 12px #4f6dfa13; }
body.vcc-showcase :is(.cards-title-icon,.finance-showcase-title-icon) svg { width:29px; height:29px; }

/* Cards: columns share the available width; compact controls retain their content size. */
body.cards-showcase .cards-workspace { container-type:inline-size; }
body.cards-showcase .cards-workspace-table { width:100%; min-width:1360px; }
body.cards-showcase .cards-workspace-table .cards-col-expand { width:30px; }
body.cards-showcase .cards-workspace-table .cards-col-select { width:38px; }
body.cards-showcase .cards-workspace-table .cards-col-number { width:18%; }
body.cards-showcase .cards-workspace-table .cards-col-balance { width:7%; }
body.cards-showcase .cards-workspace-table .cards-col-status { width:6%; }
body.cards-showcase .cards-workspace-table .cards-col-product { width:14%; }
body.cards-showcase .cards-workspace-table .cards-col-group { width:9%; }
body.cards-showcase .cards-workspace-table .cards-col-note { width:auto; }
body.cards-showcase .cards-workspace-table .cards-col-created { width:12%; }
body.cards-showcase .cards-workspace-table .cards-col-actions { width:17%; }
body.cards-showcase .cards-workspace-table :is(th,td) { padding-inline:clamp(8px,.65cqw,20px); }
body.cards-showcase .cards-workspace-table .cards-note-cell { padding-right:clamp(20px,1.2cqw,36px); }
body.cards-showcase .cards-note-cell input { max-width:240px; color:var(--vcc-text); border-color:var(--night-line,#ccd9f5); }
body.cards-showcase .cards-number { color:var(--night-ink,#14254f); font-size:13px; font-weight:400; }
body.cards-showcase .cards-balance-cell > strong { color:var(--night-ink,#14254f); font-weight:600; }
body.cards-showcase :is(.cards-product-cell > span,.cards-created-cell) { color:var(--night-ink,#304469); }
body.cards-showcase .cards-workspace-table > thead > tr > th { color:var(--night-ink,#344a77); background:var(--night-tint-blue,#edf1ff); font-weight:600; }
body.cards-showcase .cards-header-filter.is-active,body.cards-showcase .cards-sort-arrows span.is-active { color:var(--night-blue,#2457f5); }
body.cards-showcase .cards-workspace :is([data-card-action],[data-batch-action],[data-copy-separator]) { width:auto; min-width:0; padding-inline:clamp(7px,.5cqw,14px); font-weight:500; }
body.cards-showcase .cards-row-actions { gap:clamp(4px,.35cqw,9px); flex-wrap:nowrap; }
body.cards-showcase .cards-workspace-search { flex:1 1 auto; gap:clamp(8px,.65cqw,16px); }
body.cards-showcase .cards-workspace-search > .btn-primary { background:linear-gradient(110deg,#1464ff,#2046ef); border-color:var(--night-line,#2553f5); color:#fff; box-shadow:0 3px 9px #2457f526; }
body.cards-showcase .cards-search-box { flex:0 1 clamp(220px,24cqw,430px); max-width:430px; }
body.cards-showcase .cards-overview { flex:0 1 54%; max-width:none; gap:clamp(10px,.8vw,20px); }
body.cards-showcase .cards-overview-item { --stat-color:var(--night-blue,#2457f5); --stat-bg:var(--night-tint-blue,#edf2ff); min-height:76px; padding:14px clamp(12px,1.2vw,28px); border-radius:14px; background:var(--stat-bg); border:1px solid var(--night-line,#dfe6fa); }
body.cards-showcase .cards-overview-item[data-stat-tone=green] { --stat-color:var(--night-green,#00985a); --stat-bg:var(--night-tint-green,#eaf8f1); }
body.cards-showcase .cards-overview-item[data-stat-tone=purple] { --stat-color:var(--night-purple,#7b3ee8); --stat-bg:var(--night-tint-blue,#f1ebff); }
body.cards-showcase .cards-overview-item[data-stat-tone=amber] { --stat-color:var(--night-cyan,#0ba6d5); --stat-bg:var(--night-tint-cyan,#eaf7ff); }
body.cards-showcase .cards-overview-icon { color:var(--stat-color); width:38px; height:38px; border-radius:12px; background:color-mix(in srgb,var(--stat-color) 9%,transparent); }
body.cards-showcase .cards-overview-copy > strong { color:var(--night-ink,#14254f); font-weight:700; font-size:24px; }
body.cards-showcase .cards-overview-copy > span { color:var(--night-muted,#415681); }
body.cards-showcase .cards-status-tabs { gap:9px; }
body.cards-showcase .cards-status-tabs > button { --tab-ink:var(--night-blue,#2457f5); --tab-bg:var(--night-tint-blue,#e8efff); color:var(--tab-ink); background:var(--tab-bg); padding:5px 10px; min-height:30px; border-radius:8px; border:1px solid transparent; font-weight:600; }
body.cards-showcase .cards-status-tabs > button[data-status-tab="正常"] { --tab-ink:var(--night-green,#008653); --tab-bg:var(--night-tint-green,#e5f6ec); }
body.cards-showcase .cards-status-tabs > button[data-status-tab="冻结"] { --tab-ink:var(--night-amber,#b66308); --tab-bg:var(--night-tint-amber,#fff0df); }
body.cards-showcase .cards-status-tabs > button[data-status-tab="attention"] { --tab-ink:var(--night-rose,#c63163); --tab-bg:var(--night-tint-rose,#fce7ef); }
body.cards-showcase .cards-status-tabs > button[data-status-tab="关闭"] { --tab-ink:var(--night-muted,#4c5b78); --tab-bg:var(--night-tint-blue,#edf0f7); }
body.cards-showcase .cards-status-tabs > button[aria-selected=true] { color:var(--tab-ink); border-color:color-mix(in srgb,var(--tab-ink) 25%,transparent); box-shadow:0 2px 0 var(--tab-ink); }
body.cards-showcase .cards-status-tabs > button > span,body.cards-showcase .cards-status-tabs > button[aria-selected=true] > span { color:inherit; background:#ffffff70; }
body.cards-showcase .cards-group-chip,body.cards-showcase .cards-group-chip[data-group-tone=neutral] { color:var(--night-purple,#7546cf); background:var(--night-tint-blue,#eee7ff); }
body.cards-showcase .cards-group-chip::before { width:10px; height:8px; margin-right:5px; border:1px solid currentColor; border-radius:2px; background:transparent; opacity:1; }
body.cards-showcase .cards-expand-button[aria-expanded=true] svg { color:var(--night-blue,#2457f5); }
body.cards-showcase .cards-workspace input[type=checkbox] { accent-color:var(--night-blue,#2457f5); }
body.cards-showcase .cards-workspace :is([data-card-action="充值"],[data-batch-action="充值"]) { --card-action-text:var(--night-blue,#2154e8); --card-action-bg:var(--night-tint-blue,#e2eaff); --card-action-border:var(--night-line,#d1dfff); --card-action-hover:var(--night-tint-blue,#d5e1ff); }
body.cards-showcase .cards-workspace :is([data-card-action="转出"],[data-batch-action="转出"]) { --card-action-text:var(--night-cyan,#007fa9); --card-action-bg:var(--night-tint-cyan,#ddf4ff); --card-action-border:var(--night-line,#c9eaf8); --card-action-hover:var(--night-tint-cyan,#c9edff); }
body.cards-showcase .cards-workspace :is([data-card-action="解冻"],[data-batch-action="解冻"]) { --card-action-text:var(--night-green,#008653); --card-action-bg:var(--night-tint-green,#ddf6e9); --card-action-border:var(--night-line,#c9edda); --card-action-hover:var(--night-tint-green,#cbefdd); }
body.cards-showcase .cards-workspace :is([data-card-action="冻结"],[data-batch-action="冻结"]) { --card-action-text:var(--night-amber,#b65b00); --card-action-bg:var(--night-tint-amber,#ffecd8); --card-action-border:var(--night-line,#f8dfc3); --card-action-hover:var(--night-tint-amber,#ffe1be); }
body.cards-showcase .cards-workspace :is([data-card-action="销卡"],[data-batch-action="销卡"]) { --card-action-text:var(--night-rose,#c72e59); --card-action-bg:var(--night-tint-rose,#ffe3ed); --card-action-border:var(--night-line,#f6cddd); --card-action-hover:var(--night-tint-rose,#ffd2e3); }
body.cards-showcase .cards-workspace :is([data-card-action="分组"],[data-batch-action="分组"],[data-batch-action="备注"]) { --card-action-text:var(--night-purple,#7441ce); --card-action-bg:var(--night-tint-purple,#ede3ff); --card-action-border:var(--night-line,#e1d4f8); --card-action-hover:var(--night-tint-purple,#e2d3ff); }
body.cards-showcase .cards-workspace :is([data-card-action],[data-batch-action],[data-copy-separator]):disabled { color:var(--night-muted,#8997af); background:var(--night-tint-blue,#f0f3fa); border-color:var(--night-line,#e2e8f4); box-shadow:none; }
body.cards-showcase .cards-pagination .btn:not(:disabled) { color:var(--night-blue,#2457f5); }

/* Larger glass decoration without taking space from functional controls. */
body:is(.cards-showcase,.opening-showcase) .cards-title-stack { flex:0 0 clamp(90px,9vw,170px); width:clamp(90px,9vw,170px); height:84px; margin-left:clamp(0px,1vw,20px); }
body:is(.cards-showcase,.opening-showcase) .cards-title-stack i { width:104px; height:65px; border-radius:11px; border:1px solid #ffffffbb; box-shadow:5px 8px 14px #4054c526; }
body:is(.cards-showcase,.opening-showcase) .cards-title-stack i:first-child { left:24px; top:16px; transform:rotate(7deg); background:linear-gradient(130deg,#aaa2ff99,#6fcdf58c); }
body:is(.cards-showcase,.opening-showcase) .cards-title-stack i:nth-child(2) { left:4px; top:5px; transform:rotate(-11deg); background:linear-gradient(125deg,var(--night-raised,#9a7af5),var(--night-raised,#6098ff) 58%,#46c4f1); }
body:is(.cards-showcase,.opening-showcase) .cards-title-stack b { display:none; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art { transform:scale(1.5); transform-origin:right center; margin-right:30px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art b { background:linear-gradient(135deg,#4ac6ff,#5483f5); }

/* Page-specific color hierarchy. */
body.opening-showcase .cards-open-settings { min-height:0; gap:22px; }
body.opening-showcase .cards-open-product-meta > span:nth-child(-n+2) { color:var(--night-blue,#2457f5); background:var(--night-tint-blue,#e7eeff); }
body.opening-showcase .cards-open-section-title h2,body.opening-showcase .cards-open-review h2 { color:var(--night-ink,#14254f); }
body.batches-showcase .cards-batches-stat { box-shadow:0 5px 14px #405bbb0a; }
body.batches-showcase .cards-batches-stat[data-batch-stat-tone=blue] { color:var(--night-blue,#2457f5); background:var(--night-tint-blue,#edf2ff); }
body.batches-showcase .cards-batches-stat[data-batch-stat-tone=green] { color:var(--night-green,#00955b); background:var(--night-tint-green,#e9f9ef); }
body.batches-showcase .cards-batches-stat[data-batch-stat-tone=amber] { color:var(--night-amber,#d36100); background:var(--night-tint-amber,#fff0df); }
body.batches-showcase .cards-batches-stat[data-batch-stat-tone=purple] { color:var(--night-blue,#7444dc); background:var(--night-tint-blue,#f0eaff); }
body.batches-showcase .cards-batches-stat strong { color:var(--night-ink,#152653); font-weight:700; }
body.transactions-showcase .finance-transaction-stat { --fin-stat-color:var(--night-blue,#225cff); --fin-stat-bg:var(--night-tint-blue,#eaf0ff); }
body.transactions-showcase .finance-transaction-stat[data-fin-stat-tone=green] { --fin-stat-color:var(--night-green,#009a5b); --fin-stat-bg:var(--night-tint-green,#e6f8f0); }
body.transactions-showcase .finance-transaction-stat[data-fin-stat-tone=amber] { --fin-stat-color:var(--night-amber,#cc6900); --fin-stat-bg:var(--night-tint-amber,#fff0dd); }
body.transactions-showcase .finance-transaction-stat[data-fin-stat-tone=purple] { --fin-stat-color:var(--night-blue,#7944ed); --fin-stat-bg:var(--night-tint-blue,#f0eaff); }
body.transactions-showcase .finance-transaction-stat-icon { width:46px; height:46px; flex-basis:46px; border-radius:50%; background:color-mix(in srgb,var(--fin-stat-color) 10%,transparent); }
body.transactions-showcase .finance-transaction-stat-copy > strong { color:var(--night-ink,#14254f); font-weight:700; }
body.wallet-showcase .finance-wallet-center .finance-wallet-balance > strong { color:var(--night-ink,#14254f); font-weight:700; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page :is(th,.field > span:first-child) { color:var(--night-ink,#344a77); font-weight:600; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .panel-head h2 { color:var(--night-ink,#14254f); font-size:18px; }
body.recharge-showcase .recharge-v3-metric.is-plans { background:linear-gradient(120deg,var(--night-soft,#f7faff),var(--night-tint-blue,#e9efff)); }
body.recharge-showcase .recharge-v3-metric.is-remaining { background:linear-gradient(120deg,var(--night-soft,#f3fffb),var(--night-tint-green,#e3f8ef)); border-color:var(--night-line,#d3eddf); }
body.recharge-showcase .recharge-v3-metric.is-cards { background:linear-gradient(120deg,var(--night-panel,#fbf9ff),var(--night-tint-blue,#eee7ff)); border-color:var(--night-line,#e4d9fc); }
body.recharge-showcase .recharge-v3-metric > span { color:var(--night-muted,#415681); font-weight:600; }
body.recharge-showcase .recharge-v3-metric > strong { color:var(--night-blue,#174ac6); font-weight:700; }
body.recharge-showcase .recharge-v3-metric.is-remaining > strong { color:var(--night-green,#008955); }
body.recharge-showcase .recharge-v3-metric.is-cards > strong { color:var(--night-purple,#743ddb); }
body.recharge-showcase .recharge-v3-panel-head h2 { color:var(--night-ink,#14254f); font-size:18px; font-weight:650; }
body.recharge-showcase .settings-gpt-plan-name { color:var(--night-ink,#14254f); font-size:14px; font-weight:600; }
body.recharge-showcase .settings-gpt-plan-table td > strong { color:var(--night-blue,#2457f5); }
body.recharge-showcase .recharge-title-card.is-front { background:linear-gradient(125deg,var(--night-raised,#9879f4),var(--night-raised,#719bff) 60%,var(--night-raised,#67c5ff)); border-color:var(--night-line,#c9d7ff); }
body.recharge-showcase .recharge-title-card :is(b,small) { color:#fff; }
body.recharge-showcase .recharge-v3-manage { color:#fff; background:linear-gradient(110deg,#2563ff,#2848ec); border-color:var(--night-line,#2754eb); font-weight:600; }
body:is(.api-showcase,.recharge-api-showcase) .panel-head h2 { color:var(--night-ink,#14254f); font-size:18px; }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-block-icon { color:var(--night-blue,#2457f5); padding:5px; box-sizing:content-box; background:var(--night-tint-blue,#e9eeff); border-radius:7px; }
body:is(.api-showcase,.recharge-api-showcase) .settings-page .field > span { color:var(--night-ink,#344a77); font-weight:600; }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-metric { padding:14px 18px; border:0; border-radius:12px; background:var(--night-tint-blue,#eaf3ff); }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-metric:first-child { padding:14px 18px; background:var(--night-tint-green,#e5f8ef); }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-metric:nth-child(3) { background:var(--night-tint-blue,#f0e9ff); }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-metric-icon { color:var(--night-blue,#2457f5); background:var(--night-tint-blue,#dce8ff); }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-metric.is-code .api-showcase-metric-icon { color:var(--night-green,#00995a); background:var(--night-tint-green,#cef2e1); }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-metric.is-key .api-showcase-metric-icon { color:var(--night-blue,#7541df); background:var(--night-tint-purple,#e5d8ff); }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-metric strong { color:var(--night-ink,#14254f); font-weight:700; }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-title-art { transform:scale(1.25); transform-origin:right center; }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-title-art > i { background:linear-gradient(125deg,var(--night-raised,#66c7ff),#5466ff); }
body:is(.api-showcase,.recharge-api-showcase) .api-showcase-title-art > b { color:#fff; background:linear-gradient(130deg,#56c8ff,#3456f4); }
body.security-showcase .security-v3-action:nth-of-type(2) .security-v3-action-icon { color:var(--night-blue,#7842e5); background:var(--night-tint-purple,#eee5ff); }
body.security-showcase .security-v3-action:nth-of-type(3) .security-v3-action-icon { color:var(--night-rose,#d23159); background:var(--night-tint-rose,#ffe4ec); }

@media(min-width:1800px) {
  body.vcc-showcase .page-intro { min-height:100px; }
  body.cards-showcase .cards-workspace-table { font-size:14px; }
  body.cards-showcase .cards-number { font-size:14px; }
}

/* Local interactions: no additional modal or persistent copy badge. */
.cards-group-cell button.cards-group-chip { display:inline-flex; align-items:center; gap:5px; min-height:26px; border:1px solid transparent; cursor:pointer; font:inherit; }
.cards-group-cell button.cards-group-chip:hover { border-color:var(--night-purple,#b7a0f1); }
.cards-group-create { margin-top:8px; padding-top:8px; border-top:1px solid var(--night-line,#e3e9f7); }
.cards-group-create-toggle { padding:5px 8px; border:0; background:transparent; color:var(--night-purple,#6c3acb); font:500 13px/20px inherit; }
.cards-group-create-toggle { font-family:inherit; font-size:13px; line-height:20px; font-weight:500; }
body.cards-showcase .cards-group-cell .cards-group-chip::before { content:none; display:none; }
.cards-group-cell .cards-group-chip svg { width:15px; height:15px; flex:0 0 15px; }
.copy-cursor-feedback { position:fixed; z-index:2147483647; display:block; pointer-events:none; padding:0; border:0; background:none; box-shadow:none; color:var(--night-green,#087b4a); font:400 13px/18px "Segoe UI","Microsoft YaHei UI",sans-serif; white-space:nowrap; opacity:.8; animation:copy-feedback-fade .7s ease-out both; }
.row-selection-active,.row-selection-active * { user-select:none !important; cursor:ns-resize !important; }
.settings-vcc-bulk-toolbar { display:flex; align-items:center; gap:6px; margin-right:auto; }
.settings-vcc-bulk-toolbar .btn { min-height:30px; padding:4px 10px; font-size:12px; }
.settings-vcc-bulk-toolbar .is-active { color:var(--night-blue,#2457ef); background:var(--night-tint-blue,#e8efff); border-color:var(--night-blue,#b2c4ff); }
.settings-vcc-bulk-editor:not([hidden]),.settings-vcc-bulk-removal:not([hidden]) { display:flex; gap:12px; align-items:flex-end; padding:10px 12px; margin:8px 0; border-radius:8px; background:var(--night-tint-blue,#f0f5ff); font-size:13px; }
.settings-vcc-bulk-editor label { display:flex; flex-direction:column; gap:5px; }
.settings-vcc-bulk-editor input { width:120px; }
.settings-vcc-bulk-editor select { width:260px; }
.settings-vcc-bulk-removal:not([hidden]) { align-items:center; justify-content:space-between; background:var(--night-tint-rose,#fff2f5); }
.settings-vcc-dialog .settings-vcc-col-card { width:19%; }
.settings-vcc-dialog .settings-vcc-col-balance { width:12%; }
.settings-vcc-dialog .settings-vcc-col-times { width:8%; }
.settings-vcc-dialog .settings-vcc-col-tier { width:17%; }
.settings-vcc-dialog .settings-vcc-col-group { width:10%; }
.settings-vcc-dialog .settings-vcc-col-note { width:14%; }
.settings-vcc-dialog .settings-vcc-col-state { width:8%; }
.settings-vcc-dialog .settings-vcc-col-edit { width:12%; }
.settings-vcc-dialog .settings-vcc-table td:nth-child(7) .settings-vcc-cell-text { max-width:220px; }
.settings-vcc-dialog .settings-vcc-card.is-added td { background:var(--night-tint-green,#f1faf6); }
.settings-vcc-dialog .settings-vcc-card.is-added .settings-vcc-card-state { color:var(--night-green,#187c53); }
.settings-vcc-dialog .settings-vcc-card:not(.is-added) .settings-vcc-card-state { color:var(--night-blue,#3869ce); }
.settings-vcc-dialog .settings-vcc-card.is-selected td { background:var(--night-tint-blue,#eaf0ff); }
.settings-vcc-dialog .settings-vcc-card.is-removing td { background:var(--night-tint-rose,#fff2f5); }
.settings-vcc-dialog .settings-vcc-card.is-removing .settings-vcc-card-state { color:var(--night-rose,#bd3558); }

/* A compact, extensible product catalogue instead of two stretched banners. */
body.products-showcase .products-showcase-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr)); gap:18px; }
body.products-showcase .product-showcase-banner { min-height:114px; padding:20px; }
body.products-showcase .page-content .product-showcase-banner h2 { color:#fff; font-size:18px; line-height:1.4; }
body.products-showcase .product-showcase-banner :is(p,.product-showcase-eyebrow) { color:#e7efff; font-size:12px; }
body.products-showcase .product-showcase-mini-card { width:92px; height:60px; flex-basis:92px; transform:rotate(-9deg); }
body.products-showcase .product-showcase-mini-card b { font-size:9px; }
body.products-showcase .product-showcase-body { padding:17px 18px 14px; }
body.products-showcase .product-showcase-fees { gap:12px; }
body.products-showcase .product-showcase-fees dt { font-size:12px; }
body.products-showcase .product-showcase-fees dd { font-size:18px; }
body.products-showcase .product-showcase-fees dd small { font-size:10px; }
body.products-showcase .product-showcase-actions { margin-top:16px; padding-top:13px; }
body.products-showcase .product-showcase-open { min-height:34px; padding:7px 16px; font-size:13px; }

/* Dashboard keeps its compact quote size, with distinct visual identities. */
.dashboard-title-mark { position:relative; display:inline-block; width:49px; height:43px; flex:0 0 49px; }
.dashboard-title-mark i { position:absolute; width:23px; height:32px; top:4px; left:3px; border-radius:6px; transform:skew(-18deg); background:linear-gradient(155deg,#82b8ff,#2251f7); box-shadow:0 4px 9px #3c67e12b; }
.dashboard-title-mark i+i { top:10px; left:26px; height:27px; background:linear-gradient(155deg,#b0ceff,#4c6fff); }
body.dashboard-home .main-area { background-image:radial-gradient(ellipse at 85% 0,#dce5ff80,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1800' height='360' viewBox='0 0 1800 360'%3E%3Cpath fill='%23a9c4ff' fill-opacity='.16' d='M0 240C380 40 670 370 1100 110S1490 210 1800 40V0H0Z'/%3E%3Cpath fill='%2399baff' fill-opacity='.13' d='M0 290C500 120 750 380 1200 155S1600 160 1800 95V0H0Z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:100% 420px,100% 360px; }
.dashboard-v3-plan-top { gap:10px; }
.dashboard-plan-symbol { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:11px; flex:0 0 34px; color:var(--night-green,#079b7b); background:var(--night-tint-green,#d7f4ed); }
.dashboard-plan-symbol svg { width:22px; height:22px; }
.dashboard-v3-plan.is-plan-1 .dashboard-plan-symbol { color:var(--night-blue,#245ced); background:var(--night-tint-blue,#dfebff); }
.dashboard-v3-plan.is-plan-2 .dashboard-plan-symbol { color:var(--night-purple,#8042e6); background:var(--night-tint-purple,#ebe0ff); }
.dashboard-v3-plan.is-plan-3 .dashboard-plan-symbol { color:var(--night-amber,#d8780e); background:var(--night-tint-amber,#ffedcf); }
body.dashboard-home .dashboard-v3-plan { position:relative; overflow:hidden; }
body.dashboard-home .dashboard-v3-plan::after { content:""; position:absolute; right:-30px; bottom:-65px; width:180px; height:180px; border:1px solid currentColor; border-radius:50%; opacity:.07; pointer-events:none; }
body.dashboard-home .dashboard-v3-plan.is-plan-0 { background:linear-gradient(115deg,var(--night-panel,#f4fffc),var(--night-tint-green,#e4f8f2)); color:var(--night-green,#057e68); }
body.dashboard-home .dashboard-v3-plan.is-plan-1 { background:linear-gradient(115deg,var(--night-panel,#fafcff),var(--night-tint-blue,#e8f0ff)); color:var(--night-blue,#2355bc); }
body.dashboard-home .dashboard-v3-plan.is-plan-2 { background:linear-gradient(115deg,var(--night-panel,#fcfaff),var(--night-tint-purple,#f0e9ff)); color:var(--night-purple,#7540cb); }
body.dashboard-home .dashboard-v3-plan.is-plan-3 { background:linear-gradient(115deg,var(--night-panel,#fffcf8),var(--night-tint-amber,#fff0dc)); color:var(--night-amber,#9c530e); }
body.dashboard-home .dashboard-v3-plan-price strong { color:inherit; }
.cards-group-create form:not([hidden]) { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px; margin-top:7px; }
.cards-group-create input { width:100%; min-width:0; height:34px; padding:6px 8px; font-size:13px; }
.cards-group-create .btn { min-height:34px; padding:6px 9px; font-size:12px; }
.cards-group-create-error { grid-column:1/-1; margin:0; font-size:12px; color:var(--night-rose,#bc3154); }
button[data-copy-feedback]::after,button[data-copy-feedback][data-copy-separator]::after {
  inset:auto auto calc(100% + 2px) 50%; transform:translateX(-50%); width:max-content; max-width:none;
  display:block; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
  color:var(--night-green,#198653); font:400 12px/18px "Segoe UI","Microsoft YaHei UI",sans-serif;
  opacity:.8; animation:copy-feedback-fade .7s ease-out both; pointer-events:none;
}
@keyframes copy-feedback-fade { 0%,58% { opacity:.8; } 100% { opacity:0; } }
.theme-toggle { display:inline-flex; gap:6px; align-items:center; justify-content:center; min-height:32px; padding:6px 10px; border:1px solid var(--night-line,#dce5f7); border-radius:9px; color:var(--night-ink,#30476d); background:var(--night-panel,#fff); font-size:12px; white-space:nowrap; }
.theme-toggle svg { width:15px; height:15px; }
.theme-toggle:hover { border-color:var(--night-blue,#7e9df3); }
html[data-theme="dark"] { --vcc-ink:#e4ecff; --vcc-text:#d3def1; --vcc-muted:#a3b4d1; --vcc-blue:#83aaff; --vcc-green:#5cdb9c; --vcc-cyan:#66cde9; --vcc-purple:#b598ff; --vcc-orange:#f6bc6b; --vcc-rose:#ff8eac; }
html[data-theme="dark"] body.vcc-showcase { background:#0d1628; }
html[data-theme="dark"] .vcc-showcase .main-area { background:radial-gradient(ellipse at 60% 0,#22305b66,transparent 65%); }
html[data-theme="dark"] .vcc-showcase .topbar { background:#111b30ed; }
html[data-theme="dark"] .vcc-showcase :is(.sidebar,.mobile-navigation) { background:linear-gradient(152deg,#0b1837,#11234c 70%,#193566); }
html[data-theme="dark"] :is(.dashboard-v3-panel,.recharge-v3-panel) { background:linear-gradient(130deg,#18263f,#141f35); }
html[data-theme="dark"] .dashboard-v3-chart-empty { background:#18263fe6; }
html[data-theme="dark"] .vcc-showcase :is(.panel,.cards-workspace-panel,.ui-modal) { box-shadow:0 8px 28px #00000020; }
html[data-theme="dark"] body.cards-showcase .cards-status-tabs>button>span { background:#ffffff0d; }
html[data-theme="dark"] .ui-modal::backdrop { background:#030916a8; }
html[data-theme="dark"] :is(input,select,textarea) { color-scheme:dark; }
html[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea) {
  color:#e6edff; background-color:#1b2b46 !important; border-color:#465b7d; opacity:1;
}
html[data-theme="dark"] body :is(input,textarea)::placeholder { color:#a5b6d2; opacity:1; }
html[data-theme="dark"] body :is(input,select,textarea):focus { border-color:#85abff; outline-color:#85abff; box-shadow:0 0 0 3px #85abff24; }
html[data-theme="dark"] body :is(input,select,textarea):disabled { background-color:#19243a !important; color:#92a4c0; border-color:#354761; cursor:not-allowed; }
html[data-theme="dark"] body :is(input,textarea):read-only { color:#c4d2ea; }
html[data-theme="dark"] body :is(input,textarea):autofill { box-shadow:0 0 0 1000px #1b2b46 inset; -webkit-text-fill-color:#e6edff; }
html[data-theme="dark"] body [data-card-note]:focus::placeholder { color:transparent; }
html[data-theme="dark"] :is(.btn-primary,.primary) { color:#fff; }
@media(max-width:1280px) {
  body.cards-showcase .cards-overview { flex-basis:100%; }
}
@media(max-width:600px) {
  body.vcc-showcase .page-content { padding:16px 12px 24px; }
  body.vcc-showcase .page-heading h1 { font-size:25px; }
  body.vcc-showcase .page-intro { min-height:72px; }
  body.cards-showcase .cards-overview { gap:8px; }
  body.cards-showcase .cards-overview-item { padding:10px; min-height:65px; }
  body:is(.cards-showcase,.opening-showcase) .cards-title-stack { display:none; }
}

/* Shared action contrast. Keep page sizing, navigation and disclosure arrows intact. */
:root {
  --button-ink:#233f91; --button-bg:#e4ebff; --button-line:#7189c6; --button-hover:#d3dfff;
  --button-primary:#2452d3; --button-primary-hover:#193eae; --button-primary-line:#2448bf;
  --button-neutral-ink:#3e4e69; --button-neutral-bg:#edf0f7; --button-neutral-line:#8997ad; --button-neutral-hover:#dce3ef;
  --button-danger-ink:#a3183a; --button-danger-bg:#ffe3e9; --button-danger-line:#c7627a; --button-danger-hover:#ffd1dd;
  --button-disabled-ink:#8691a2; --button-disabled-bg:#eef0f4; --button-disabled-line:#cdd3dc;
  --button-focus:#244ee0;
}
html[data-theme="dark"] {
  --button-ink:#e1eaff; --button-bg:#263a62; --button-line:#6889c7; --button-hover:#334e7e;
  --button-primary:#2859dc; --button-primary-hover:#1d49bf; --button-primary-line:#82a4ff;
  --button-neutral-ink:#dce6f6; --button-neutral-bg:#2c374b; --button-neutral-line:#6d819e; --button-neutral-hover:#3b4b65;
  --button-danger-ink:#ffccda; --button-danger-bg:#542b41; --button-danger-line:#bb6d8c; --button-danger-hover:#6b354f;
  --button-disabled-ink:#77869e; --button-disabled-bg:#202b3e; --button-disabled-line:#394960;
  --button-focus:#a8c2ff;
}

/* The scoped list excludes the sidebar, table chevrons, sorting labels and copy feedback. */
:root body :is(.page-content,.ui-modal,.frame-page,.cards-filter-popover,.dashboard-v3-range-panel,.topbar) :is(.btn,.button,button.primary,button.secondary,button.danger,.settings-text-button,.cards-text-button,.cards-row-action,[data-vcc-money],[data-vcc-money-all],[data-group-save],[data-group-delete],.recharge-v3-records,.product-showcase-open,.cards-money-all,.theme-toggle,.dashboard-v3-date-range,.dashboard-v3-periods button,.dashboard-v3-range-panel button):not(:disabled):not([aria-disabled="true"]) {
  color:var(--action-ink,var(--button-ink));
  background:var(--action-bg,var(--button-bg));
  border:1px solid var(--action-line,var(--button-line));
  box-shadow:0 1px 2px #17357212;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  transition:background-color .15s,border-color .15s,box-shadow .15s;
}
:root body :is(.page-content,.ui-modal,.frame-page,.cards-filter-popover,.dashboard-v3-range-panel,.topbar) :is(.btn,.button,button.primary,button.secondary,button.danger,.settings-text-button,.cards-text-button,.cards-row-action,[data-vcc-money],[data-vcc-money-all],[data-group-save],[data-group-delete],.recharge-v3-records,.product-showcase-open,.cards-money-all,.theme-toggle,.dashboard-v3-date-range,.dashboard-v3-periods button,.dashboard-v3-range-panel button):not(:disabled):not([aria-disabled="true"]):hover {
  background:var(--action-hover,var(--button-hover));
  border-color:var(--action-line,var(--button-ink));
}
:root body :is(.page-content,.ui-modal,.frame-page,.cards-filter-popover,.dashboard-v3-range-panel,.topbar) :is(.btn,.button,button.primary,button.secondary,button.danger,.settings-text-button,.cards-text-button,.cards-row-action,[data-vcc-money],[data-vcc-money-all],[data-group-save],[data-group-delete],.recharge-v3-records,.product-showcase-open,.cards-money-all,.theme-toggle,.dashboard-v3-date-range,.dashboard-v3-periods button,.dashboard-v3-range-panel button):focus-visible {
  outline:3px solid var(--button-focus);
  outline-offset:3px;
}
:root body :is(.page-content,.ui-modal,.frame-page,.cards-filter-popover,.dashboard-v3-range-panel,.topbar) :is(.btn,.button,button.primary,button.secondary,button.danger,.settings-text-button,.cards-text-button,.cards-row-action,[data-vcc-money],[data-vcc-money-all],[data-group-save],[data-group-delete],.recharge-v3-records,.product-showcase-open,.cards-money-all,.theme-toggle,.dashboard-v3-date-range,.dashboard-v3-periods button,.dashboard-v3-range-panel button):is(:disabled,[aria-disabled="true"]) {
  color:var(--button-disabled-ink);
  background:var(--button-disabled-bg);
  border:1px solid var(--button-disabled-line);
  box-shadow:none;
  opacity:1;
  cursor:not-allowed;
  text-decoration:none;
}

body :is(.btn-primary,.btn.primary,.button.primary,button.primary,.product-showcase-open,.dashboard-v3-range-panel button[type="submit"]) {
  --action-ink:#fff; --action-bg:var(--button-primary); --action-line:var(--button-primary-line); --action-hover:var(--button-primary-hover);
}
body :is(.modal-foot [data-close],[data-settings-vcc-cancel-edit],[data-vcc-bulk-exit],[data-range-cancel]) {
  --action-ink:var(--button-neutral-ink); --action-bg:var(--button-neutral-bg); --action-line:var(--button-neutral-line); --action-hover:var(--button-neutral-hover);
}
body :is(.btn.is-active,.btn.active,.btn[aria-pressed="true"],.btn[aria-selected="true"],.dashboard-v3-periods button.is-active) {
  --action-ink:#fff; --action-bg:var(--button-primary); --action-line:var(--button-primary-line); --action-hover:var(--button-primary-hover);
}
body :is([data-card-action],[data-batch-action],[data-detail-action]) {
  --action-ink:var(--card-action-text,var(--button-ink));
  --action-bg:var(--card-action-bg,var(--button-bg));
  --action-line:color-mix(in srgb,var(--action-ink) 65%,var(--vcc-panel));
  --action-hover:color-mix(in srgb,var(--action-ink) 17%,var(--vcc-panel));
}
body :is([data-card-action="冻结"],[data-batch-action="冻结"],[data-detail-action="冻结"]) { --action-ink:var(--night-amber,#8f4a00); }
body :is([data-card-action="转出"],[data-batch-action="转出"],[data-detail-action="转出"]) { --action-ink:var(--night-cyan,#006b91); }
body :is([data-card-action="解冻"],[data-batch-action="解冻"],[data-detail-action="解冻"]) { --action-ink:var(--night-green,#087242); }
body :is([data-vcc-money="转出"],[data-vcc-money-all],.cards-money-all) {
  --action-ink:var(--night-cyan,#006484); --action-bg:var(--night-tint-cyan,#d9f1fa);
  --action-line:var(--night-cyan,#5c9bb1); --action-hover:var(--night-raised,#c2e6f3);
}
body :is(.btn-danger,.btn.danger,button.danger,.settings-delete,.settings-danger-button,[data-group-delete],[data-card-action="销卡"],[data-batch-action="销卡"],[data-detail-action="销卡"]) {
  --action-ink:var(--button-danger-ink); --action-bg:var(--button-danger-bg); --action-line:var(--button-danger-line); --action-hover:var(--button-danger-hover);
}
body .ui-modal[data-tone]:not([data-tone="recharge"]):not([data-tone="blue"]) .btn-primary {
  --action-ink:#fff; --action-bg:color-mix(in srgb,var(--modal-accent) 86%,#112149);
  --action-line:var(--modal-accent); --action-hover:color-mix(in srgb,var(--modal-accent) 72%,#112149);
}
body .settings-vcc-bulk-toolbar .settings-delete.is-active {
  --action-ink:#fff; --action-bg:#a51f43; --action-line:var(--button-danger-line); --action-hover:#881736;
}
/* Text actions gain a compact hit area without imposing widths on the VCC table. */
body :is(.settings-text-button,.cards-text-button,.recharge-v3-records) { border-radius:6px; padding-inline:7px; }

/* Amounts remain readable inside the nested recharge/transfer dialog. */
body .ui-modal .settings-money-card { border:1px solid var(--button-line); }
body .ui-modal .settings-money-card small { color:var(--night-ink,#344b72); font-size:14px; line-height:1.65; }
body .ui-modal .settings-money-card :is(b,strong) { color:var(--night-blue,#2046ae); font-size:15px; font-weight:700; font-variant-numeric:tabular-nums; }