/* The default gold skin leaves existing page rules intact. Alternate skins only change paint. */
:root {
  --skin-page: #09090d; --skin-panel: #15151b; --skin-field: #0c0d12;
  --skin-text: #f3eee1; --skin-muted: #b4afa3; --skin-accent: #e6ce83;
  --skin-glow: rgba(230,206,131,.12); --skin-border: rgba(230,206,131,.24);
  --skin-gradient: linear-gradient(125deg,#f7e6ae,#b99b48); --skin-hue: 0deg;
}
html[data-customer-theme="ocean"] {
  --skin-page: #020805; --skin-panel: #06140b; --skin-field: #020a05;
  --skin-text: #d6ffe2; --skin-muted: #97bba2; --skin-accent: #59ff87;
  --skin-glow: rgba(22,255,95,.075); --skin-border: rgba(70,255,122,.28);
  --skin-gradient: linear-gradient(125deg,#b7ffcc,#26df65); --skin-hue: 75deg;
}
html[data-customer-theme="violet"] {
  --skin-page: #03040b; --skin-panel: #0d1020; --skin-field: #070a14;
  --skin-text: #eff2ff; --skin-muted: #adb7ce; --skin-accent: #c3c8ff;
  --skin-glow: rgba(129,133,236,.09); --skin-border: rgba(172,184,239,.25);
  --skin-gradient: linear-gradient(125deg,#eef2ff,#a4a9f3); --skin-hue: 210deg;
}
html[data-customer-theme="jade"] {
  --skin-page: #f7f9fc; --skin-panel: #ffffff; --skin-field: #f8fafc;
  --skin-text: #182b49; --skin-muted: #52647d; --skin-accent: #2563eb;
  --skin-glow: rgba(37,99,235,.04); --skin-border: #d5deeb;
  --skin-gradient: linear-gradient(125deg,#2563eb,#2563eb); --skin-hue: 0deg;
}
html[data-customer-theme]:not([data-customer-theme="gold"]) {
  --bg-page: var(--skin-page); --bg-card: var(--skin-panel); --bg-elevated: var(--skin-panel);
  --bg-subtle: var(--skin-field); --text: var(--skin-text); --text-muted: var(--skin-muted); --text-faint: var(--skin-muted);
  --accent: var(--skin-accent); --accent-hover: var(--skin-text); --accent-soft: var(--skin-glow);
  --line: var(--skin-border); --line-strong: var(--skin-border); --border: var(--skin-border); --grad: var(--skin-gradient);
  --aicloudplus-ink: var(--skin-page); --aicloudplus-ink-soft: var(--skin-field);
  --aicloudplus-panel: var(--skin-panel); --aicloudplus-panel-strong: var(--skin-panel);
  --aicloudplus-gold: var(--skin-accent); --aicloudplus-gold-bright: var(--skin-text); --aicloudplus-gold-dim: var(--skin-glow);
  --aicloudplus-cream: var(--skin-text); --aicloudplus-muted: var(--skin-muted);
  background: var(--skin-page);
}
html[data-customer-theme]:not([data-customer-theme="gold"]) body,
html[data-customer-theme]:not([data-customer-theme="gold"]) .page {
  background: radial-gradient(ellipse at 12% 20%,var(--skin-glow),transparent 55%),var(--skin-page) !important;
  color: var(--skin-text);
}
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.topbar,.redeem-card) {
  background: linear-gradient(135deg,var(--skin-glow),transparent 65%),var(--skin-panel) !important;
  border-color: var(--skin-border) !important;
}
html[data-customer-theme]:not([data-customer-theme="gold"]) .page .redeem-card::before {
  background: radial-gradient(440px 230px at 84% 0%,var(--skin-glow),transparent 72%);
}
html[data-customer-theme]:not([data-customer-theme="gold"]) .page .redeem-card::after,
html[data-customer-theme]:not([data-customer-theme="gold"]) .page::before,
html[data-customer-theme]:not([data-customer-theme="gold"]) .page::after { filter: hue-rotate(var(--skin-hue)); }
html[data-customer-theme]:not([data-customer-theme="gold"]) .page .hero-title {
  background-image: var(--skin-gradient) !important; color: transparent !important;
}
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.hero-subtitle,.footer,.xiaojiu-intro:not(.aicloudplus-inline-card-message-error),.hero-chip-label) { color: var(--skin-muted) !important; }
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.hero-chip,.language-switcher,.input-wrap,.btn.secondary,.xiaojiu-intro:not(.aicloudplus-inline-card-message-error),.xiaojiu-query-panel,textarea) {
  background: var(--skin-field) !important; border-color: var(--skin-border) !important;
}
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.card-head,.hero-chips) { border-color: var(--skin-border) !important; }
html[data-customer-theme]:not([data-customer-theme="gold"]) .page .hero::before,
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.step-kicker,.link-button,.hero-chip svg) { color: var(--skin-accent) !important; }
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.input-wrap input,textarea,.btn.secondary,.card-head h1,.step-header p,.brand) { color: var(--skin-text) !important; }
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.input-wrap input,textarea)::placeholder { color: var(--skin-muted) !important; }
html[data-customer-theme]:not([data-customer-theme="gold"]) .page :is(.btn.primary,.language-switcher button.active,.step-header.active > span) {
  background: var(--skin-gradient) !important; color: #111722 !important; border-color: var(--skin-accent) !important;
}
html[data-customer-theme]:not([data-customer-theme="gold"]) .invoice-assistant-fab {
  background: var(--skin-panel); color: var(--skin-accent); border-color: var(--skin-border);
}
/* Keep semantic success / failure colors, progress values and animation mechanics unchanged. */
.customer-theme-trigger {
  position: fixed; z-index: 70; right: max(18px,env(safe-area-inset-right));
  bottom: calc(max(18px,env(safe-area-inset-bottom)) + 58px);
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; max-width: calc(100vw - 36px); padding: 9px 15px;
  font: inherit; font-size: 14px; font-weight: 700; line-height: 1.4;
  border: 1px solid var(--skin-border); border-radius: 12px; cursor: pointer;
  background: var(--skin-panel); color: var(--skin-accent); box-shadow: 0 12px 30px #0005;
}
.customer-theme-trigger svg { flex-shrink: 0; }
.customer-theme-trigger:hover { border-color: var(--skin-accent); }
.customer-theme-trigger:focus-visible,.customer-theme-dialog button:focus-visible { outline: 2px solid var(--skin-accent); outline-offset: 3px; }
.customer-theme-dialog {
  box-sizing: border-box; position: fixed; inset: auto 18px 134px auto;
  width: 390px; max-width: calc(100vw - 32px); max-height: calc(100vh - 164px); max-height: calc(100dvh - 164px);
  margin: 0; padding: 22px; overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid var(--skin-border); border-radius: 22px;
  background: linear-gradient(135deg,var(--skin-glow),transparent 50%),var(--skin-panel);
  color: var(--skin-text); box-shadow: 0 24px 90px #0009;
  font: 14px/1.6 var(--aicloudplus-font-ui,system-ui); scrollbar-width: thin; color-scheme: dark;
}
.customer-theme-dialog:not([open]) { display: none; }
.customer-theme-dialog::backdrop { background: #03060933; }
.customer-theme-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.customer-theme-head small { color: var(--skin-accent); font: 10px/1.6 system-ui; letter-spacing: .18em; }
.customer-theme-head h2 { margin: 3px 0 0; font-size: 23px; line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; }
.customer-theme-dialog button { font-family: inherit; cursor: pointer; }
.customer-theme-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid var(--skin-border); border-radius: 12px; background: var(--skin-field); color: var(--skin-muted); font-size: 25px; line-height: 1; }
.customer-theme-subtitle { color: var(--skin-muted); margin: 12px 0 18px; font-size: 12px; }
.customer-theme-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.customer-theme-option { position: relative; display: grid; align-content: start; gap: 5px; min-width: 0; padding: 9px; text-align: left; border: 1px solid var(--skin-border); border-radius: 13px; background: var(--skin-field); color: var(--skin-text); }
.customer-theme-option[aria-pressed="true"] { border-color: var(--skin-accent); box-shadow: 0 0 0 1px var(--skin-accent); }
.customer-theme-option:hover { border-color: var(--skin-accent); }
.customer-theme-preview { display: grid; align-content: center; justify-items: center; gap: 6px; height: 68px; margin-bottom: 4px; border-radius: 7px; background: radial-gradient(ellipse at top,var(--preview-accent),transparent 90%),var(--preview-bg); border: 1px solid #ffffff1a; }
.customer-theme-option[data-theme-choice="gold"] { --preview-bg: #0c0c11; --preview-accent: #e6ce8355; --preview-line: #e6ce83; }
.customer-theme-option[data-theme-choice="ocean"] { --preview-bg: #020805; --preview-accent: #10be4333; --preview-line: #59ff87; }
.customer-theme-option[data-theme-choice="violet"] { --preview-bg: #130e20; --preview-accent: #ba8aee66; --preview-line: #d7a7ff; }
.customer-theme-option[data-theme-choice="jade"] { --preview-bg: #f7f9fc; --preview-accent: #ffffff; --preview-line: #2563eb; }
.customer-theme-preview i { display: block; width: 58%; height: 4px; border-radius: 3px; background: var(--preview-line); }
.customer-theme-preview i:nth-child(2) { width: 74%; height: 3px; opacity: .35; }
.customer-theme-preview i:nth-child(3) { width: 44%; height: 14px; margin-top: 3px; opacity: .8; }
.customer-theme-name { padding-right: 13px; font-size: 13px; line-height: 1.5; font-weight: 700; overflow-wrap: anywhere; }
.customer-theme-description { color: var(--skin-muted); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.customer-theme-selected { position: absolute; right: 6px; top: 6px; display: grid; place-items: center; width: 22px; height: 22px; background: var(--skin-accent); color: #111722; border-radius: 50%; font: bold 13px system-ui; }
.customer-theme-selected[hidden] { display: none; }
#customer-theme-note { margin: 18px 0 0; color: var(--skin-muted); font-size: 11px; line-height: 1.6; }
.customer-theme-foot { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--skin-border); }
.customer-theme-reset { min-height: 44px; padding: 8px 12px; border: 1px solid var(--skin-border); border-radius: 10px; background: var(--skin-field); color: var(--skin-accent); font-size: 12px; line-height: 1.5; }
.customer-theme-feedback { margin: 10px 0 0; color: var(--skin-muted); font-size: 10px; }
@media (max-width: 760px) {
  .customer-theme-trigger { position: static; display: flex; width: max-content; margin: 0 auto 12px; }
  .customer-theme-dialog { inset: auto 12px max(12px,env(safe-area-inset-bottom)) 12px; width: auto; max-width: none; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); padding: 18px; }
}
@media (prefers-reduced-motion: no-preference) {
  .customer-theme-dialog[open] { animation: customer-theme-enter .18s ease-out; }
  @keyframes customer-theme-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}

/* Second slot: The Matrix. Only 0/1 code, never account or recharge data. */
.customer-theme-option[data-theme-choice="ocean"] .customer-theme-preview i { display: none; }
.customer-theme-option[data-theme-choice="ocean"] .customer-theme-preview::before {
  content: "01001 10110 00101\A 10110 01001 11010\A 00101 10110 01001\A 11010 00101 10110";
  white-space: pre; font: 10px/14px ui-monospace,SFMono-Regular,Consolas,monospace;
  color: #59ff87; text-shadow: 0 0 7px #2dff6370;
}
.customer-matrix-rain {
  position: fixed; inset: 0; z-index: 0; overflow: hidden; contain: strict;
  pointer-events: none; user-select: none; -webkit-user-select: none;
  -webkit-mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.22) 32%,rgba(0,0,0,.22) 68%,#000);
  mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.22) 32%,rgba(0,0,0,.22) 68%,#000);
}
.customer-matrix-rain[hidden],html:not([data-customer-theme="ocean"]) .customer-matrix-rain { display: none; }
.customer-matrix-stream {
  position: absolute; top: 0; left: var(--matrix-x); margin: 0;
  white-space: pre; font: 14px/19px ui-monospace,SFMono-Regular,Consolas,monospace;
  color: #38f573; opacity: var(--matrix-opacity); text-shadow: 0 0 6px #15e65b55;
  background: linear-gradient(180deg,transparent,#16ba53 35%,#61ff90 88%,#e5ffeb);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  animation: customer-matrix-fall var(--matrix-duration) linear var(--matrix-delay) infinite;
}
.customer-matrix-rain[data-paused="true"] .customer-matrix-stream { animation-play-state: paused; }
@keyframes customer-matrix-fall {
  from { transform: translateY(calc(-100% - 10vh)); }
  to { transform: translateY(110vh); }
}
html[data-customer-theme="ocean"] .page::before,
html[data-customer-theme="ocean"] .page::after { display: none; }
html[data-customer-theme="ocean"] .page .hero::before {
  content: "01000001 01001001 · 01000011 01001100 01001111 01010101 01000100";
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size: 10px; letter-spacing: .08em;
}
html[data-customer-theme="ocean"] .page .hero::after { background: linear-gradient(90deg,transparent,#36e96a,transparent); }
html[data-customer-theme="ocean"] .page .hero-title { text-shadow: 0 0 28px #19ff5926; }
html[data-customer-theme="ocean"] .page .redeem-card {
  box-shadow: inset 0 1px 0 #74ff9d16,0 28px 90px #000b,0 0 44px #17bd3920;
}
html[data-customer-theme="ocean"] .page .redeem-card::after {
  content: "01001101 01000001 01010100 01010010 01001001 01011000";
  color: #7bff9c44; filter: none; border-color: var(--skin-border);
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
}
html[data-customer-theme="ocean"] .page :is(.input-wrap input,.step-kicker,.footer) { font-family: ui-monospace,SFMono-Regular,Consolas,monospace; }
html[data-customer-theme="ocean"] .aicloudplus-floating-card {
  background: linear-gradient(135deg,#0a2b16,#020905); border-color: #4df88166;
  box-shadow: 0 18px 60px #0009,0 0 32px #2cec5726;
}
html[data-customer-theme="ocean"] .aicloudplus-floating-card :is(strong,small,.aicloudplus-floating-brand,.aicloudplus-floating-center span,.aicloudplus-floating-live) { color: #b7ffcc; }
html[data-customer-theme="ocean"] .aicloudplus-floating-card-grid {
  background: none; color: #40e97b36; font: 13px/22px ui-monospace,monospace;
  white-space: pre; padding: 6px; overflow: hidden;
}
html[data-customer-theme="ocean"] .aicloudplus-floating-card-grid::before {
  content: "01001101 01000001 01010100 01010010\A 10101001 00101010 11001010 10100101\A 01010110 01001001 00101101 01001101\A 10101001 10110010 10100101 00101010\A 01001101 01000001 01010100 01010010\A 10101001 00101010 11001010 10100101\A 01010110 01001001 00101101 01001101";
}
@media (max-width: 760px) {
  .customer-matrix-stream:nth-child(even) { display: none; }
  .customer-matrix-stream { font-size: 12px; line-height: 18px; }
  html[data-customer-theme="ocean"] .page .hero::before { font-size: 8px; letter-spacing: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .customer-matrix-stream { animation: none; transform: translateY(-10%); opacity: .2; }
}

/* Matrix panels: matte terminal surfaces, not a recolored gold bank card.
   Scope stays inside the two panels; the approved rain / hero are untouched. */
html[data-customer-theme="ocean"] .page .main .redeem-card {
  background: #060e0a !important;
  border: 1px solid #2a4935 !important;
  border-radius: 12px;
  box-shadow: 0 24px 64px #0007;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card::before,
html[data-customer-theme="ocean"] .page .main .redeem-card::after { display: none; }
html[data-customer-theme="ocean"] .page .main .redeem-card .card-head {
  border-color: #20382a !important;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .card-head h1 {
  font-family: var(--aicloudplus-font-ui,system-ui,sans-serif);
  font-size: clamp(24px,2.2vw,30px); font-weight: 600; letter-spacing: .03em;
  text-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .step-kicker {
  color: #7acb92 !important; letter-spacing: .12em;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .status-badge {
  border-radius: 5px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .step-header > span {
  border-radius: 5px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .step-header.active > span {
  background: #152e1e !important; color: #8fe9aa !important; border-color: #315e40 !important;
}
html[data-customer-theme="ocean"] .page .main .redeem-card :is(.input-wrap,textarea,.xiaojiu-query-panel) {
  border-radius: 7px; border-color: #2b4534 !important; background: #030906 !important;
  box-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .input-wrap:focus-within,
html[data-customer-theme="ocean"] .page .main .redeem-card textarea:focus-visible {
  border-color: #65e993 !important; box-shadow: 0 0 0 2px #65e9931a;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-intro:not(.aicloudplus-inline-card-message-error) {
  background: transparent !important; border-color: transparent !important;
  border-radius: 0; box-shadow: none; padding-inline: 0;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .btn {
  border-radius: 7px; box-shadow: none; text-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .btn::before,
html[data-customer-theme="ocean"] .page .main .redeem-card .btn::after { display: none; }
html[data-customer-theme="ocean"] .page .main .redeem-card .btn.primary {
  background: #68e890 !important; border-color: #68e890 !important; color: #041109 !important;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .btn.primary:hover:not(:disabled) {
  background: #91f5b0 !important; border-color: #91f5b0 !important;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .btn.secondary {
  background: #0a150e !important; border-color: #36543f !important;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .btn:focus-visible {
  outline: 2px solid #9dffbb; outline-offset: 3px;
}
/* Fully visible digital access pass: no physical gold chip, orbit or glossy beam. */
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-dock {
  top: clamp(96px,12dvh,122px); right: 24px; width: clamp(190px,15vw,236px);
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-shell {
  animation: none; transform: none;
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card {
  aspect-ratio: 1.5; border: 1px solid #32533d; border-radius: 9px;
  background: #06110b; box-shadow: 0 14px 36px #0006;
  transform: none; transform-style: flat; will-change: auto;
  clip-path: inset(0 round 9px); -webkit-clip-path: inset(0 round 9px);
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card:focus-visible {
  border-color: #8aefaa; box-shadow: inset 0 0 0 1px #8aefaa;
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card::before,
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card::after,
html[data-customer-theme="ocean"] .page :is(.aicloudplus-floating-card-light,.aicloudplus-floating-card-orbit,.aicloudplus-floating-card-noise,.aicloudplus-floating-brand-mark) { display: none; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-grid {
  padding: 0; opacity: .25; animation: none; transform: none;
  background: linear-gradient(#57ce7b14 1px,transparent 1px),linear-gradient(90deg,#57ce7b14 1px,transparent 1px);
  background-size: 16px 16px;
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-grid::before { content: none; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-content {
  padding: 16px; transform: none;
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-top { gap: 8px; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-brand {
  gap: 7px; font: 600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; color: #c0f4d0;
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-brand::before { content: ">_"; color: #60e98c; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-live { font-size: 6px; letter-spacing: .05em; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-center { gap: 6px; margin: auto 0; padding: 8px 0; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-chip {
  width: auto; aspect-ratio: auto; overflow: visible; border: 0; border-radius: 0;
  background: none; box-shadow: none;
  color: #70ee99; font: 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .12em;
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-chip::before {
  position: static; inset: auto; border: 0; border-radius: 0;
  content: "01001 10110 00101";
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-chip::after { display: none; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-center span { font-size: 7px; letter-spacing: .2em; color: #8bae96; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-bottom {
  padding-top: 9px; border-top: 1px solid #243c2c;
}
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-bottom small { color: #7e9d88; font-size: 6px; }
html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-bottom strong { color: #b4eac5; font-size: 8px; }
@media (max-width: 1199px) {
  /* Decorative pass must never cover a narrower hero or the customer form. */
  html[data-customer-theme="ocean"] .page .aicloudplus-floating-card-dock { display: none; }
}

/* Matrix flows: recharge, batch results and the body-mounted onboarding tour.
   Paint only: actual progress, visibility, layout and all actions stay owned by the existing UI. */
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-panel {
  --matrix-progress: #68e890;
  --matrix-progress-bright: #b0ffca;
  --matrix-progress-soft: #132d1d;
  --matrix-progress-line: #325740;
  background: #08120c; border-color: var(--matrix-progress-line);
  border-radius: 8px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-panel.aicloudplus-test-recharge-failed {
  --matrix-progress: #ee8696;
  --matrix-progress-bright: #ffc0ca;
  --matrix-progress-soft: #2c171d;
  --matrix-progress-line: #67363e;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-panel::before { display: none; }
html[data-customer-theme="ocean"] .page .redeem-card :is(.aicloudplus-test-recharge-label,.aicloudplus-test-recharge-session-label,.aicloudplus-test-recharge-account-label,.aicloudplus-test-recharge-entitlement-label,.aicloudplus-test-recharge-expiry-label) { color: #91b59c; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-label::before {
  border-radius: 1px; background: var(--matrix-progress); box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card :is(.aicloudplus-test-recharge-stage-row,.aicloudplus-test-recharge-account-email,.aicloudplus-test-recharge-entitlement,.aicloudplus-test-recharge-expiry) { color: #d6ffe2; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-percent {
  color: var(--matrix-progress-bright); background: var(--matrix-progress-soft);
  border-color: var(--matrix-progress-line); border-radius: 4px; box-shadow: none;
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-pulse {
  background: var(--matrix-progress); border-color: var(--matrix-progress-bright);
  border-radius: 2px; box-shadow: none;
}
/* Recolor the existing pulse without changing the fill's width/transition mechanics. */
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-panel:not(.aicloudplus-test-recharge-failed):not(.aicloudplus-test-recharge-complete) .aicloudplus-test-recharge-pulse { animation-name: customer-matrix-status-pulse; }
@keyframes customer-matrix-status-pulse {
  0%,100% { opacity: 1; }
  50% { opacity: .45; }
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-track {
  background: #030805; border-color: #294534; border-radius: 3px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-fill {
  background: linear-gradient(90deg,var(--matrix-progress),var(--matrix-progress-bright));
  box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-fill::after {
  background: linear-gradient(90deg,transparent,#d6ffe240,transparent);
}
html[data-customer-theme="ocean"] .page .redeem-card :is(.aicloudplus-test-recharge-detail,.aicloudplus-test-recharge-session,.aicloudplus-test-recharge-account-item) {
  background: #050d08; border-color: #243d2c; border-radius: 6px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-detail { color: #a6c5af; }
html[data-customer-theme="ocean"] .page .redeem-card :is(.aicloudplus-test-recharge-type,.aicloudplus-test-recharge-account-icon) {
  background: #132d1d; border-color: #325740; color: #a3f5be;
  border-radius: 4px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .aicloudplus-test-recharge-session-input.aicloudplus-test-recharge-session-invalid {
  border-color: #ee8696 !important; background: #241218 !important;
  box-shadow: 0 0 0 2px #ee869622;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-session-submit {
  background: #68e890; color: #041109; border-color: #68e890;
  border-radius: 6px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-session-submit:hover:not(:disabled) { background: #91f5b0; border-color: #91f5b0; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-session-submit:focus-visible { outline: 2px solid #9dffbb; outline-offset: 3px; }

/* Batch query keeps its compact seven-field rows, wrapping and scroll bounds. */
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-faq-toggle:has(+ .xiaojiu-query-panel) {
  background: #0b1a11; color: #a3f5be; border-color: #325740;
  border-radius: 6px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-faq-toggle:has(+ .xiaojiu-query-panel)::after,
html[data-customer-theme="ocean"] .page .redeem-card .xiaojiu-query-panel > .field > span::after {
  background: #132d1d; color: #9bd4ad; border-color: #325740; border-radius: 3px;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-query-panel {
  --aicloudplus-batch-gold: #68e890;
  background: #08120c !important; border-color: #325740 !important;
  border-radius: 8px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card .xiaojiu-query-panel::before,
html[data-customer-theme="ocean"] .page .redeem-card .xiaojiu-query-panel::after { display: none; }
html[data-customer-theme="ocean"] .page .redeem-card .xiaojiu-query-panel > .field > span { color: #c5f3d2; }
html[data-customer-theme="ocean"] .page .redeem-card .xiaojiu-query-panel > .field > span::before {
  border-color: #68e890; background: #254831; box-shadow: none;
  border-radius: 2px; transform: translateY(-50%);
}
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-query-panel textarea.aicloudplus-batch-autogrow {
  border-radius: 6px; caret-color: #68e890; scrollbar-color: #426f50 #050d08;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-query-panel textarea.aicloudplus-batch-autogrow:focus {
  border-color: #65e993 !important; box-shadow: 0 0 0 2px #65e9931a;
}
html[data-customer-theme="ocean"] .page .redeem-card .xiaojiu-query-actions { border-color: #243d2c; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-help { color: #a6c5af; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-help > summary:focus-visible { outline-color: #9dffbb; }
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-query-actions .btn {
  background: #68e890 !important; color: #041109 !important;
  border-color: #68e890 !important; border-radius: 6px; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .main .redeem-card .xiaojiu-query-actions .btn:hover:not(:disabled) {
  background: #91f5b0 !important; border-color: #91f5b0 !important; box-shadow: none;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results {
  background: #050d08; border-color: #243d2c; border-radius: 6px; box-shadow: none;
  scrollbar-color: #426f50 #050d08;
}
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results:focus-visible { outline-color: #9dffbb; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results > article { border-color: #243d2c; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results strong { color: #c5f3d2; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results small { color: #8eaf99; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results span:not([data-batch-status]),
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results > p:not([data-batch-error]) { color: #bad5c3; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="success"] [data-batch-status] { color: #8ee9a9; }
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="processing"] [data-batch-status],
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="queued"] [data-batch-status] { color: #a0e6b6; }
/* Error and uncertain/warning statuses remain distinguishable from success. */
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-error],
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="failed"] [data-batch-status],
html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="invalid"] [data-batch-status] { color: #eeaaa1; }

/* The guide mounts directly under body, so it must not depend on .page ancestry. */
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-mask { fill: #010704c4; }
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-stage {
  border-color: #8ef0ad; border-radius: 8px;
  box-shadow: 0 0 0 4px #68e89020,0 0 24px #68e89024;
}
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-hole { rx: 8px; ry: 8px; }
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-popover {
  max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto;
  background: #08120c; border-color: #426f50; border-radius: 9px; color: #d6ffe2;
  box-shadow: 0 20px 60px #0009; backdrop-filter: none; -webkit-backdrop-filter: none;
  font-family: var(--aicloudplus-font-ui,system-ui,sans-serif);
}
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-popover p { color: #a6c5af; }
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-progress {
  background: #132d1d; color: #a3f5be; border-radius: 4px;
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
}
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-button {
  background: #0b1a11; border-color: #325740; border-radius: 6px; color: #c5f3d2;
}
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-button.primary { background: #68e890; border-color: #68e890; color: #041109; }
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-button.primary:hover { background: #91f5b0; }
html[data-customer-theme="ocean"] .xiaojiu-tour .xiaojiu-tour-button:focus-visible { outline: 2px solid #9dffbb; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  html[data-customer-theme="ocean"] .page .redeem-card .aicloudplus-test-recharge-panel .aicloudplus-test-recharge-pulse { animation: none; }
}

/* Nebula black hole: a separate third-slot universe; other skins keep their existing paint. */
.customer-theme-option[data-theme-choice="violet"] { --preview-bg: #03040b; --preview-accent: #55578033; --preview-line: #ccd0ff; }
.customer-theme-option[data-theme-choice="violet"] .customer-theme-preview {
  position: relative; overflow: hidden;
  background: radial-gradient(circle at 18% 22%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 82% 65%,#c3c8ff 0 1px,transparent 1.5px),#050712;
}
.customer-theme-option[data-theme-choice="violet"] .customer-theme-preview i { display: none; }
.customer-theme-option[data-theme-choice="violet"] .customer-theme-preview::before {
  content: ""; position: absolute; width: 37px; height: 37px; border-radius: 50%;
  background: #010207; border: 1px solid #cbd1ff; box-shadow: 0 0 11px #777de1,0 0 25px #5656a766;
}
.customer-theme-option[data-theme-choice="violet"] .customer-theme-preview::after {
  content: ""; position: absolute; width: 96px; height: 14px; border-radius: 50%;
  border: 2px solid #d4d7ff; transform: rotate(-16deg); box-shadow: 0 0 7px #9399ff,inset 0 0 5px #9299ff;
}
.customer-nebula-space {
  position: fixed; inset: 0; z-index: 0; overflow: hidden; contain: strict;
  pointer-events: none; user-select: none; -webkit-user-select: none;
  background: radial-gradient(ellipse at 10% 45%,#41408020,transparent 45%),radial-gradient(ellipse at 90% 70%,#233b6a24,transparent 50%);
}
.customer-nebula-space[hidden],html:not([data-customer-theme="violet"]) .customer-nebula-space { display: none; }
.customer-nebula-stars { position: absolute; inset: 0; }
.customer-nebula-star {
  position: absolute; left: var(--star-x); top: var(--star-y); width: var(--star-size); height: var(--star-size);
  border-radius: 50%; background: #e3e9ff; opacity: var(--star-opacity);
  box-shadow: 0 0 5px #a5baff88;
  animation: customer-nebula-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite alternate;
}
.customer-nebula-star:nth-child(9n) { box-shadow: 0 0 3px 1px #dfe6ff55,0 0 10px #a6b6ff77; }
.customer-nebula-hole {
  position: absolute; left: 13%; top: 39%; width: clamp(210px,25vw,370px); aspect-ratio: 1;
  transform: translate(-50%,-50%) rotate(-16deg); isolation: isolate;
}
.customer-nebula-halo {
  position: absolute; inset: -30%; border-radius: 50%;
  background: radial-gradient(circle,transparent 27%,#6665b614 34%,#7778d22c 38%,#7582e31c 43%,transparent 63%);
  animation: customer-nebula-halo 12s ease-in-out infinite alternate;
}
.customer-nebula-disk-back,.customer-nebula-disk-front {
  position: absolute; left: -48%; top: 32%; width: 196%; height: 36%; border-radius: 50%;
  background: radial-gradient(ellipse,transparent 29%,#54578533 35%,#8e94e080 39%,#e4e7ff 41%,#acb4ffb3 43%,#6768c445 49%,transparent 63%);
  filter: drop-shadow(0 0 8px #8e90ed55);
}
.customer-nebula-disk-back { z-index: 1; }
.customer-nebula-horizon {
  position: absolute; inset: 16%; z-index: 2; border-radius: 50%;
  background: #010207;
  box-shadow: 0 -2px 2px #eff1ff,0 0 7px 2px #b0b5ffb3,0 0 24px 6px #8280dd66,0 0 62px 10px #645aab33;
}
.customer-nebula-disk-front { z-index: 3; clip-path: inset(50% 0 0); }
.customer-nebula-space[data-paused="true"] :is(.customer-nebula-star,.customer-nebula-halo) { animation-play-state: paused; }
@keyframes customer-nebula-twinkle { from { opacity: calc(var(--star-opacity) * .45); } to { opacity: var(--star-opacity); } }
@keyframes customer-nebula-halo { from { opacity: .65; } to { opacity: 1; } }
html[data-customer-theme="violet"] body,
html[data-customer-theme="violet"] body .page { background: #03040b !important; }
html[data-customer-theme="violet"] .page::before,
html[data-customer-theme="violet"] .page::after { display: none; }
html[data-customer-theme="violet"] .page .topbar { background: #070914f2 !important; border-color: #a5b2e326 !important; }
html[data-customer-theme="violet"] .page .hero::before { content: "EVENT HORIZON · DEEP SPACE"; color: #bbc4eb !important; letter-spacing: .25em; }
html[data-customer-theme="violet"] .page .hero::after { background: linear-gradient(90deg,transparent,#b2bdfa66,transparent); }
html[data-customer-theme="violet"] .page .hero-title { text-shadow: 0 0 35px #747bca26; }
html[data-customer-theme="violet"] .page .hero-subtitle { text-shadow: 0 2px 8px #000; }
html[data-customer-theme="violet"] .page .main .redeem-card {
  background: linear-gradient(135deg,#14192af7,#090c17fa 58%) !important;
  border: 1px solid #7e8cc54d !important; border-radius: 20px;
  box-shadow: 0 24px 80px #0008,inset 0 1px 0 #dae3ff0d;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-customer-theme="violet"] .page .main .redeem-card::before,
html[data-customer-theme="violet"] .page .main .redeem-card::after { display: none; }
html[data-customer-theme="violet"] .page .main .redeem-card .card-head h1 { font-family: var(--aicloudplus-font-ui,system-ui,sans-serif); font-size: clamp(24px,2.2vw,30px); font-weight: 600; letter-spacing: .04em; text-shadow: none; }
html[data-customer-theme="violet"] .page .main .redeem-card :is(.input-wrap,textarea,.btn) { border-radius: 10px; box-shadow: none; }
html[data-customer-theme="violet"] .page .main .redeem-card .input-wrap:focus-within,
html[data-customer-theme="violet"] .page .main .redeem-card textarea:focus-visible { border-color: #bdc7ff !important; box-shadow: 0 0 0 2px #a4b1ef20; }
html[data-customer-theme="violet"] .page .main .redeem-card .btn::before,
html[data-customer-theme="violet"] .page .main .redeem-card .btn::after { display: none; }
html[data-customer-theme="violet"] .page .main .redeem-card .btn.primary:hover:not(:disabled) { background: linear-gradient(125deg,#fff,#c7cdff) !important; }
html[data-customer-theme="violet"] .page .main .redeem-card .xiaojiu-intro:not(.aicloudplus-inline-card-message-error) { background: transparent !important; border-color: transparent !important; box-shadow: none; }
html[data-customer-theme="violet"] .page .main .redeem-card :is(.status-badge,.step-header > span) { border-radius: 8px; box-shadow: none; }
html[data-customer-theme="violet"] .page .main .redeem-card .step-header.active > span { background: #222a46 !important; color: #d1d9ff !important; border-color: #6c7caa66 !important; }
/* A small observatory pass replaces gold metal and keeps the main sky unobstructed. */
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-dock { top: clamp(96px,12dvh,122px); right: 24px; width: clamp(190px,15vw,236px); }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-shell { animation: none; transform: none; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card { background: linear-gradient(130deg,#111729,#060910); border: 1px solid #7e8cc550; border-radius: 16px; box-shadow: 0 18px 50px #0008; transform: none; clip-path: inset(0 round 16px); }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card::before,
html[data-customer-theme="violet"] .page .aicloudplus-floating-card::after,
html[data-customer-theme="violet"] .page :is(.aicloudplus-floating-card-light,.aicloudplus-floating-card-orbit,.aicloudplus-floating-card-noise,.aicloudplus-floating-brand-mark) { display: none; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-grid { background: radial-gradient(circle,#c4d2ff66 .6px,transparent 1px); background-size: 29px 23px; transform: none; opacity: .4; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-content { padding: 16px; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-brand { color: #e4eaff; font-size: 11px; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-live { color: #c8d3f3; font-size: 6px; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-chip { width: 29px; border-radius: 50%; border: 1px solid #c7d0ff; background: #02030a; box-shadow: 0 0 9px #919cda88; overflow: visible; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-chip::before { inset: 9px -14px; border: 1px solid #c8d3ff; border-radius: 50%; transform: rotate(-16deg); box-shadow: 0 0 4px #aab6ff99; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-chip::after { display: none; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-center span { color: #aebddb; font-size: 7px; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-bottom small { color: #9baac9; font-size: 6px; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-bottom strong { color: #d8e3ff; font-size: 8px; }
/* Nebula flows: keep percentage animation, compact rows and action semantics unchanged. */
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel {
  --nebula-progress: #9faeff; --nebula-bright: #e0e8ff; --nebula-soft: #1c2441; --nebula-line: #47577f;
  background: linear-gradient(135deg,#11182c,#0b1020); border-color: var(--nebula-line); border-radius: 12px; box-shadow: none;
}
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel.aicloudplus-test-recharge-complete { --nebula-progress: #78d9b4; --nebula-bright: #c5ffec; --nebula-soft: #15332b; --nebula-line: #346454; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel.aicloudplus-test-recharge-failed { --nebula-progress: #ec95a5; --nebula-bright: #ffd0d9; --nebula-soft: #32212c; --nebula-line: #704855; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel::before { display: none; }
html[data-customer-theme="violet"] .page .redeem-card :is(.aicloudplus-test-recharge-label,.aicloudplus-test-recharge-session-label,.aicloudplus-test-recharge-account-label,.aicloudplus-test-recharge-entitlement-label,.aicloudplus-test-recharge-expiry-label) { color: #aabbdc; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-label::before { background: var(--nebula-progress); box-shadow: 0 0 9px #8ca6ff50; }
html[data-customer-theme="violet"] .page .redeem-card :is(.aicloudplus-test-recharge-stage-row,.aicloudplus-test-recharge-account-email,.aicloudplus-test-recharge-entitlement,.aicloudplus-test-recharge-expiry) { color: #e4edff; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-percent { color: var(--nebula-bright); background: var(--nebula-soft); border-color: var(--nebula-line); border-radius: 7px; box-shadow: none; font-variant-numeric: tabular-nums; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-pulse { background: var(--nebula-progress); border-color: var(--nebula-bright); box-shadow: 0 0 10px #a0adff40; animation-name: customer-nebula-status; }
@keyframes customer-nebula-status { 0%,100% { opacity: 1; } 50% { opacity: .5; } }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-track { background: #040813; border-color: #313e61; border-radius: 6px; box-shadow: none; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-fill { background: linear-gradient(90deg,var(--nebula-progress),var(--nebula-bright)); box-shadow: 0 0 14px #a4b1ff33; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-fill::after { background: linear-gradient(90deg,transparent,#e8efff55,transparent); }
html[data-customer-theme="violet"] .page .redeem-card :is(.aicloudplus-test-recharge-detail,.aicloudplus-test-recharge-session,.aicloudplus-test-recharge-account-item) { background: #080e1e; border-color: #2c3957; border-radius: 9px; box-shadow: none; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-detail { color: #b4c4e2; }
html[data-customer-theme="violet"] .page .redeem-card :is(.aicloudplus-test-recharge-type,.aicloudplus-test-recharge-account-icon) { color: #d2ddff; background: #202d4c; border-color: #465a83; border-radius: 7px; box-shadow: none; }
html[data-customer-theme="violet"] .page .main .redeem-card .aicloudplus-test-recharge-session-input.aicloudplus-test-recharge-session-invalid { border-color: #ec95a5 !important; background: #251521 !important; box-shadow: 0 0 0 2px #ec95a520; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-session-submit { background: var(--skin-gradient); color: #111722; border-color: #becbff; border-radius: 9px; box-shadow: none; }
html[data-customer-theme="violet"] .page .main .redeem-card .xiaojiu-query-panel { --aicloudplus-batch-gold: #c3c8ff; background: #0b1020 !important; border-color: #405077 !important; border-radius: 12px; box-shadow: none; }
html[data-customer-theme="violet"] .page .redeem-card .xiaojiu-query-panel::before,
html[data-customer-theme="violet"] .page .redeem-card .xiaojiu-query-panel::after { display: none; }
html[data-customer-theme="violet"] .page .redeem-card .xiaojiu-query-panel > .field > span { color: #d8e2ff; }
html[data-customer-theme="violet"] .page .redeem-card .xiaojiu-query-panel > .field > span::before { background: #222e50; border-color: #b7caff; box-shadow: none; }
html[data-customer-theme="violet"] .page .main .redeem-card .xiaojiu-faq-toggle:has(+ .xiaojiu-query-panel),
html[data-customer-theme="violet"] .page .redeem-card .xiaojiu-query-panel > .field > span::after { background: #111a30; color: #c5d4f4; border-color: #425579; box-shadow: none; }
html[data-customer-theme="violet"] .page .redeem-card :is(.xiaojiu-query-actions,.aicloudplus-batch-status-results > article) { border-color: #2c3957; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-help { color: #acbcdb; }
html[data-customer-theme="violet"] .page .main .redeem-card .xiaojiu-query-actions .btn { background: var(--skin-gradient) !important; color: #111722 !important; border-color: #becbff !important; border-radius: 9px; box-shadow: none; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results { background: #080e1b; border-color: #2c3957; border-radius: 9px; box-shadow: none; scrollbar-color: #536895 #080e1b; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results strong { color: #d4e2ff; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results small { color: #9fb0d0; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results span:not([data-batch-status]),
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results > p:not([data-batch-error]) { color: #b9cbea; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="success"] [data-batch-status] { color: #98e5c4; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="processing"] [data-batch-status],
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="queued"] [data-batch-status] { color: #b5c9ff; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-error],
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="failed"] [data-batch-status],
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="invalid"] [data-batch-status] { color: #f1a9b3; }
/* The guide is body-mounted, not inside .page. */
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-mask { fill: #020511cc; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-stage { border-color: #c2d2ff; border-radius: 12px; box-shadow: 0 0 0 4px #a7b7ff20,0 0 25px #9caaff33; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-hole { rx: 12px; ry: 12px; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-popover { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; background: linear-gradient(135deg,#151e33,#0a1120); border-color: #596e99; color: #e4edff; border-radius: 14px; box-shadow: 0 20px 60px #000a; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-popover p { color: #b3c6e6; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-progress { color: #d0ddff; background: #233250; border-radius: 7px; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-button { background: #151f34; color: #d5e3ff; border-color: #445c83; border-radius: 8px; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-button.primary { background: var(--skin-gradient); color: #111722; border-color: #c3d0ff; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-button.primary:hover { background: #e0e7ff; }
html[data-customer-theme="violet"] .page .redeem-card :is(.btn,.aicloudplus-test-recharge-session-submit,.aicloudplus-batch-status-results):focus-visible,
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-button:focus-visible { outline: 2px solid #c4d5ff; outline-offset: 3px; }
@media (max-width: 1199px) {
  html[data-customer-theme="violet"] .page .aicloudplus-floating-card-dock { display: none; }
  .customer-nebula-hole { left: 12%; width: 260px; }
}
@media (max-width: 760px) {
  .customer-nebula-star:nth-child(even) { display: none; }
  .customer-nebula-hole { left: 20%; top: 265px; width: 210px; opacity: .6; }
  html[data-customer-theme="violet"] .page .hero::before { font-size: 9px; letter-spacing: .16em; }
}
@media (prefers-reduced-motion: reduce) {
  .customer-nebula-star,.customer-nebula-halo { animation: none; }
  html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-pulse { animation: none; }
}

/* Nebula motion: animate the universe and surface light, never the customer's input geometry. */
html[data-customer-theme="violet"] { --nebula-motion-state: running; }
html[data-customer-theme="violet"][data-nebula-paused="true"] { --nebula-motion-state: paused; }
html[data-customer-theme="violet"] .customer-nebula-stars { inset: -20px; animation: customer-nebula-drift 26s ease-in-out infinite alternate; }
html[data-customer-theme="violet"] .customer-nebula-hole { animation: customer-nebula-precession 16s ease-in-out infinite; }
/* Rotate the round texture BEFORE flattening it into an accretion plane.
   Front/back layers share a clock so the horizon occludes one continuous flow. */
html[data-customer-theme="violet"] :is(.customer-nebula-disk-back,.customer-nebula-disk-front)::before {
  content: ""; position: absolute; top: 50%; left: 0; width: 100%; aspect-ratio: 1;
  border-radius: 50%; pointer-events: none;
  background: conic-gradient(from 24deg,transparent 0deg,#dde5ffbb 42deg,#fff 58deg,transparent 92deg,#8889ff88 142deg,transparent 185deg,#eef3ff 244deg,#969eff66 290deg,transparent 345deg);
  -webkit-mask-image: radial-gradient(circle,transparent 36%,#000 38%,#000 46%,transparent 51%);
  mask-image: radial-gradient(circle,transparent 36%,#000 38%,#000 46%,transparent 51%);
  animation: customer-nebula-accretion 7s linear infinite;
}
html[data-customer-theme="violet"] :is(.customer-nebula-disk-back,.customer-nebula-disk-front)::after {
  content: ""; position: absolute; top: 50%; left: -8%; width: 116%; aspect-ratio: 1;
  border-radius: 50%; pointer-events: none; opacity: .7;
  background: repeating-conic-gradient(from 0deg,transparent 0deg 42deg,#b9c6ff88 46deg,#fff 48deg,transparent 54deg 90deg);
  -webkit-mask-image: radial-gradient(circle,transparent 39%,#000 40%,#000 42%,transparent 44%);
  mask-image: radial-gradient(circle,transparent 39%,#000 40%,#000 42%,transparent 44%);
  animation: customer-nebula-accretion 12s linear infinite reverse;
}
html[data-customer-theme="violet"] .customer-nebula-horizon::after {
  content: ""; position: absolute; inset: -5px; border-radius: 50%; pointer-events: none;
  background: conic-gradient(transparent 5deg,#e8edff 85deg,transparent 130deg,#8c86ff 270deg,transparent 340deg);
  -webkit-mask-image: radial-gradient(circle,transparent 67%,#000 68%,#000 70%,transparent 72%);
  mask-image: radial-gradient(circle,transparent 67%,#000 68%,#000 70%,transparent 72%);
  animation: customer-nebula-photon 11s linear infinite;
}
html[data-customer-theme="violet"] .customer-nebula-space::before,
html[data-customer-theme="violet"] .customer-nebula-space::after {
  content: ""; position: absolute; left: 65%; top: 18%; width: 160px; height: 1px;
  background: linear-gradient(90deg,transparent,#b7caff88,#eef3ff); border-radius: 50%;
  pointer-events: none; opacity: 0; animation: customer-nebula-meteor 13s linear infinite;
}
html[data-customer-theme="violet"] .customer-nebula-space::after { left: 25%; top: 72%; width: 110px; animation-duration: 19s; animation-delay: -7s; }
html[data-customer-theme="violet"] .page .hero-title { background-size: 220% 100%; animation: customer-nebula-title-light 10s ease-in-out infinite; }
html[data-customer-theme="violet"] .page .hero::after { background-size: 200% 100%; animation: customer-nebula-title-light 8s ease-in-out infinite; }
html[data-customer-theme="violet"] .page .hero-chip { animation: customer-nebula-chip-light 7s ease-in-out infinite; transition: border-color .25s ease,transform .25s ease; }
html[data-customer-theme="violet"] .page .hero-chip:nth-child(2) { animation-delay: -1.5s; }
html[data-customer-theme="violet"] .page .hero-chip:nth-child(3) { animation-delay: -3s; }
html[data-customer-theme="violet"] .page .hero-chip:nth-child(4) { animation-delay: -4.5s; }
html[data-customer-theme="violet"] .page .hero-chip:hover { transform: translateY(-2px); }
/* Stable main form, animated perimeter. No floating textboxes or moving touch targets. */
html[data-customer-theme="violet"] .page .main .redeem-card { animation: customer-nebula-panel-light 8s ease-in-out infinite; }
html[data-customer-theme="violet"] .page .main .redeem-card::after {
  display: block; content: ""; position: absolute; inset: 0 auto auto 12%; z-index: 1;
  width: 76%; height: 1px; border: 0; border-radius: 0; line-height: normal; filter: none;
  background: linear-gradient(90deg,transparent,#dbe5ff,transparent); opacity: .65; pointer-events: none;
  animation: customer-nebula-edge-light 6s ease-in-out infinite;
}
html[data-customer-theme="violet"] .page .main .redeem-card :is(.input-wrap,textarea) { transition: border-color .25s ease,box-shadow .25s ease; }
html[data-customer-theme="violet"] .page .main .redeem-card :is(.input-wrap:hover,textarea:hover) { border-color: #9caee480 !important; }
html[data-customer-theme="violet"] .page .main .redeem-card .btn,
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-session-submit,
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-button {
  transition: background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
html[data-customer-theme="violet"] .page .main .redeem-card .btn.primary,
html[data-customer-theme="violet"] .page .main .redeem-card .xiaojiu-query-actions .btn,
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-session-submit,
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-button.primary {
  background-size: 220% 100% !important; animation: customer-nebula-button-light 5s ease-in-out infinite;
}
html[data-customer-theme="violet"] .page .main .redeem-card .btn:hover:not(:disabled),
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-session-submit:hover:not(:disabled),
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-button:hover { box-shadow: 0 0 20px #aabaff30; }
/* Preserve the existing pointer controller; restore its transform only for this skin. */
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-shell { animation: customer-nebula-card-float 7s ease-in-out infinite; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card {
  transform: perspective(900px) rotateX(var(--float-rx,0deg)) rotateY(var(--float-ry,0deg));
  border-color: #a6b6ef80;
}
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-grid { animation: customer-nebula-drift 18s ease-in-out infinite alternate; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card-light { display: block; opacity: .45; background: radial-gradient(150px circle at var(--float-mx,50%) var(--float-my,50%),#b6c9ff40,transparent 70%); }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card::after {
  display: block; content: ""; pointer-events: none; background: linear-gradient(90deg,transparent,#b8c8ff44,transparent);
  animation: customer-nebula-card-sweep 6s ease-in-out infinite; filter: none;
}
html[data-customer-theme="violet"] .page .aicloudplus-floating-chip::before { animation: customer-nebula-mini-orbit 6s ease-in-out infinite; }
html[data-customer-theme="violet"] .page .aicloudplus-floating-card:hover,
html[data-customer-theme="violet"] .page .aicloudplus-floating-card:focus-visible { border-color: #dae4ff; box-shadow: 0 22px 60px #0009,0 0 25px #b0bdff30; }
/* Existing fill width/transition and terminal-state semantics remain unchanged. */
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel::before {
  display: block; background: linear-gradient(90deg,transparent,var(--nebula-progress),transparent); pointer-events: none;
  animation: customer-nebula-edge-light 5s ease-in-out infinite;
}
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel:not(.aicloudplus-test-recharge-complete):not(.aicloudplus-test-recharge-failed) .aicloudplus-test-recharge-fill::after { animation: customer-nebula-progress-flow 2.5s linear infinite; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel.aicloudplus-test-recharge-complete::before,
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-test-recharge-panel.aicloudplus-test-recharge-failed::before { animation: none; }
html[data-customer-theme="violet"] .page .redeem-card :is(.aicloudplus-test-recharge-account-item,.aicloudplus-test-recharge-session) { transition: border-color .3s ease,box-shadow .3s ease; }
html[data-customer-theme="violet"] .page .redeem-card :is(.aicloudplus-test-recharge-account-item:hover,.aicloudplus-test-recharge-session:focus-within) { border-color: #809ad0; box-shadow: inset 0 0 20px #99b1ff08; }
html[data-customer-theme="violet"] .page .main .redeem-card .xiaojiu-query-panel { animation: customer-nebula-reveal .35s ease-out; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results > article { animation: customer-nebula-reveal .45s ease-out both; transition: background-color .2s ease; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results > article:nth-child(2) { animation-delay: .04s; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results > article:nth-child(3) { animation-delay: .08s; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results > article:nth-child(n+4) { animation-delay: .12s; }
html[data-customer-theme="violet"] .page .redeem-card .aicloudplus-batch-status-results > article:hover { background: #c7d4ff08; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-popover { animation: customer-nebula-reveal .25s ease-out; }
html[data-customer-theme="violet"] .xiaojiu-tour .xiaojiu-tour-stage { animation: customer-nebula-guide-light 4s ease-in-out infinite; }
html[data-customer-theme="violet"] .customer-theme-dialog[open] { animation: customer-nebula-reveal .25s ease-out; }
html[data-customer-theme="violet"] .customer-theme-option[data-theme-choice="violet"] .customer-theme-preview::after { animation: customer-nebula-mini-orbit 6s ease-in-out infinite; }
html[data-customer-theme="violet"] :is(.customer-theme-trigger,.invoice-assistant-fab) { transition: border-color .25s ease,box-shadow .25s ease; }
html[data-customer-theme="violet"] :is(.customer-theme-trigger,.invoice-assistant-fab):hover { box-shadow: 0 0 24px #aabaff30; }
@keyframes customer-nebula-drift { from { transform: translate3d(-8px,-8px,0); } to { transform: translate3d(10px,12px,0); } }
@keyframes customer-nebula-precession {
  0%,100% { transform: translate(-50%,-50%) rotate(-18deg) scale(1); }
  50% { transform: translate(-50%,-50%) rotate(-10deg) scale(1.045); }
}
@keyframes customer-nebula-accretion {
  from { transform: translateY(-50%) scaleY(.184) rotate(0deg); }
  to { transform: translateY(-50%) scaleY(.184) rotate(360deg); }
}
@keyframes customer-nebula-photon { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes customer-nebula-meteor {
  0%,64% { opacity: 0; transform: translate3d(-180px,-90px,0) rotate(26deg); }
  68% { opacity: .8; }
  80%,100% { opacity: 0; transform: translate3d(220px,110px,0) rotate(26deg); }
}
@keyframes customer-nebula-title-light { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes customer-nebula-button-light { 0%,100% { box-shadow: 0 0 0 1px #d5dfff20,0 0 6px #aabaff10; } 50% { box-shadow: 0 0 0 1px #d5dfff80,0 0 20px #aabaff44; } }
@keyframes customer-nebula-chip-light { 0%,100% { box-shadow: inset 0 0 8px #aebdff00; } 50% { box-shadow: inset 0 0 14px #aebdff14; } }
@keyframes customer-nebula-panel-light { 0%,100% { box-shadow: 0 24px 80px #0008,inset 0 1px 0 #dae3ff0d,0 0 18px #9eadff08; } 50% { box-shadow: 0 24px 80px #0008,inset 0 1px 0 #dae3ff26,0 0 36px #9eadff20; } }
@keyframes customer-nebula-edge-light { 0%,100% { opacity: .3; transform: translateX(-10%); } 50% { opacity: .9; transform: translateX(10%); } }
@keyframes customer-nebula-card-float { 0%,100% { transform: translateY(3px) rotate(-2deg); } 50% { transform: translateY(-10px) rotate(2deg); } }
@keyframes customer-nebula-card-sweep { 0%,15% { opacity: 0; transform: translateX(-30%) skewX(-15deg); } 35% { opacity: .8; } 70%,100% { opacity: 0; transform: translateX(580%) skewX(-15deg); } }
@keyframes customer-nebula-mini-orbit { 0%,100% { transform: rotate(-24deg) scaleY(.7); } 50% { transform: rotate(14deg) scaleY(1.2); } }
@keyframes customer-nebula-progress-flow { from { transform: translateX(-100%); } to { transform: translateX(200%); } }
@keyframes customer-nebula-reveal { from { opacity: .15; } to { opacity: 1; } }
@keyframes customer-nebula-guide-light { 0%,100% { box-shadow: 0 0 0 3px #a7b7ff18,0 0 16px #9caaff20; } 50% { box-shadow: 0 0 0 5px #a7b7ff30,0 0 28px #9caaff44; } }
html[data-customer-theme="violet"][data-nebula-paused="true"] .page .aicloudplus-floating-card { transform: none; }
/* One lifecycle switch pauses all added decoration, including body-mounted dialogs. */
html[data-customer-theme="violet"] :is(.customer-nebula-stars,.customer-nebula-star,.customer-nebula-hole,.customer-nebula-halo,.hero-title,.hero-chip,.redeem-card,.btn.primary,.xiaojiu-query-actions .btn,.aicloudplus-test-recharge-session-submit,.aicloudplus-floating-card-shell,.aicloudplus-floating-card-grid,.xiaojiu-query-panel,.aicloudplus-batch-status-results > article,.xiaojiu-tour-popover,.xiaojiu-tour-stage,.xiaojiu-tour-button.primary,.customer-theme-dialog[open]),
html[data-customer-theme="violet"] :is(.customer-nebula-disk-back,.customer-nebula-disk-front,.aicloudplus-floating-chip,.aicloudplus-test-recharge-panel)::before,
html[data-customer-theme="violet"] :is(.customer-nebula-disk-back,.customer-nebula-disk-front,.customer-nebula-horizon,.hero,.redeem-card,.aicloudplus-floating-card,.aicloudplus-test-recharge-fill,.customer-theme-preview)::after,
html[data-customer-theme="violet"] .customer-nebula-space::before,
html[data-customer-theme="violet"] .customer-nebula-space::after { animation-play-state: var(--nebula-motion-state) !important; }
@media (max-width: 760px) {
  html[data-customer-theme="violet"] .customer-nebula-hole { animation-duration: 20s; }
  html[data-customer-theme="violet"] .customer-nebula-space::before { opacity: .5; }
}
@media (prefers-reduced-motion: reduce) {
  /* No motion is forced on customers who request a static interface. Progress logic still runs. */
  html[data-customer-theme="violet"] *,
  html[data-customer-theme="violet"] *::before,
  html[data-customer-theme="violet"] *::after { animation: none !important; transition: none !important; }
  html[data-customer-theme="violet"] .customer-nebula-space::before,
  html[data-customer-theme="violet"] .customer-nebula-space::after { display: none; }
  html[data-customer-theme="violet"] .page .aicloudplus-floating-card { transform: none; }
}

/* Minimal blue: the fourth slot is a complete light interface, not a dark skin tinted blue. */
html[data-customer-theme="jade"] {
  color-scheme: light;
  --green: #067647; --green-soft: #ecfdf3; --red: #b42318; --red-soft: #fff1f2;
  --amber: #945d08; --amber-soft: #fff8e8; --blue: #1d4ed8; --blue-soft: #eff6ff;
}
html[data-customer-theme="jade"][data-customer-theme] body,
html[data-customer-theme="jade"] body .page { background: #f7f9fc !important; color: #182b49; }
html[data-customer-theme="jade"] #root .page::before,
html[data-customer-theme="jade"] #root .page::after,
html[data-customer-theme="jade"] #root .page .aicloudplus-floating-card-dock { display: none; }
html[data-customer-theme="jade"] #root .page .topbar { background: #ffffff !important; border-color: #e2e8f0 !important; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-customer-theme="jade"] #root .page .brand { color: #182b49 !important; font-weight: 600; }
html[data-customer-theme="jade"] #root .page .brand-mark .aicloudplus-site-logo { filter: grayscale(1) brightness(.65) sepia(1) saturate(4) hue-rotate(170deg); }
html[data-customer-theme="jade"] #root .page .language-switcher { background: #f8fafc !important; border-color: #d5deeb !important; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-customer-theme="jade"] #root .page .language-switcher :is(button,svg) { color: #52647d; }
html[data-customer-theme="jade"] #root .page .language-switcher button.active { background: #2563eb !important; color: #ffffff !important; border-color: #2563eb !important; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .language-switcher button:not(.active):hover { background: #eaf1ff; color: #1d4ed8; }
html[data-customer-theme="jade"] #root .page .system-pill { color: #52647d; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-customer-theme="jade"] #root .page .system-pill .dot { background: #067647; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .hero::before { content: "AICLOUDPLUS · SIMPLE & CLEAR"; color: #52647d !important; font-size: 10px; letter-spacing: .18em; border: 0; }
html[data-customer-theme="jade"] #root .page .hero::after { display: none; }
html[data-customer-theme="jade"] #root .page .hero-title {
  color: #183b72 !important; background: none !important; -webkit-text-fill-color: currentColor;
  font-family: var(--aicloudplus-font-ui,system-ui,sans-serif); font-weight: 650;
  font-size: clamp(38px,4.3vw,62px); letter-spacing: -.025em; text-shadow: none; animation: none;
}
html[data-customer-theme="jade"] #root .page .hero-subtitle { color: #52647d !important; text-shadow: none; }
html[data-customer-theme="jade"] #root .page .hero-chip { background: #ffffff !important; border-color: #dce5f1 !important; border-radius: 8px; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-customer-theme="jade"] #root .page .hero-chip-label { color: #3d526e !important; }
html[data-customer-theme="jade"] #root .page .main .redeem-card { background: #ffffff !important; border: 1px solid #dce5f1 !important; border-radius: 16px; box-shadow: 0 12px 36px #24446f0a; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card::before,
html[data-customer-theme="jade"] #root .page .main .redeem-card::after { display: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .card-head { border-color: #e2e8f0 !important; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .card-head h1 { color: #182b49 !important; font-family: var(--aicloudplus-font-ui,system-ui,sans-serif); font-size: clamp(24px,2.2vw,30px); font-weight: 600; letter-spacing: 0; text-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .step-kicker { color: #2563eb !important; letter-spacing: .06em; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .status-badge { color: #52647d; background: #f8fafc; border-color: #d5deeb; border-radius: 7px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .status-badge.pending { color: #945d08; background: #fff8e8; border-color: #e7c78e; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .status-badge.success { color: #067647; background: #ecfdf3; border-color: #9ad5b7; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .status-badge.failed { color: #b42318; background: #fff1f2; border-color: #edb2ad; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .step-header > span { color: #52647d; background: #f1f5f9; border-color: #d5deeb; border-radius: 7px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .step-header.active > span { background: #eaf1ff !important; color: #1d4ed8 !important; border-color: #c5d8fb !important; }
html[data-customer-theme="jade"] #root .page .main .redeem-card :is(.input-wrap,textarea) { background: #ffffff !important; border-color: #94a3b8 !important; border-radius: 8px; color: #182b49 !important; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card :is(.input-wrap input,textarea) { color: #182b49 !important; caret-color: #2563eb; }
html[data-customer-theme="jade"] #root .page .main .redeem-card :is(.input-wrap input,textarea)::placeholder { color: #52647d !important; opacity: 1; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .input-wrap svg { color: #52647d; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .input-wrap:focus-within,
html[data-customer-theme="jade"] #root .page .main .redeem-card textarea:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px #2563eb12; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-intro:not(.aicloudplus-inline-card-message-error) { background: transparent !important; border-color: transparent !important; border-radius: 0; padding-inline: 0; box-shadow: none; color: #52647d !important; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .btn { border-radius: 8px; box-shadow: none; text-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .btn::before,
html[data-customer-theme="jade"] #root .page .main .redeem-card .btn::after { display: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .btn.primary { background: #2563eb !important; color: #ffffff !important; border-color: #2563eb !important; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .btn.primary:hover:not(:disabled) { background: #1d4ed8 !important; border-color: #1d4ed8 !important; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .btn.secondary { background: #ffffff !important; border-color: #c3d0e3 !important; color: #24466f !important; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .btn.secondary:hover:not(:disabled) { background: #eff6ff !important; border-color: #90b4ef !important; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card :is(.link-button,.xiaojiu-faq-toggle) { color: #1d4ed8 !important; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-faq-item { color: #182b49; border-color: #e2e8f0; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-faq-item p { color: #52647d; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-intro.aicloudplus-inline-card-message-error { color: #b42318; background: #fff1f2; border-color: #edb2ad; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-intro.aicloudplus-inline-card-message-error[data-aicloudplus-inline-tone="neutral"] { color: #1d4ed8; background: #eff6ff; border-color: #bdd4fa; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-intro.aicloudplus-inline-card-message-error[data-aicloudplus-inline-tone="success"] { color: #067647; background: #ecfdf3; border-color: #9ad5b7; }
/* Light progress surfaces: labels stay dark; fill width and motion stay business-owned. */
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-panel {
  --minimal-progress: #2563eb; --minimal-bright: #60a5fa; --minimal-ink: #1d4ed8;
  --minimal-soft: #eff6ff; --minimal-line: #bdd4fa;
  background: #f8fbff; border-color: var(--minimal-line); border-radius: 10px; box-shadow: none;
}
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-panel.aicloudplus-test-recharge-complete { --minimal-progress: #067647; --minimal-bright: #48b88b; --minimal-ink: #067647; --minimal-soft: #ecfdf3; --minimal-line: #9ad5b7; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-panel.aicloudplus-test-recharge-failed { --minimal-progress: #b42318; --minimal-bright: #ed847c; --minimal-ink: #b42318; --minimal-soft: #fff1f2; --minimal-line: #edb2ad; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-panel::before { display: none; }
html[data-customer-theme="jade"] #root .page .redeem-card :is(.aicloudplus-test-recharge-label,.aicloudplus-test-recharge-session-label,.aicloudplus-test-recharge-account-label,.aicloudplus-test-recharge-entitlement-label,.aicloudplus-test-recharge-expiry-label) { color: #52647d; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-label::before { background: var(--minimal-progress); box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card :is(.aicloudplus-test-recharge-stage-row,.aicloudplus-test-recharge-account-email,.aicloudplus-test-recharge-entitlement,.aicloudplus-test-recharge-expiry) { color: #182b49; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-percent { color: var(--minimal-ink); background: var(--minimal-soft); border-color: var(--minimal-line); border-radius: 6px; box-shadow: none; font-variant-numeric: tabular-nums; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-pulse { background: var(--minimal-progress); border-color: var(--minimal-line); box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-track { background: #e8eef8; border-color: #d5deeb; border-radius: 5px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-fill { background: linear-gradient(90deg,var(--minimal-progress),var(--minimal-bright)); box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-fill::after { background: linear-gradient(90deg,transparent,#ffffff66,transparent); }
html[data-customer-theme="jade"] #root .page .redeem-card :is(.aicloudplus-test-recharge-detail,.aicloudplus-test-recharge-session,.aicloudplus-test-recharge-account-item) { color: #52647d; background: #ffffff; border-color: #d5deeb; border-radius: 8px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card :is(.aicloudplus-test-recharge-type,.aicloudplus-test-recharge-account-icon) { color: #1d4ed8; background: #eff6ff; border-color: #bdd4fa; border-radius: 6px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .aicloudplus-test-recharge-session-input.aicloudplus-test-recharge-session-invalid { background: #fff8f8 !important; border-color: #b42318 !important; box-shadow: 0 0 0 3px #b4231810; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-session-submit { background: #2563eb; color: #ffffff; border-color: #2563eb; border-radius: 8px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-session-submit:hover:not(:disabled) { background: #1d4ed8; border-color: #1d4ed8; }
/* Compact seven-field batch rows and their scroll bounds are retained. */
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-faq-toggle:has(+ .xiaojiu-query-panel) { background: #f0f5fe; border-color: #c7d8f2; color: #1d4ed8; border-radius: 8px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-faq-toggle:has(+ .xiaojiu-query-panel)::after,
html[data-customer-theme="jade"] #root .page .redeem-card .xiaojiu-query-panel > .field > span::after { background: #ffffff; color: #52647d; border-color: #d5deeb; border-radius: 4px; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-query-panel { --aicloudplus-batch-gold: #2563eb; background: #f8fbff !important; border-color: #c7d8f2 !important; border-radius: 10px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card .xiaojiu-query-panel::before,
html[data-customer-theme="jade"] #root .page .redeem-card .xiaojiu-query-panel::after { display: none; }
html[data-customer-theme="jade"] #root .page .redeem-card .xiaojiu-query-panel > .field > span { color: #182b49; }
html[data-customer-theme="jade"] #root .page .redeem-card .xiaojiu-query-panel > .field > span::before { border-color: #2563eb; background: #eff6ff; box-shadow: none; border-radius: 3px; transform: translateY(-50%); }
html[data-customer-theme="jade"] #root .page .redeem-card .xiaojiu-query-actions { border-color: #d5deeb; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-help { color: #52647d; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-query-actions .btn { background: #2563eb !important; color: #ffffff !important; border-color: #2563eb !important; border-radius: 8px; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .main .redeem-card .xiaojiu-query-actions .btn:hover:not(:disabled) { background: #1d4ed8 !important; border-color: #1d4ed8 !important; box-shadow: none; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results { background: #ffffff; border-color: #d5deeb; border-radius: 8px; box-shadow: none; scrollbar-color: #94a3b8 #f8fafc; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results > article { border-color: #e2e8f0; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results strong { color: #182b49; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results small { color: #52647d; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results span,
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results > p { color: #344963; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="success"] [data-batch-status] { color: #067647; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="processing"] [data-batch-status],
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="queued"] [data-batch-status] { color: #1d4ed8; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="unknown"] [data-batch-status] { color: #945d08; }
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results [data-batch-error],
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="failed"] [data-batch-status],
html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-batch-status-results [data-batch-state="invalid"] [data-batch-status] { color: #b42318; }
/* Light theme picker and body-mounted onboarding need explicit light chrome. */
html[data-customer-theme="jade"] :is(.customer-theme-trigger,.invoice-assistant-fab) { color: #1d4ed8; background: #ffffff; border-color: #c7d8f2; border-radius: 9px; box-shadow: 0 4px 14px #24446f08; }
html[data-customer-theme="jade"] .customer-theme-dialog { color-scheme: light; background: #ffffff; border-color: #d5deeb; border-radius: 16px; box-shadow: 0 20px 60px #182b4926; }
html[data-customer-theme="jade"] .customer-theme-dialog::backdrop { background: #182b492e; }
html[data-customer-theme="jade"] .customer-theme-option { background: #f8fafc; }
html[data-customer-theme="jade"] .customer-theme-option[aria-pressed="true"] { background: #eff6ff; }
html[data-customer-theme="jade"] .customer-theme-selected { color: #ffffff; }
html[data-customer-theme="jade"] .customer-theme-close,
html[data-customer-theme="jade"] .customer-theme-reset { color: #24466f; background: #f8fafc; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-mask { fill: #182b4980; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-stage { border-color: #2563eb; border-radius: 10px; box-shadow: 0 0 0 3px #2563eb26; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-hole { rx: 10px; ry: 10px; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-popover { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; color: #182b49; background: #ffffff; border-color: #b5cae9; border-radius: 12px; box-shadow: 0 12px 36px #182b492b; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-popover p { color: #52647d; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-progress { color: #1d4ed8; background: #eff6ff; border-radius: 5px; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-button { color: #24466f; background: #f8fafc; border-color: #c7d8f2; border-radius: 7px; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-button.primary { color: #ffffff; background: #2563eb; border-color: #2563eb; }
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-button.primary:hover { background: #1d4ed8; }
html[data-customer-theme="jade"] #root .page .redeem-card :is(.btn,.aicloudplus-test-recharge-session-submit,.aicloudplus-batch-status-results):focus-visible,
html[data-customer-theme="jade"] .xiaojiu-tour .xiaojiu-tour-button:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
@media (max-width: 760px) {
  html[data-customer-theme="jade"] #root .page .hero-title { font-size: clamp(29px,7.6vw,42px); line-height: 1.3; }
  html[data-customer-theme="jade"] #root .page .hero::before { font-size: 9px; letter-spacing: .12em; }
}

html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-panel:not(.aicloudplus-test-recharge-complete):not(.aicloudplus-test-recharge-failed) .aicloudplus-test-recharge-pulse { animation-name: customer-minimal-pulse; }
@keyframes customer-minimal-pulse { 0%,100% { opacity: 1; } 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) {
  html[data-customer-theme="jade"] #root .page .redeem-card .aicloudplus-test-recharge-pulse { animation: none; }
}