:root {
  --px-bg: #07090c;
  --px-bg-2: #0d1418;
  --px-panel: rgba(10, 15, 20, 0.78);
  --px-panel-strong: rgba(12, 18, 24, 0.94);
  --px-panel-soft: rgba(255, 255, 255, 0.055);
  --px-line: rgba(255, 255, 255, 0.13);
  --px-line-soft: rgba(255, 255, 255, 0.08);
  --px-text: #f4f8fb;
  --px-muted: #aab7c4;
  --px-dim: #7f909f;
  --px-green: #28e0a0;
  --px-lime: #b7f84e;
  --px-cyan: #4cc9f0;
  --px-amber: #f4b942;
  --px-coral: #ff6b5f;
  --px-shadow: rgba(0, 0, 0, 0.42);
}

html.platform-theme,
html.platform-theme body,
html.platform-theme #app {
  min-height: 100%;
  background:
    radial-gradient(circle at 16% 12%, rgba(40, 224, 160, 0.16), transparent 30rem),
    radial-gradient(circle at 86% 8%, rgba(244, 185, 66, 0.11), transparent 30rem),
    linear-gradient(135deg, var(--px-bg) 0%, var(--px-bg-2) 48%, #080a0e 100%) !important;
  color: var(--px-text) !important;
  letter-spacing: 0 !important;
}

html.platform-theme body {
  isolation: isolate;
}

html.platform-theme body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: 0.78;
  mask-image: linear-gradient(to bottom, black, transparent 86%);
}

html.platform-theme body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 28% 34%, rgba(76, 201, 240, 0.09), transparent 24rem),
    radial-gradient(circle at 76% 72%, rgba(40, 224, 160, 0.1), transparent 28rem);
}

html.platform-theme #app {
  position: relative;
  z-index: 1;
}

html.platform-theme *,
html.platform-theme ::before,
html.platform-theme ::after {
  border-color: var(--px-line-soft) !important;
}

html.platform-theme .bg-mesh-gradient {
  background:
    radial-gradient(circle at 24% 20%, rgba(40, 224, 160, 0.14), transparent 32rem),
    radial-gradient(circle at 86% 8%, rgba(244, 185, 66, 0.12), transparent 34rem) !important;
  opacity: 1 !important;
}

html.platform-theme .min-h-screen.bg-gray-50,
html.platform-theme .bg-gray-50,
html.platform-theme .bg-gray-100,
html.platform-theme .bg-slate-50,
html.platform-theme .bg-white,
html.platform-theme .dark\:bg-dark-950:is(.dark *),
html.platform-theme .dark\:bg-dark-900:is(.dark *),
html.platform-theme .dark\:bg-dark-800:is(.dark *) {
  background-color: transparent !important;
}

html.platform-theme .sidebar {
  border-right: 1px solid var(--px-line) !important;
  background: linear-gradient(180deg, rgba(10, 15, 20, 0.95), rgba(9, 14, 18, 0.78)) !important;
  box-shadow: 24px 0 70px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(22px);
}

html.platform-theme .sidebar-header {
  border-bottom: 1px solid var(--px-line-soft) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

html.platform-theme .sidebar-logo {
  border: 1px solid rgba(76, 201, 240, 0.5) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(40, 224, 160, 0.18), rgba(244, 185, 66, 0.12)) !important;
  box-shadow: 0 0 34px rgba(40, 224, 160, 0.18) !important;
}

html.platform-theme .platform-icon-image,
html.platform-theme img[alt="Logo"] {
  border-radius: 8px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.34)) drop-shadow(0 0 16px rgba(40, 224, 160, 0.18)) !important;
}

html.platform-theme .platform-hidden-theme-toggle {
  display: none !important;
}

html.platform-theme .sidebar-brand-title,
html.platform-theme .text-gray-900,
html.platform-theme .text-gray-800,
html.platform-theme .text-dark-50,
html.platform-theme .dark\:text-white:is(.dark *),
html.platform-theme .dark\:text-gray-100:is(.dark *) {
  color: var(--px-text) !important;
}

html.platform-theme .text-gray-700,
html.platform-theme .text-gray-600,
html.platform-theme .text-gray-500,
html.platform-theme .text-dark-300,
html.platform-theme .text-dark-400,
html.platform-theme .dark\:text-dark-300:is(.dark *),
html.platform-theme .dark\:text-dark-400:is(.dark *),
html.platform-theme .dark\:text-gray-400:is(.dark *) {
  color: var(--px-muted) !important;
}

html.platform-theme .sidebar-link {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: var(--px-muted) !important;
  background: transparent !important;
}

html.platform-theme .sidebar-link:hover {
  border-color: rgba(40, 224, 160, 0.22) !important;
  color: var(--px-text) !important;
  background: rgba(40, 224, 160, 0.08) !important;
}

html.platform-theme .sidebar-link-active,
html.platform-theme .router-link-active.sidebar-link {
  border-color: rgba(40, 224, 160, 0.58) !important;
  color: #06110d !important;
  background: linear-gradient(135deg, var(--px-green), var(--px-amber)) !important;
  box-shadow: 0 16px 40px rgba(40, 224, 160, 0.2) !important;
}

html.platform-theme .sidebar-link-active svg,
html.platform-theme .router-link-active.sidebar-link svg,
html.platform-theme .sidebar-link-active .sidebar-label,
html.platform-theme .router-link-active.sidebar-link .sidebar-label {
  color: #06110d !important;
}

html.platform-theme header,
html.platform-theme [class*="app-header"],
html.platform-theme [class*="AppHeader"],
html.platform-theme .sticky.top-0 {
  border-color: var(--px-line-soft) !important;
  background: rgba(7, 9, 12, 0.74) !important;
  backdrop-filter: blur(20px);
}

html.platform-theme main,
html.platform-theme .lg\:ml-64,
html.platform-theme .lg\:ml-\[72px\] {
  background: transparent !important;
}

html.platform-theme .card,
html.platform-theme [class*="rounded-xl"].bg-white,
html.platform-theme [class*="rounded-2xl"].bg-white,
html.platform-theme [class*="rounded-xl"][class*="bg-white"],
html.platform-theme [class*="rounded-2xl"][class*="bg-white"],
html.platform-theme [class*="shadow-sm"],
html.platform-theme [class*="shadow-md"],
html.platform-theme [class*="shadow-lg"] {
  border: 1px solid var(--px-line) !important;
  border-radius: 8px !important;
  background: var(--px-panel) !important;
  box-shadow: 0 22px 60px var(--px-shadow) !important;
  backdrop-filter: blur(18px);
}

html.platform-theme .rounded-xl,
html.platform-theme .rounded-2xl,
html.platform-theme .rounded-lg {
  border-radius: 8px !important;
}

html.platform-theme .btn,
html.platform-theme button,
html.platform-theme a[role="button"] {
  border-radius: 8px !important;
}

html.platform-theme .btn-primary,
html.platform-theme button[type="submit"],
html.platform-theme .bg-primary-500,
html.platform-theme .bg-primary-600,
html.platform-theme .from-primary-500,
html.platform-theme .from-primary-600 {
  border: 1px solid rgba(40, 224, 160, 0.65) !important;
  color: #06110d !important;
  background: linear-gradient(135deg, var(--px-green), var(--px-amber)) !important;
  box-shadow: 0 18px 42px rgba(40, 224, 160, 0.22) !important;
}

html.platform-theme .btn-secondary,
html.platform-theme .btn-ghost,
html.platform-theme .bg-gray-100,
html.platform-theme .bg-gray-200,
html.platform-theme .dark\:bg-dark-700:is(.dark *) {
  border: 1px solid var(--px-line) !important;
  color: var(--px-text) !important;
  background: var(--px-panel-soft) !important;
}

html.platform-theme .btn:hover,
html.platform-theme button:hover {
  transform: translateY(-1px);
}

html.platform-theme input:not([type="checkbox"]):not([type="radio"]),
html.platform-theme textarea,
html.platform-theme select {
  border: 1px solid var(--px-line) !important;
  border-radius: 8px !important;
  background: rgba(7, 11, 15, 0.75) !important;
  color: var(--px-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html.platform-theme input::placeholder,
html.platform-theme textarea::placeholder {
  color: var(--px-dim) !important;
}

html.platform-theme input:focus,
html.platform-theme textarea:focus,
html.platform-theme select:focus {
  border-color: rgba(40, 224, 160, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(40, 224, 160, 0.16) !important;
  outline: none !important;
}

html.platform-theme table {
  overflow: hidden;
  border-radius: 8px !important;
  background: rgba(8, 12, 16, 0.55) !important;
}

html.platform-theme thead,
html.platform-theme th {
  color: var(--px-muted) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

html.platform-theme td {
  color: var(--px-text) !important;
}

html.platform-theme th.sticky-col,
html.platform-theme td.sticky-col,
html.platform-theme th.sticky-col-left,
html.platform-theme td.sticky-col-left,
html.platform-theme th.sticky-col-right,
html.platform-theme td.sticky-col-right {
  background: rgba(8, 12, 16, 0.94) !important;
  box-shadow: 12px 0 22px rgba(0, 0, 0, 0.18) !important;
}

html.platform-theme tbody tr {
  background: transparent !important;
}

html.platform-theme tbody tr:hover {
  background: rgba(40, 224, 160, 0.075) !important;
}

html.platform-theme .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html.platform-theme .divide-gray-200 > :not([hidden]) ~ :not([hidden]),
html.platform-theme .dark\:divide-dark-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--px-line-soft) !important;
}

html.platform-theme .bg-green-50,
html.platform-theme .bg-emerald-50,
html.platform-theme .dark\:bg-green-900\/20:is(.dark *),
html.platform-theme .dark\:bg-emerald-900\/20:is(.dark *) {
  background: rgba(40, 224, 160, 0.1) !important;
}

html.platform-theme .bg-blue-50,
html.platform-theme .dark\:bg-blue-900\/20:is(.dark *) {
  background: rgba(76, 201, 240, 0.1) !important;
}

html.platform-theme .bg-yellow-50,
html.platform-theme .bg-amber-50,
html.platform-theme .dark\:bg-yellow-900\/20:is(.dark *),
html.platform-theme .dark\:bg-amber-900\/20:is(.dark *) {
  background: rgba(244, 185, 66, 0.11) !important;
}

html.platform-theme .bg-red-50,
html.platform-theme .dark\:bg-red-900\/20:is(.dark *) {
  background: rgba(255, 107, 95, 0.1) !important;
}

html.platform-theme .text-green-600,
html.platform-theme .text-emerald-600,
html.platform-theme .dark\:text-green-400:is(.dark *),
html.platform-theme .dark\:text-emerald-400:is(.dark *) {
  color: var(--px-green) !important;
}

html.platform-theme .text-blue-600,
html.platform-theme .dark\:text-blue-400:is(.dark *) {
  color: var(--px-green) !important;
}

html.platform-theme .text-yellow-600,
html.platform-theme .text-amber-600,
html.platform-theme .dark\:text-yellow-400:is(.dark *),
html.platform-theme .dark\:text-amber-400:is(.dark *) {
  color: var(--px-amber) !important;
}

html.platform-theme .text-red-600,
html.platform-theme .dark\:text-red-400:is(.dark *) {
  color: var(--px-coral) !important;
}

html.platform-theme .navigation-progress-bar {
  background: linear-gradient(90deg, transparent, var(--px-green), var(--px-amber), transparent) !important;
}

html.platform-theme .modal,
html.platform-theme [role="dialog"] > div,
html.platform-theme .fixed.inset-0 > [class*="bg-white"] {
  border: 1px solid var(--px-line) !important;
  background: var(--px-panel-strong) !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.56) !important;
}

html.platform-theme .bg-black,
html.platform-theme .bg-gray-900 {
  background-color: rgba(0, 0, 0, 0.62) !important;
}

html.platform-theme .markdown-body,
html.platform-theme .prose {
  color: var(--px-muted) !important;
}

html.platform-theme.theme-auth body {
  min-height: 100vh;
}

html.platform-theme.theme-auth #app {
  min-height: 100vh;
}

html.platform-theme.theme-auth .min-h-screen {
  background: transparent !important;
}

html.platform-theme.theme-auth .min-h-screen::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: 0.84;
}

html.platform-theme.theme-auth .min-h-screen > * {
  position: relative;
  z-index: 1;
}

html.platform-theme.theme-auth form,
html.platform-theme.theme-auth .max-w-md,
html.platform-theme.theme-auth .max-w-lg,
html.platform-theme.theme-auth [class*="max-w-md"],
html.platform-theme.theme-auth [class*="max-w-lg"] {
  border-radius: 8px !important;
}

html.platform-theme.theme-auth .max-w-md,
html.platform-theme.theme-auth .max-w-lg,
html.platform-theme.theme-auth [class*="max-w-md"],
html.platform-theme.theme-auth [class*="max-w-lg"] {
  background: transparent !important;
}

html.platform-theme.theme-auth [class*="bg-white"],
html.platform-theme.theme-auth [class*="bg-gray-50"],
html.platform-theme.theme-auth [class*="bg-gray-100"],
html.platform-theme.theme-auth [class*="bg-slate-50"],
html.platform-theme.theme-auth [class*="dark:bg-dark"] {
  background-color: transparent !important;
}

html.platform-theme.theme-auth .card-glass {
  border: 1px solid rgba(40, 224, 160, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(13, 20, 25, 0.96), rgba(7, 11, 15, 0.92)),
    radial-gradient(circle at 12% 12%, rgba(40, 224, 160, 0.14), transparent 18rem) !important;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  color: var(--px-text) !important;
  backdrop-filter: blur(22px);
}

html.platform-theme.theme-auth form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--px-text) !important;
  backdrop-filter: none;
}

html.platform-theme.theme-auth h1,
html.platform-theme.theme-auth h2 {
  color: var(--px-text) !important;
}

html.platform-theme.theme-auth p,
html.platform-theme.theme-auth span,
html.platform-theme.theme-auth label,
html.platform-theme.theme-auth .text-sm,
html.platform-theme.theme-auth .text-xs,
html.platform-theme.theme-auth .text-gray-400,
html.platform-theme.theme-auth .text-gray-500,
html.platform-theme.theme-auth .text-gray-600,
html.platform-theme.theme-auth .dark\:text-gray-400:is(.dark *),
html.platform-theme.theme-auth .dark\:text-dark-300:is(.dark *),
html.platform-theme.theme-auth .dark\:text-dark-400:is(.dark *) {
  color: var(--px-muted) !important;
}

html.platform-theme.theme-auth form label,
html.platform-theme.theme-auth form .text-primary-500,
html.platform-theme.theme-auth form .text-primary-600,
html.platform-theme.theme-auth form .text-blue-500,
html.platform-theme.theme-auth form .text-blue-600,
html.platform-theme.theme-auth form [class*="text-primary"],
html.platform-theme.theme-auth form [class*="text-blue"] {
  color: var(--px-lime) !important;
  font-weight: 600 !important;
}

html.platform-theme.theme-auth input:not([type="checkbox"]):not([type="radio"]),
html.platform-theme.theme-auth textarea,
html.platform-theme.theme-auth select {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(6, 10, 14, 0.94) !important;
  color: var(--px-text) !important;
}

html.platform-theme.theme-auth input:-webkit-autofill,
html.platform-theme.theme-auth input:-webkit-autofill:hover,
html.platform-theme.theme-auth input:-webkit-autofill:focus,
html.platform-theme.theme-auth input:autofill,
html.platform-theme.theme-auth input:autofill:hover,
html.platform-theme.theme-auth input:autofill:focus,
html.platform-theme.theme-auth textarea:-webkit-autofill,
html.platform-theme.theme-auth textarea:-webkit-autofill:hover,
html.platform-theme.theme-auth textarea:-webkit-autofill:focus,
html.platform-theme.theme-auth textarea:autofill,
html.platform-theme.theme-auth textarea:autofill:hover,
html.platform-theme.theme-auth textarea:autofill:focus,
html.platform-theme.theme-auth select:-webkit-autofill,
html.platform-theme.theme-auth select:-webkit-autofill:hover,
html.platform-theme.theme-auth select:-webkit-autofill:focus,
html.platform-theme.theme-auth select:autofill,
html.platform-theme.theme-auth select:autofill:hover,
html.platform-theme.theme-auth select:autofill:focus {
  border-color: rgba(183, 248, 78, 0.38) !important;
  background-color: rgba(6, 10, 14, 0.94) !important;
  box-shadow: 0 0 0 1000px rgba(6, 10, 14, 0.94) inset, 0 0 0 1px rgba(183, 248, 78, 0.18) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(6, 10, 14, 0.94) inset, 0 0 0 1px rgba(183, 248, 78, 0.18) !important;
  -webkit-text-fill-color: var(--px-text) !important;
  caret-color: var(--px-text) !important;
  transition: background-color 999999s ease-in-out 0s, color 999999s ease-in-out 0s !important;
}

html.platform-theme.theme-auth input::placeholder,
html.platform-theme.theme-auth textarea::placeholder {
  color: #9dacba !important;
}

html.platform-theme.theme-auth svg {
  color: var(--px-muted) !important;
}

html.platform-theme.theme-auth button[type="submit"],
html.platform-theme.theme-auth button[type="submit"] * {
  color: #06110d !important;
}

html.platform-theme.theme-auth a {
  color: var(--px-green) !important;
  font-weight: 700 !important;
}

html.platform-theme.theme-auth .card-glass {
  position: relative;
}

html.platform-theme.theme-auth .platform-auth-back {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 4;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(183, 248, 78, 0.28) !important;
  border-radius: 8px !important;
  color: var(--px-lime) !important;
  background: rgba(183, 248, 78, 0.055) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 24px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

html.platform-theme.theme-auth .platform-auth-back:hover {
  border-color: rgba(183, 248, 78, 0.62) !important;
  color: #06110d !important;
  background: linear-gradient(135deg, var(--px-green), var(--px-lime)) !important;
  transform: translateX(-2px);
}

html.platform-theme.theme-auth .platform-auth-back:focus-visible {
  outline: 2px solid var(--px-lime) !important;
  outline-offset: 3px;
}

html.platform-theme.theme-auth .platform-auth-back svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 520px) {
  html.platform-theme.theme-auth .platform-auth-back {
    top: 14px;
    left: 14px;
    width: 36px;
    height: 36px;
  }
}

html.platform-theme .platform-model-card {
  position: relative;
  padding: 18px !important;
  border-color: rgba(183, 248, 78, 0.22) !important;
  background:
    radial-gradient(circle at 12% 28%, rgba(183, 248, 78, 0.12), transparent 17rem),
    radial-gradient(circle at 82% 0%, rgba(40, 224, 160, 0.1), transparent 18rem),
    linear-gradient(145deg, rgba(8, 13, 12, 0.92), rgba(8, 11, 14, 0.86)) !important;
  box-shadow:
    0 26px 74px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html.platform-theme .platform-model-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(183, 248, 78, 0.5), rgba(40, 224, 160, 0.34), transparent);
}

html.platform-theme .platform-model-title {
  display: flex !important;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px !important;
  color: var(--px-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html.platform-theme .platform-model-title::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 2px;
  background: linear-gradient(135deg, var(--px-lime), var(--px-green));
  box-shadow: 0 0 18px rgba(183, 248, 78, 0.58);
}

html.platform-theme .platform-model-layout {
  align-items: stretch !important;
  gap: 14px !important;
  min-width: 0;
}

html.platform-theme .platform-model-chart {
  display: grid !important;
  place-items: center;
  width: 164px !important;
  height: 164px !important;
  flex: 0 0 164px !important;
  padding: 12px;
  border: 1px solid rgba(183, 248, 78, 0.18) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle, rgba(183, 248, 78, 0.08), transparent 64%),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html.platform-theme .platform-model-chart canvas {
  width: 140px !important;
  height: 140px !important;
  filter: saturate(0.72) brightness(1.08) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.34));
}

html.platform-theme .platform-model-table-wrap {
  min-width: 0;
  max-height: none !important;
  flex: 1 1 auto !important;
  overflow: auto;
  padding: 4px 0 2px;
}

html.platform-theme .platform-model-table {
  width: 100%;
  min-width: 0;
  border-collapse: separate !important;
  border-spacing: 0 6px !important;
  overflow: visible;
  border-radius: 0 !important;
  background: transparent !important;
}

html.platform-theme .platform-model-table thead,
html.platform-theme .platform-model-table th {
  border: 0 !important;
  background: transparent !important;
  color: var(--px-lime) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html.platform-theme .platform-model-table th,
html.platform-theme .platform-model-table td {
  padding: 6px 4px !important;
  white-space: nowrap;
}

html.platform-theme .platform-model-table tbody tr {
  background: rgba(255, 255, 255, 0.045) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045) !important;
}

html.platform-theme .platform-model-table tbody tr:hover {
  background: rgba(183, 248, 78, 0.09) !important;
  box-shadow: inset 0 0 0 1px rgba(183, 248, 78, 0.17) !important;
}

html.platform-theme .platform-model-table tbody td {
  border-top: 0 !important;
  color: #dce8e0 !important;
}

html.platform-theme .platform-model-table tbody td:first-child {
  border-radius: 8px 0 0 8px;
  color: #f7ffe7 !important;
  font-weight: 700;
}

html.platform-theme .platform-model-table tbody td:last-child {
  border-radius: 0 8px 8px 0;
}

html.platform-theme .platform-model-table tbody td:nth-child(4) {
  color: var(--px-green) !important;
  font-weight: 800;
  text-shadow: 0 0 18px rgba(40, 224, 160, 0.28);
}

@media (max-width: 768px) {
  html.platform-theme .sidebar {
    background: rgba(7, 9, 12, 0.96) !important;
  }

  html.platform-theme .platform-model-layout {
    flex-direction: column !important;
  }

  html.platform-theme .platform-model-chart {
    width: 100% !important;
    max-width: 240px;
    align-self: center;
  }

  html.platform-theme [class*="rounded-xl"].bg-white,
  html.platform-theme [class*="rounded-2xl"].bg-white,
  html.platform-theme [class*="shadow"] {
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3) !important;
  }
}

html.platform-theme a[href="/monitor"],
html.platform-theme .platform-hidden-feature {
  display: none !important;
}

html.platform-theme .platform-api-access-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
  border: 1px solid rgba(76, 201, 240, 0.26) !important;
  border-radius: 10px;
  background:
    radial-gradient(circle at 8% 0%, rgba(76, 201, 240, 0.13), transparent 24rem),
    radial-gradient(circle at 92% 100%, rgba(40, 224, 160, 0.12), transparent 22rem),
    linear-gradient(145deg, rgba(10, 16, 22, 0.96), rgba(8, 12, 16, 0.9)) !important;
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html.platform-theme .platform-api-access-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(76, 201, 240, 0.62), rgba(40, 224, 160, 0.52), transparent);
}

html.platform-theme .platform-api-access-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

html.platform-theme .platform-api-access-kicker,
html.platform-theme .platform-api-panel-label {
  display: block;
  color: var(--px-cyan) !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

html.platform-theme .platform-api-access-header h2 {
  margin: 4px 0 0;
  color: var(--px-text) !important;
  font-size: 19px;
  font-weight: 900;
}

html.platform-theme .platform-api-access-header p {
  margin: 5px 0 0;
  color: var(--px-muted) !important;
  font-size: 13px;
}

html.platform-theme .platform-api-access-status {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 7px;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(40, 224, 160, 0.24) !important;
  border-radius: 999px;
  color: #c8fff0 !important;
  background: rgba(40, 224, 160, 0.08) !important;
  font-size: 11px;
  font-weight: 800;
}

html.platform-theme .platform-api-access-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--px-green);
  box-shadow: 0 0 14px rgba(40, 224, 160, 0.8);
}

html.platform-theme .platform-api-access-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  gap: 14px;
}

html.platform-theme .platform-api-base-panel,
html.platform-theme .platform-api-model-panel {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035) !important;
}

html.platform-theme .platform-api-base-row {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  margin-top: 10px;
  padding: 5px 6px 5px 14px;
  border: 1px solid rgba(76, 201, 240, 0.2) !important;
  border-radius: 8px;
  background: rgba(4, 9, 13, 0.72) !important;
}

html.platform-theme .platform-api-base-row code {
  min-width: 0;
  overflow: hidden;
  flex: 1 1 auto;
  color: #e9fff7 !important;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.platform-theme .platform-api-copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  min-height: 36px;
  margin-left: 10px;
  gap: 7px;
  border: 1px solid rgba(40, 224, 160, 0.54) !important;
  border-radius: 7px !important;
  color: #07130e !important;
  background: linear-gradient(135deg, var(--px-green), var(--px-lime)) !important;
  box-shadow: 0 10px 26px rgba(40, 224, 160, 0.16) !important;
  font-size: 12px;
  font-weight: 900;
}

html.platform-theme .platform-api-copy-button svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

html.platform-theme .platform-api-copy-button.is-copied {
  color: #d9fff1 !important;
  background: rgba(40, 224, 160, 0.13) !important;
}

html.platform-theme .platform-api-model-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

html.platform-theme .platform-api-model-item {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  min-height: 72px;
  gap: 10px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px;
  background: rgba(5, 10, 14, 0.58) !important;
}

html.platform-theme .platform-api-model-item:nth-child(3) {
  grid-column: 1 / -1;
}

html.platform-theme .platform-gpt-icon {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  overflow: hidden;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 9px;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(40, 224, 160, 0.16);
}

html.platform-theme .platform-gpt-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: contain;
}

html.platform-theme .platform-api-model-item code {
  min-width: 0;
  overflow: hidden;
  color: #ecfff8 !important;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.platform-theme .platform-api-model-details {
  min-width: 0;
  padding-top: 1px;
}

html.platform-theme .platform-api-model-use {
  margin: 5px 0 0;
  color: var(--px-muted) !important;
  font-size: 10px;
  line-height: 1.45;
}

@media (max-width: 900px) {
  html.platform-theme .platform-api-access-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  html.platform-theme .platform-api-access-card {
    padding: 17px;
  }

  html.platform-theme .platform-api-model-list {
    grid-template-columns: 1fr;
  }

  html.platform-theme .platform-api-access-status {
    display: none;
  }
}



/* Interactive authentication scene and direct email verification */
html.platform-theme.theme-auth body {
  min-height: 100vh;
  background:
    radial-gradient(circle at var(--auth-pointer-x, 68vw) var(--auth-pointer-y, 34vh), rgba(73, 255, 157, 0.09), transparent 27rem),
    radial-gradient(circle at 12% 88%, rgba(216, 255, 71, 0.07), transparent 30rem),
    #05090b !important;
}

html.platform-theme .platform-auth-scene {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.96;
}

html.platform-theme.theme-auth .min-h-screen::before {
  opacity: 0.46;
  mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.35));
}

html.platform-theme.theme-auth .platform-inline-email-verify {
  position: relative;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.platform-theme.theme-auth .platform-inline-email-verify.is-complete {
  border: 0 !important;
  box-shadow: none !important;
}

html.platform-theme.theme-auth .platform-email-verify-head,
html.platform-theme.theme-auth .platform-email-verify-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

html.platform-theme.theme-auth .platform-email-verify-head {
  margin-bottom: 8px;
}

html.platform-theme.theme-auth .platform-email-verify-head label {
  margin: 0 !important;
}

html.platform-theme.theme-auth .platform-email-step {
  display: none !important;
}

html.platform-theme.theme-auth .platform-email-code-input {
  flex: 1;
  min-width: 0;
  min-height: 42px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

html.platform-theme.theme-auth .platform-send-email-code {
  flex: 0 0 112px;
  min-height: 42px;
  border: 1px solid rgba(183, 248, 78, 0.42);
  border-radius: 8px;
  color: #06110d !important;
  background: linear-gradient(125deg, var(--px-green), var(--px-lime));
  box-shadow: 0 8px 20px rgba(63, 232, 155, 0.12);
  font-size: 12px;
  font-weight: 850;
  transition: transform 160ms ease, filter 160ms ease, opacity 160ms ease;
}

html.platform-theme.theme-auth .platform-send-email-code:not(:disabled):hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

html.platform-theme.theme-auth .platform-send-email-code:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

html.platform-theme.theme-auth .platform-email-code-hint,
html.platform-theme.theme-auth .platform-email-code-status,
html.platform-theme.theme-auth .platform-field-error {
  margin: 6px 1px 0 !important;
  font-size: 11px !important;
}

html.platform-theme.theme-auth .platform-email-code-status {
  color: var(--px-green) !important;
  font-weight: 700 !important;
}

html.platform-theme.theme-auth .platform-field-error {
  color: #fb7185 !important;
}

@media (max-width: 520px) {
  html.platform-theme.theme-auth .platform-inline-email-verify {
    padding: 0;
  }

  html.platform-theme.theme-auth .platform-send-email-code {
    flex-basis: 98px;
  }
}
/* Native announcement popup */
html.platform-theme .platform-announcement-overlay {
  background: rgba(3, 9, 7, 0.82) !important;
  backdrop-filter: blur(12px) !important;
}

html.platform-theme .platform-announcement-card {
  overflow: hidden !important;
  border: 1px solid rgba(183, 248, 78, 0.28) !important;
  border-radius: 8px !important;
  background: #07100d !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55), 0 0 38px rgba(53, 216, 129, 0.1) !important;
}

html.platform-theme .platform-announcement-header {
  border-color: rgba(183, 248, 78, 0.16) !important;
  background: linear-gradient(120deg, rgba(53, 216, 129, 0.13), rgba(207, 255, 88, 0.055) 56%, rgba(7, 16, 13, 0.96)) !important;
}

html.platform-theme .platform-announcement-header > .absolute {
  display: none !important;
}

html.platform-theme .platform-announcement-header .h-10.w-10 {
  border-radius: 7px !important;
  color: #07100d !important;
  background: linear-gradient(135deg, #35d881, #cfff58 72%, #f6c453) !important;
  box-shadow: 0 0 22px rgba(183, 248, 78, 0.18) !important;
}

html.platform-theme .platform-announcement-header .inline-flex.rounded-lg {
  border: 1px solid rgba(183, 248, 78, 0.28) !important;
  border-radius: 7px !important;
  color: #cfff58 !important;
  background: rgba(183, 248, 78, 0.08) !important;
  box-shadow: none !important;
}

html.platform-theme .platform-announcement-header .inline-flex.rounded-lg span span {
  background: #cfff58 !important;
}

html.platform-theme .platform-announcement-header h2 {
  color: #f2faf5 !important;
}

html.platform-theme .platform-announcement-header time,
html.platform-theme .platform-announcement-header .text-gray-600,
html.platform-theme .platform-announcement-header .dark\:text-gray-400:is(.dark *) {
  color: #91a69d !important;
}

html.platform-theme .platform-announcement-content {
  color: #c7d5cf !important;
  background: #08110f !important;
  scrollbar-color: rgba(183, 248, 78, 0.48) rgba(255, 255, 255, 0.04);
}

html.platform-theme .platform-announcement-content .absolute.left-0 {
  background: linear-gradient(180deg, #35d881, #cfff58 68%, #f6c453) !important;
}

html.platform-theme .platform-announcement-content .markdown-body,
html.platform-theme .platform-announcement-content .prose {
  color: #b9cac2 !important;
}

html.platform-theme .platform-announcement-content .markdown-body h1,
html.platform-theme .platform-announcement-content .markdown-body h2,
html.platform-theme .platform-announcement-content .markdown-body h3,
html.platform-theme .platform-announcement-content .markdown-body strong,
html.platform-theme .platform-announcement-content .prose h1,
html.platform-theme .platform-announcement-content .prose h2,
html.platform-theme .platform-announcement-content .prose h3,
html.platform-theme .platform-announcement-content .prose strong {
  color: #f2faf5 !important;
}

html.platform-theme .platform-announcement-content .markdown-body li::marker,
html.platform-theme .platform-announcement-content .prose li::marker {
  color: #cfff58 !important;
  font-weight: 800;
}

html.platform-theme .platform-announcement-footer {
  border-color: rgba(183, 248, 78, 0.14) !important;
  background: #07100d !important;
}

html.platform-theme .platform-announcement-confirm {
  min-width: 132px;
  min-height: 44px;
  border: 1px solid rgba(183, 248, 78, 0.46) !important;
  border-radius: 7px !important;
  color: #07100d !important;
  background: linear-gradient(100deg, #35d881, #cfff58 72%, #f6c453) !important;
  box-shadow: 0 12px 28px rgba(53, 216, 129, 0.15) !important;
  font-weight: 850 !important;
}

html.platform-theme .platform-announcement-confirm:hover {
  filter: brightness(1.06);
  transform: translateY(-1px) !important;
}

html.platform-theme .platform-announcement-confirm span,
html.platform-theme .platform-announcement-confirm svg {
  color: #07100d !important;
  stroke: currentColor !important;
}

@media (max-width: 700px) {
  html.platform-theme .platform-announcement-overlay {
    padding: 12px !important;
    padding-top: 4vh !important;
  }

  html.platform-theme .platform-announcement-header,
  html.platform-theme .platform-announcement-content,
  html.platform-theme .platform-announcement-footer {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}



/* === CX ADVANCED UI TEMPLATE TRIAL START === */
:root {
  /* ?? advanced-ui-template ? Aurora ???? / ? / ? */
  --cx-adv-bg: #060711;
  --cx-adv-bg-2: #0d1020;
  --cx-adv-card: rgba(255, 255, 255, 0.075);
  --cx-adv-card-strong: rgba(255, 255, 255, 0.12);
  --cx-adv-stroke: rgba(255, 255, 255, 0.16);
  --cx-adv-stroke-strong: rgba(255, 255, 255, 0.24);
  --cx-adv-text: #f7f8ff;
  --cx-adv-muted: #a7b0ca;
  --cx-adv-faint: #69708a;
  --cx-adv-primary: #8b5cf6;
  --cx-adv-primary-2: #06b6d4;
  --cx-adv-primary-3: #f472b6;
  --cx-adv-success: #35f2a0;
  --cx-adv-warning: #ffd166;
  --cx-adv-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);

  /* ??? CX ????????????? Aurora ?? */
  --px-bg: #060711;
  --px-bg-2: #0d1020;
  --px-panel: rgba(255, 255, 255, 0.075);
  --px-panel-strong: rgba(10, 12, 24, 0.92);
  --px-panel-soft: rgba(255, 255, 255, 0.075);
  --px-line: rgba(255, 255, 255, 0.16);
  --px-line-soft: rgba(255, 255, 255, 0.10);
  --px-text: #f7f8ff;
  --px-muted: #a7b0ca;
  --px-dim: #69708a;
  --px-green: #8b5cf6;
  --px-lime: #06b6d4;
  --px-cyan: #06b6d4;
  --px-amber: #f472b6;
  --px-coral: #fb7185;
}

html.platform-theme,
html.platform-theme body,
html.platform-theme #app {
  background:
    radial-gradient(circle at 10% -10%, rgba(139, 92, 246, 0.38), transparent 38rem),
    radial-gradient(circle at 88% 12%, rgba(6, 182, 212, 0.32), transparent 34rem),
    radial-gradient(circle at 48% 108%, rgba(244, 114, 182, 0.18), transparent 34rem),
    linear-gradient(180deg, var(--cx-adv-bg), var(--cx-adv-bg-2) 58%, var(--cx-adv-bg)) !important;
  color: var(--cx-adv-text) !important;
}

html.platform-theme body {
  font-family: Inter, "Noto Sans SC", ui-sans-serif, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}

html.platform-theme .cx-advanced-noise,
html.platform-theme .cx-advanced-cursor,
html.platform-theme .cx-advanced-orb {
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

html.platform-theme .cx-advanced-noise {
  inset: 0;
  opacity: 0.18;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

html.platform-theme .cx-advanced-cursor {
  left: 0;
  top: 0;
  width: 24rem;
  height: 24rem;
  border-radius: 999px;
  transform: translate3d(-50%, -50%, 0);
  background: radial-gradient(circle, rgba(139, 92, 246, 0.18), rgba(6, 182, 212, 0.07) 38%, transparent 65%);
  filter: blur(3px);
  opacity: 0.86;
  transition: opacity 240ms ease;
}

html.platform-theme .cx-advanced-orb {
  border-radius: 999px;
  filter: blur(24px);
  opacity: 0.72;
  animation: cxAdvFloat 9s ease-in-out infinite;
}

html.platform-theme .cx-advanced-orb-a {
  width: 16rem;
  height: 16rem;
  left: 8%;
  top: 18%;
  background: rgba(139, 92, 246, 0.26);
}

html.platform-theme .cx-advanced-orb-b {
  width: 20rem;
  height: 20rem;
  right: -5%;
  top: 36%;
  background: rgba(6, 182, 212, 0.20);
  animation-delay: -2s;
}

html.platform-theme .cx-advanced-orb-c {
  width: 14rem;
  height: 14rem;
  left: 52%;
  bottom: 7%;
  background: rgba(244, 114, 182, 0.18);
  animation-delay: -4s;
}

@keyframes cxAdvFloat {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(18px, -22px, 0) scale(1.05); }
}

html.platform-theme #app,
html.platform-theme main,
html.platform-theme header,
html.platform-theme aside,
html.platform-theme .sidebar {
  position: relative;
  z-index: 1;
}

html.platform-theme .sidebar {
  background: rgba(10, 12, 24, 0.58) !important;
  border-right: 1px solid var(--cx-adv-stroke) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  box-shadow: 18px 0 70px rgba(0, 0, 0, 0.26) !important;
}

html.platform-theme header,
html.platform-theme [class*="app-header"],
html.platform-theme [class*="AppHeader"],
html.platform-theme .sticky.top-0 {
  background: rgba(10, 12, 24, 0.58) !important;
  border-bottom: 1px solid var(--cx-adv-stroke) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.16) !important;
}

html.platform-theme .sidebar-link,
html.platform-theme a[href^="/"],
html.platform-theme button {
  transition: transform 200ms ease, border-color 200ms ease, background 200ms ease, box-shadow 200ms ease, filter 200ms ease !important;
}

html.platform-theme .sidebar-link:hover,
html.platform-theme button:hover,
html.platform-theme a[role="button"]:hover {
  transform: translateY(-2px);
}

html.platform-theme .sidebar-link-active,
html.platform-theme .router-link-active.sidebar-link {
  background: linear-gradient(135deg, var(--cx-adv-primary), var(--cx-adv-primary-2)) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 46px rgba(139, 92, 246, 0.35), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

html.platform-theme .sidebar-link-active svg,
html.platform-theme .router-link-active.sidebar-link svg,
html.platform-theme .sidebar-link-active .sidebar-label,
html.platform-theme .router-link-active.sidebar-link .sidebar-label {
  color: #ffffff !important;
}

html.platform-theme .card,
html.platform-theme [class*="rounded-xl"][class*="border"],
html.platform-theme [class*="rounded-2xl"][class*="border"],
html.platform-theme [class*="rounded-3xl"][class*="border"],
html.platform-theme [class*="shadow-sm"],
html.platform-theme [class*="shadow-md"],
html.platform-theme [class*="shadow-lg"] {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.04) 52%, rgba(139, 92, 246, 0.045)),
    rgba(10, 12, 24, 0.66) !important;
  border-color: var(--cx-adv-stroke) !important;
  box-shadow: var(--cx-adv-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
}

html.platform-theme main .card:hover,
html.platform-theme main [class*="rounded-xl"][class*="border"]:hover,
html.platform-theme main [class*="rounded-2xl"][class*="border"]:hover {
  border-color: var(--cx-adv-stroke-strong) !important;
  box-shadow: 0 30px 88px rgba(0, 0, 0, 0.42), 0 0 38px rgba(139, 92, 246, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html.platform-theme .bg-white,
html.platform-theme .dark\:bg-dark-800:is(.dark *),
html.platform-theme .dark\:bg-dark-900:is(.dark *),
html.platform-theme .dark\:bg-slate-900:is(.dark *) {
  background-color: rgba(10, 12, 24, 0.66) !important;
}

html.platform-theme input:not([type="checkbox"]):not([type="radio"]),
html.platform-theme textarea,
html.platform-theme select {
  background: rgba(6, 7, 17, 0.62) !important;
  border-color: var(--cx-adv-stroke) !important;
  color: var(--cx-adv-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

html.platform-theme input:focus,
html.platform-theme textarea:focus,
html.platform-theme select:focus {
  border-color: rgba(139, 92, 246, 0.78) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.18), inset 0 1px 0 rgba(255,255,255,0.075) !important;
}

html.platform-theme .btn-primary,
html.platform-theme button[type="submit"],
html.platform-theme .bg-primary-500,
html.platform-theme .bg-primary-600,
html.platform-theme .from-primary-500,
html.platform-theme .from-primary-600 {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--cx-adv-primary), var(--cx-adv-primary-2)) !important;
  box-shadow: 0 18px 46px rgba(139, 92, 246, 0.35), inset 0 1px 0 rgba(255,255,255,0.25) !important;
}

html.platform-theme table {
  background: rgba(6, 7, 17, 0.54) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  border-radius: 18px;
  overflow: hidden;
}

html.platform-theme thead,
html.platform-theme th {
  background: linear-gradient(180deg, rgba(255,255,255,0.085), rgba(255,255,255,0.03)) !important;
  color: #d8ddf2 !important;
}

html.platform-theme tbody tr:hover {
  background: rgba(139, 92, 246, 0.09) !important;
}

html.platform-theme [data-radix-popper-content-wrapper] > *,
html.platform-theme [role="menu"],
html.platform-theme [role="listbox"],
html.platform-theme .dropdown-menu,
html.platform-theme .popover,
html.platform-theme [class*="PopoverContent"],
html.platform-theme [class*="DropdownMenuContent"] {
  background: rgba(10, 12, 24, 0.88) !important;
  border: 1px solid var(--cx-adv-stroke) !important;
  color: var(--cx-adv-text) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.45), 0 0 34px rgba(139, 92, 246, 0.13) !important;
}

html.platform-theme [role="menuitem"],
html.platform-theme [role="option"] {
  color: var(--cx-adv-text) !important;
  border-radius: 12px !important;
}

html.platform-theme [role="menuitem"]:hover,
html.platform-theme [role="option"]:hover,
html.platform-theme [data-highlighted] {
  background: rgba(139, 92, 246, 0.16) !important;
  color: #ffffff !important;
}

html.platform-theme .theme-auth .card-glass,
html.platform-theme.theme-auth .card-glass,
html.platform-theme.theme-auth form,
html.platform-theme.theme-auth .max-w-md,
html.platform-theme.theme-auth .max-w-lg {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.042) 52%, rgba(139,92,246,0.055)),
    rgba(10, 12, 24, 0.66) !important;
  border: 1px solid var(--cx-adv-stroke) !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 100px rgba(0,0,0,0.5), 0 0 54px rgba(139,92,246,0.13), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

html.platform-theme.theme-auth .min-h-screen::after {
  content: "";
  position: absolute;
  inset: 8% auto auto 50%;
  width: min(620px, 82vw);
  height: min(620px, 82vw);
  transform: translateX(-50%);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(139,92,246,0.16), transparent 66%);
  filter: blur(6px);
  pointer-events: none;
}

html.platform-theme.theme-auth form label,
html.platform-theme.theme-auth form .text-primary-500,
html.platform-theme.theme-auth form .text-primary-600,
html.platform-theme.theme-auth form .text-blue-500,
html.platform-theme.theme-auth form .text-blue-600,
html.platform-theme.theme-auth form [class*="text-primary"],
html.platform-theme.theme-auth form [class*="text-blue"] {
  color: #c4b5fd !important;
}

html.platform-theme.theme-auth a {
  color: var(--cx-adv-primary-2) !important;
}

html.platform-theme h1,
html.platform-theme h2,
html.platform-theme h3 {
  letter-spacing: -0.035em !important;
  text-shadow: 0 10px 34px rgba(0,0,0,0.24);
}

html.platform-theme .text-primary-500,
html.platform-theme .text-primary-600,
html.platform-theme .dark\:text-primary-400:is(.dark *) {
  color: var(--cx-adv-primary-2) !important;
}

html.platform-theme .platform-announcement-confirm,
html.platform-theme .platform-api-copy-button,
html.platform-theme .platform-send-email-code {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--cx-adv-primary), var(--cx-adv-primary-2)) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.platform-theme .cx-advanced-orb { animation: none; }
  html.platform-theme .cx-advanced-cursor { display: none; }
}
/* === CX ADVANCED UI TEMPLATE TRIAL END === */


/* === CX ADVANCED UI INTERACTION POLISH START === */
html.platform-theme body::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E") !important;
  background-size: 220px 220px !important;
  opacity: 0.18 !important;
  mix-blend-mode: overlay !important;
  mask-image: none !important;
}

html.platform-theme body::after {
  background:
    radial-gradient(circle at 10% -10%, rgba(139, 92, 246, 0.22), transparent 36rem),
    radial-gradient(circle at 88% 12%, rgba(6, 182, 212, 0.18), transparent 34rem),
    radial-gradient(circle at 52% 108%, rgba(244, 114, 182, 0.11), transparent 34rem) !important;
}

html.platform-theme .cx-advanced-card-ready {
  position: relative;
  transform-style: preserve-3d;
  transition:
    transform 220ms cubic-bezier(.2,.8,.2,1),
    border-color 220ms ease,
    background 220ms ease,
    box-shadow 220ms ease,
    filter 220ms ease !important;
  will-change: transform;
}

html.platform-theme .cx-advanced-card-ready::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 8%, rgba(255,255,255,.24), transparent 30%);
  opacity: 0;
  transition: opacity 220ms ease;
}

html.platform-theme .cx-advanced-card-ready > * {
  position: relative;
  z-index: 1;
}

html.platform-theme .cx-advanced-card-ready:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    rgba(10,12,24,.72) !important;
  box-shadow: 0 28px 86px rgba(0,0,0,.42), 0 0 38px rgba(139,92,246,.15), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html.platform-theme .cx-advanced-card-ready:hover::after {
  opacity: .22;
}

html.platform-theme .cx-advanced-card-ready.cx-advanced-card-tilting {
  transform: perspective(900px) rotateX(var(--cx-tilt-x, 0deg)) rotateY(var(--cx-tilt-y, 0deg)) translateY(-2px) !important;
}

html.platform-theme .button,
html.platform-theme button,
html.platform-theme a[role="button"],
html.platform-theme .btn,
html.platform-theme .sidebar-link {
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

html.platform-theme .button:hover,
html.platform-theme button:hover,
html.platform-theme a[role="button"]:hover,
html.platform-theme .btn:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255,255,255,.24) !important;
  filter: saturate(1.08) brightness(1.04);
}

html.platform-theme .platform-support-trigger {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

html.platform-theme .platform-support-trigger:hover {
  transform: translateY(-2px) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.platform-theme .cx-advanced-card-ready,
  html.platform-theme .button,
  html.platform-theme button,
  html.platform-theme a[role="button"],
  html.platform-theme .btn,
  html.platform-theme .sidebar-link {
    transition-duration: .01ms !important;
    transform: none !important;
  }
}
/* === CX ADVANCED UI INTERACTION POLISH END === */


/* === CX TEMPLATE DAY NIGHT EXACT THEME START === */
html.platform-theme,
html.platform-theme[data-theme="dark"] {
  color-scheme: dark;
  --cx-adv-bg: #060711;
  --cx-adv-bg-2: #0d1020;
  --cx-adv-text: #f7f8ff;
  --cx-adv-muted: #a7b0ca;
  --cx-adv-faint: #69708a;
  --cx-adv-card: rgba(255,255,255,.075);
  --cx-adv-card-strong: rgba(255,255,255,.12);
  --cx-adv-stroke: rgba(255,255,255,.16);
  --cx-adv-stroke-strong: rgba(255,255,255,.24);
  --cx-adv-primary: #8b5cf6;
  --cx-adv-primary-2: #06b6d4;
  --cx-adv-primary-3: #f472b6;
  --cx-adv-success: #35f2a0;
  --cx-adv-shadow: rgba(0,0,0,.42);
  --px-bg: var(--cx-adv-bg);
  --px-bg-2: var(--cx-adv-bg-2);
  --px-text: var(--cx-adv-text);
  --px-muted: var(--cx-adv-muted);
  --px-line: var(--cx-adv-stroke);
  --px-line-soft: rgba(255,255,255,.08);
  --px-panel: rgba(255,255,255,.075);
  --px-panel-strong: rgba(255,255,255,.12);
  --px-green: var(--cx-adv-primary);
  --px-lime: var(--cx-adv-primary-2);
  --px-cyan: var(--cx-adv-primary-2);
  --px-amber: var(--cx-adv-primary-3);
}
html.platform-theme[data-theme="light"] {
  color-scheme: light;
  --cx-adv-bg: #f7f8fc;
  --cx-adv-bg-2: #eef2ff;
  --cx-adv-text: #111322;
  --cx-adv-muted: #596077;
  --cx-adv-faint: #7c849b;
  --cx-adv-card: rgba(255,255,255,.72);
  --cx-adv-card-strong: rgba(255,255,255,.9);
  --cx-adv-stroke: rgba(23,28,45,.12);
  --cx-adv-stroke-strong: rgba(23,28,45,.2);
  --cx-adv-primary: #8b5cf6;
  --cx-adv-primary-2: #06b6d4;
  --cx-adv-primary-3: #f472b6;
  --cx-adv-success: #12b981;
  --cx-adv-shadow: rgba(43,52,88,.18);
  --px-bg: var(--cx-adv-bg);
  --px-bg-2: var(--cx-adv-bg-2);
  --px-text: var(--cx-adv-text);
  --px-muted: var(--cx-adv-muted);
  --px-line: var(--cx-adv-stroke);
  --px-line-soft: rgba(23,28,45,.08);
  --px-panel: rgba(255,255,255,.72);
  --px-panel-strong: rgba(255,255,255,.9);
}
html.platform-theme body,
html.platform-theme #app {
  background:
    radial-gradient(circle at 10% -10%, rgba(139,92,246,.38), transparent 38rem),
    radial-gradient(circle at 88% 12%, rgba(6,182,212,.32), transparent 34rem),
    linear-gradient(180deg, var(--cx-adv-bg), var(--cx-adv-bg-2) 58%, var(--cx-adv-bg)) !important;
  color: var(--cx-adv-text) !important;
}
html.platform-theme[data-theme="light"] body,
html.platform-theme[data-theme="light"] #app {
  background:
    radial-gradient(circle at 10% -10%, rgba(139,92,246,.22), transparent 38rem),
    radial-gradient(circle at 88% 12%, rgba(6,182,212,.24), transparent 34rem),
    linear-gradient(180deg, var(--cx-adv-bg), var(--cx-adv-bg-2) 58%, #f7f8fc) !important;
}
html.platform-theme[data-theme="light"] .sidebar,
html.platform-theme[data-theme="light"] header,
html.platform-theme[data-theme="light"] [class*="app-header"],
html.platform-theme[data-theme="light"] [class*="AppHeader"],
html.platform-theme[data-theme="light"] .sticky.top-0 {
  background: rgba(255,255,255,.66) !important;
  border-color: var(--cx-adv-stroke) !important;
  box-shadow: 0 18px 70px rgba(43,52,88,.12) !important;
}
html.platform-theme[data-theme="light"] .card,
html.platform-theme[data-theme="light"] [class*="rounded-xl"].bg-white,
html.platform-theme[data-theme="light"] [class*="rounded-2xl"].bg-white,
html.platform-theme[data-theme="light"] [class*="shadow-sm"],
html.platform-theme[data-theme="light"] [class*="shadow-md"],
html.platform-theme[data-theme="light"] [class*="shadow-lg"],
html.platform-theme[data-theme="light"] .cx-advanced-card-ready {
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.54)) !important;
  border-color: var(--cx-adv-stroke) !important;
  color: var(--cx-adv-text) !important;
  box-shadow: 0 24px 70px rgba(43,52,88,.16), inset 0 1px 0 rgba(255,255,255,.68) !important;
}
html.platform-theme[data-theme="light"] .text-gray-900,
html.platform-theme[data-theme="light"] .text-gray-800,
html.platform-theme[data-theme="light"] .dark\:text-white:is(.dark *),
html.platform-theme[data-theme="light"] .dark\:text-gray-100:is(.dark *),
html.platform-theme[data-theme="light"] h1,
html.platform-theme[data-theme="light"] h2,
html.platform-theme[data-theme="light"] h3 {
  color: var(--cx-adv-text) !important;
  text-shadow: none !important;
}
html.platform-theme[data-theme="light"] .text-gray-700,
html.platform-theme[data-theme="light"] .text-gray-600,
html.platform-theme[data-theme="light"] .text-gray-500,
html.platform-theme[data-theme="light"] .dark\:text-gray-400:is(.dark *),
html.platform-theme[data-theme="light"] .dark\:text-dark-300:is(.dark *),
html.platform-theme[data-theme="light"] .dark\:text-dark-400:is(.dark *) {
  color: var(--cx-adv-muted) !important;
}
html.platform-theme[data-theme="light"] input,
html.platform-theme[data-theme="light"] textarea,
html.platform-theme[data-theme="light"] select,
html.platform-theme[data-theme="light"] .bg-dark-900,
html.platform-theme[data-theme="light"] .bg-dark-800,
html.platform-theme[data-theme="light"] .dark\:bg-dark-900:is(.dark *),
html.platform-theme[data-theme="light"] .dark\:bg-dark-800:is(.dark *) {
  background: rgba(255,255,255,.72) !important;
  color: var(--cx-adv-text) !important;
  border-color: var(--cx-adv-stroke) !important;
}
html.platform-theme .cx-template-theme-toggle {
  width: 42px; height: 42px; display: grid; place-items: center;
  border: 1px solid var(--cx-adv-stroke) !important;
  border-radius: 999px !important;
  background: var(--cx-adv-card) !important;
  color: var(--cx-adv-text) !important;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0,0,0,.14) !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
html.platform-theme .cx-template-theme-toggle:hover { transform: translateY(-2px) !important; border-color: var(--cx-adv-stroke-strong) !important; }
html.platform-theme[data-theme="dark"] .cx-template-theme-toggle .sun,
html.platform-theme[data-theme="light"] .cx-template-theme-toggle .moon { display: none !important; }
html.platform-theme .sidebar-logo,
html.platform-theme .platform-icon-image,
html.platform-theme img[alt="Logo"] {
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--cx-adv-primary), var(--cx-adv-primary-2)) !important;
  box-shadow: 0 12px 34px rgba(139,92,246,.35) !important;
}
html.platform-theme[data-theme="light"] [data-radix-popper-content-wrapper] > *,
html.platform-theme[data-theme="light"] [role="menu"],
html.platform-theme[data-theme="light"] [role="listbox"],
html.platform-theme[data-theme="light"] .dropdown-menu,
html.platform-theme[data-theme="light"] .popover,
html.platform-theme[data-theme="light"] [class*="PopoverContent"],
html.platform-theme[data-theme="light"] [class*="DropdownMenuContent"] {
  background: rgba(255,255,255,.9) !important;
  color: var(--cx-adv-text) !important;
  border-color: var(--cx-adv-stroke) !important;
  box-shadow: 0 24px 70px rgba(43,52,88,.18) !important;
}
/* === CX TEMPLATE DAY NIGHT EXACT THEME END === */


/* === CX TEMPLATE TOGGLE AUTH POLISH START === */
html.platform-theme .cx-template-theme-toggle svg { display: block; }
html.platform-theme .cx-template-theme-toggle.cx-floating-theme-toggle {
  position: fixed !important;
  top: 24px !important;
  right: 24px !important;
  z-index: 9999 !important;
}
html.platform-theme[data-theme="light"].theme-auth .card-glass,
html.platform-theme[data-theme="light"].theme-auth form,
html.platform-theme[data-theme="light"].theme-auth .max-w-md,
html.platform-theme[data-theme="light"].theme-auth .max-w-lg,
html.platform-theme[data-theme="light"].theme-auth [class*="bg-dark"],
html.platform-theme[data-theme="light"].theme-auth [class*="dark:bg"] {
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.58)) !important;
  color: #111322 !important;
  border-color: rgba(23,28,45,.14) !important;
  box-shadow: 0 28px 86px rgba(43,52,88,.18), inset 0 1px 0 rgba(255,255,255,.74) !important;
}
html.platform-theme[data-theme="light"].theme-auth input,
html.platform-theme[data-theme="light"].theme-auth textarea,
html.platform-theme[data-theme="light"].theme-auth select {
  background: rgba(255,255,255,.82) !important;
  color: #111322 !important;
  border-color: rgba(23,28,45,.16) !important;
}
html.platform-theme[data-theme="light"].theme-auth input::placeholder,
html.platform-theme[data-theme="light"].theme-auth textarea::placeholder { color: #7c849b !important; }
html.platform-theme[data-theme="light"].theme-auth h1,
html.platform-theme[data-theme="light"].theme-auth h2,
html.platform-theme[data-theme="light"].theme-auth h3,
html.platform-theme[data-theme="light"].theme-auth label,
html.platform-theme[data-theme="light"].theme-auth .font-bold,
html.platform-theme[data-theme="light"].theme-auth .font-semibold {
  color: #111322 !important;
  text-shadow: none !important;
}
html.platform-theme[data-theme="light"].theme-auth p,
html.platform-theme[data-theme="light"].theme-auth .text-gray-400,
html.platform-theme[data-theme="light"].theme-auth .text-gray-500,
html.platform-theme[data-theme="light"].theme-auth .dark\:text-gray-400:is(.dark *) { color: #596077 !important; }
/* === CX TEMPLATE TOGGLE AUTH POLISH END === */



/* === CX TEMPLATE LIGHT FORM POLISH 20260703 START === */
html.platform-theme[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html.platform-theme[data-theme="light"] textarea,
html.platform-theme[data-theme="light"] select,
html.platform-theme[data-theme="light"] .semi-input,
html.platform-theme[data-theme="light"] .semi-input-wrapper,
html.platform-theme[data-theme="light"] [class*="input"]:not(svg):not(path) {
  background: rgba(255, 255, 255, .82) !important;
  color: #111322 !important;
  border-color: rgba(23, 28, 45, .14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 12px 30px rgba(43,52,88,.08) !important;
}
html.platform-theme[data-theme="light"] input::placeholder,
html.platform-theme[data-theme="light"] textarea::placeholder,
html.platform-theme[data-theme="light"] .semi-input::placeholder {
  color: rgba(89, 96, 119, .78) !important;
}
html.platform-theme[data-theme="light"] input:focus,
html.platform-theme[data-theme="light"] textarea:focus,
html.platform-theme[data-theme="light"] select:focus,
html.platform-theme[data-theme="light"] .semi-input-wrapper:focus-within {
  border-color: rgba(6, 182, 212, .42) !important;
  box-shadow: 0 0 0 3px rgba(6, 182, 212, .12), 0 18px 42px rgba(43,52,88,.10) !important;
}
html.platform-theme[data-theme="light"] .text-primary-500,
html.platform-theme[data-theme="light"] .text-primary-600 {
  color: #06a4bd !important;
}
/* === CX TEMPLATE LIGHT FORM POLISH 20260703 END === */

/* === CX CONSOLE AURORA OPERATING DESK 20260703 START === */
html.platform-theme.theme-console,
html.platform-theme.theme-console[data-theme="dark"] {
  --cx-console-bg: #070816;
  --cx-console-bg-2: #0f1327;
  --cx-console-rail: rgba(9, 12, 26, .70);
  --cx-console-header: rgba(9, 12, 26, .62);
  --cx-console-card: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045) 54%, rgba(139,92,246,.055)), rgba(10,12,24,.68);
  --cx-console-card-solid: rgba(12, 16, 32, .92);
  --cx-console-card-soft: rgba(255,255,255,.072);
  --cx-console-field: rgba(5, 8, 20, .68);
  --cx-console-field-strong: rgba(5, 8, 20, .84);
  --cx-console-table-head: rgba(255,255,255,.076);
  --cx-console-table-row: rgba(255,255,255,.032);
  --cx-console-table-hover: rgba(139,92,246,.105);
  --cx-console-text: #f7f8ff;
  --cx-console-muted: #aeb7d1;
  --cx-console-faint: #7a839e;
  --cx-console-border: rgba(255,255,255,.16);
  --cx-console-border-strong: rgba(255,255,255,.26);
  --cx-console-blue: #06b6d4;
  --cx-console-violet: #8b5cf6;
  --cx-console-pink: #f472b6;
  --cx-console-green: #35f2a0;
  --cx-console-yellow: #f7e24a;
  --cx-console-shadow: 0 24px 82px rgba(0,0,0,.44);
  --cx-console-shadow-soft: 0 16px 52px rgba(0,0,0,.28);
}

html.platform-theme.theme-console[data-theme="light"] {
  --cx-console-bg: #f7f8fc;
  --cx-console-bg-2: #eef5ff;
  --cx-console-rail: rgba(255,255,255,.66);
  --cx-console-header: rgba(255,255,255,.70);
  --cx-console-card: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.60) 58%, rgba(6,182,212,.08)), rgba(255,255,255,.76);
  --cx-console-card-solid: rgba(255,255,255,.94);
  --cx-console-card-soft: rgba(255,255,255,.58);
  --cx-console-field: rgba(255,255,255,.78);
  --cx-console-field-strong: rgba(255,255,255,.92);
  --cx-console-table-head: rgba(246,248,255,.88);
  --cx-console-table-row: rgba(255,255,255,.52);
  --cx-console-table-hover: rgba(6,182,212,.10);
  --cx-console-text: #111322;
  --cx-console-muted: #596077;
  --cx-console-faint: #7d86a0;
  --cx-console-border: rgba(23,28,45,.13);
  --cx-console-border-strong: rgba(6,182,212,.30);
  --cx-console-blue: #06a8c4;
  --cx-console-violet: #6d5df6;
  --cx-console-pink: #de5fa6;
  --cx-console-green: #12b981;
  --cx-console-yellow: #e4c924;
  --cx-console-shadow: 0 24px 82px rgba(43,52,88,.18);
  --cx-console-shadow-soft: 0 16px 48px rgba(43,52,88,.12);
}

html.platform-theme.theme-console body,
html.platform-theme.theme-console #app {
  background:
    radial-gradient(circle at 8% -8%, rgba(139,92,246,.36), transparent 36rem),
    radial-gradient(circle at 88% 6%, rgba(6,182,212,.30), transparent 34rem),
    radial-gradient(circle at 45% 108%, rgba(244,114,182,.16), transparent 34rem),
    linear-gradient(180deg, var(--cx-console-bg), var(--cx-console-bg-2) 56%, var(--cx-console-bg)) !important;
  color: var(--cx-console-text) !important;
}

html.platform-theme.theme-console[data-theme="light"] body,
html.platform-theme.theme-console[data-theme="light"] #app {
  background:
    radial-gradient(circle at 12% -8%, rgba(139,92,246,.18), transparent 36rem),
    radial-gradient(circle at 90% 4%, rgba(6,182,212,.24), transparent 34rem),
    radial-gradient(circle at 54% 108%, rgba(244,114,182,.13), transparent 34rem),
    linear-gradient(180deg, #fbfcff, var(--cx-console-bg-2) 56%, #f7f8fc) !important;
}

html.platform-theme.theme-console .cx-advanced-noise { opacity: .14 !important; }
html.platform-theme.theme-console[data-theme="light"] .cx-advanced-noise { opacity: .10 !important; mix-blend-mode: multiply !important; }
html.platform-theme.theme-console .cx-advanced-cursor { background: radial-gradient(circle, rgba(139,92,246,.14), rgba(6,182,212,.07) 38%, transparent 66%) !important; }
html.platform-theme.theme-console[data-theme="light"] .cx-advanced-cursor { background: radial-gradient(circle, rgba(139,92,246,.11), rgba(6,182,212,.075) 38%, transparent 66%) !important; }

html.platform-theme.theme-console main,
html.platform-theme.theme-console .lg\:ml-64,
html.platform-theme.theme-console .lg\:ml-\[72px\],
html.platform-theme.theme-console [class*="min-h-screen"],
html.platform-theme.theme-console [class*="bg-gray-50"],
html.platform-theme.theme-console [class*="bg-slate-50"],
html.platform-theme.theme-console [class*="bg-background"] {
  background: transparent !important;
}

html.platform-theme.theme-console .sidebar,
html.platform-theme.theme-console aside,
html.platform-theme.theme-console [class*="Sidebar"],
html.platform-theme.theme-console [class*="sidebar"] {
  background: linear-gradient(180deg, var(--cx-console-rail), rgba(8,11,24,.54)) !important;
  border-right: 1px solid var(--cx-console-border) !important;
  box-shadow: 24px 0 76px rgba(0,0,0,.24), inset -1px 0 0 rgba(255,255,255,.035) !important;
  backdrop-filter: blur(26px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.35) !important;
}

html.platform-theme.theme-console[data-theme="light"] .sidebar,
html.platform-theme.theme-console[data-theme="light"] aside,
html.platform-theme.theme-console[data-theme="light"] [class*="Sidebar"],
html.platform-theme.theme-console[data-theme="light"] [class*="sidebar"] {
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.52)) !important;
  box-shadow: 24px 0 76px rgba(43,52,88,.10), inset -1px 0 0 rgba(255,255,255,.62) !important;
}

html.platform-theme.theme-console header,
html.platform-theme.theme-console .sticky.top-0,
html.platform-theme.theme-console [class*="Header"],
html.platform-theme.theme-console [class*="app-header"] {
  background: var(--cx-console-header) !important;
  border-bottom: 1px solid var(--cx-console-border) !important;
  box-shadow: 0 18px 66px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(26px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.35) !important;
}

html.platform-theme.theme-console[data-theme="light"] header,
html.platform-theme.theme-console[data-theme="light"] .sticky.top-0,
html.platform-theme.theme-console[data-theme="light"] [class*="Header"],
html.platform-theme.theme-console[data-theme="light"] [class*="app-header"] {
  box-shadow: 0 18px 66px rgba(43,52,88,.10), inset 0 1px 0 rgba(255,255,255,.74) !important;
}

html.platform-theme.theme-console .sidebar-link,
html.platform-theme.theme-console aside a,
html.platform-theme.theme-console [class*="nav"] a,
html.platform-theme.theme-console [class*="menu"] a {
  border-radius: 14px !important;
  color: var(--cx-console-muted) !important;
}

html.platform-theme.theme-console .sidebar-link:hover,
html.platform-theme.theme-console aside a:hover,
html.platform-theme.theme-console [class*="nav"] a:hover,
html.platform-theme.theme-console [class*="menu"] a:hover {
  color: var(--cx-console-text) !important;
  background: rgba(6,182,212,.10) !important;
  border-color: rgba(6,182,212,.24) !important;
  transform: translateY(-1px) !important;
}

html.platform-theme.theme-console .sidebar-link-active,
html.platform-theme.theme-console .router-link-active.sidebar-link,
html.platform-theme.theme-console aside a.router-link-active,
html.platform-theme.theme-console aside a[aria-current="page"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--cx-console-violet), var(--cx-console-blue)) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 16px 42px rgba(139,92,246,.30), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

html.platform-theme.theme-console .sidebar-link-active svg,
html.platform-theme.theme-console .router-link-active.sidebar-link svg,
html.platform-theme.theme-console aside a.router-link-active svg,
html.platform-theme.theme-console aside a[aria-current="page"] svg,
html.platform-theme.theme-console .sidebar-link-active .sidebar-label,
html.platform-theme.theme-console .router-link-active.sidebar-link .sidebar-label {
  color: #ffffff !important;
}

html.platform-theme.theme-console main .card,
html.platform-theme.theme-console main [class*="Card"],
html.platform-theme.theme-console main [class*="card"],
html.platform-theme.theme-console main [class*="rounded-xl"][class*="border"],
html.platform-theme.theme-console main [class*="rounded-2xl"][class*="border"],
html.platform-theme.theme-console main [class*="rounded-3xl"][class*="border"],
html.platform-theme.theme-console main [class*="shadow-sm"],
html.platform-theme.theme-console main [class*="shadow-md"],
html.platform-theme.theme-console main [class*="shadow-lg"],
html.platform-theme.theme-console .semi-card,
html.platform-theme.theme-console .ant-card,
html.platform-theme.theme-console .platform-api-access-card,
html.platform-theme.theme-console .platform-model-card {
  color: var(--cx-console-text) !important;
  background: var(--cx-console-card) !important;
  border: 1px solid var(--cx-console-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--cx-console-shadow-soft), inset 0 1px 0 rgba(255,255,255,.075) !important;
  backdrop-filter: blur(24px) saturate(1.28) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.28) !important;
}

html.platform-theme.theme-console main .card:hover,
html.platform-theme.theme-console main [class*="Card"]:hover,
html.platform-theme.theme-console main [class*="card"]:hover,
html.platform-theme.theme-console main [class*="rounded-xl"][class*="border"]:hover,
html.platform-theme.theme-console main [class*="rounded-2xl"][class*="border"]:hover,
html.platform-theme.theme-console main [class*="shadow"]:hover,
html.platform-theme.theme-console .platform-api-access-card:hover,
html.platform-theme.theme-console .platform-model-card:hover {
  border-color: var(--cx-console-border-strong) !important;
  box-shadow: var(--cx-console-shadow), 0 0 0 1px rgba(6,182,212,.10), 0 0 42px rgba(6,182,212,.10), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html.platform-theme.theme-console h1,
html.platform-theme.theme-console h2,
html.platform-theme.theme-console h3,
html.platform-theme.theme-console h4,
html.platform-theme.theme-console .font-bold,
html.platform-theme.theme-console .font-semibold,
html.platform-theme.theme-console .text-gray-900,
html.platform-theme.theme-console .text-gray-800,
html.platform-theme.theme-console .text-slate-900,
html.platform-theme.theme-console .dark\:text-white:is(.dark *),
html.platform-theme.theme-console .dark\:text-gray-100:is(.dark *) {
  color: var(--cx-console-text) !important;
}

html.platform-theme.theme-console p,
html.platform-theme.theme-console label,
html.platform-theme.theme-console .text-sm,
html.platform-theme.theme-console .text-xs,
html.platform-theme.theme-console .text-gray-700,
html.platform-theme.theme-console .text-gray-600,
html.platform-theme.theme-console .text-gray-500,
html.platform-theme.theme-console .text-slate-500,
html.platform-theme.theme-console .text-slate-600,
html.platform-theme.theme-console .dark\:text-gray-400:is(.dark *),
html.platform-theme.theme-console .dark\:text-dark-300:is(.dark *),
html.platform-theme.theme-console .dark\:text-dark-400:is(.dark *) {
  color: var(--cx-console-muted) !important;
}

html.platform-theme.theme-console .text-primary-500,
html.platform-theme.theme-console .text-primary-600,
html.platform-theme.theme-console .text-blue-500,
html.platform-theme.theme-console .text-blue-600,
html.platform-theme.theme-console [class*="text-primary"],
html.platform-theme.theme-console [class*="text-blue"] {
  color: var(--cx-console-blue) !important;
}

html.platform-theme.theme-console .text-green-500,
html.platform-theme.theme-console .text-green-600,
html.platform-theme.theme-console .text-emerald-500,
html.platform-theme.theme-console .text-emerald-600,
html.platform-theme.theme-console [class*="text-emerald"],
html.platform-theme.theme-console [class*="text-green"] {
  color: var(--cx-console-green) !important;
}

html.platform-theme.theme-console input:not([type="checkbox"]):not([type="radio"]),
html.platform-theme.theme-console textarea,
html.platform-theme.theme-console select,
html.platform-theme.theme-console .semi-input,
html.platform-theme.theme-console .semi-input-wrapper,
html.platform-theme.theme-console .semi-select-selection,
html.platform-theme.theme-console .ant-input,
html.platform-theme.theme-console .ant-select-selector,
html.platform-theme.theme-console [class*="Input"]:not(svg):not(path),
html.platform-theme.theme-console [class*="SelectTrigger"] {
  background: var(--cx-console-field) !important;
  color: var(--cx-console-text) !important;
  border: 1px solid var(--cx-console-border) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.10) !important;
}

html.platform-theme.theme-console input::placeholder,
html.platform-theme.theme-console textarea::placeholder,
html.platform-theme.theme-console .semi-input::placeholder {
  color: var(--cx-console-faint) !important;
}

html.platform-theme.theme-console input:focus,
html.platform-theme.theme-console textarea:focus,
html.platform-theme.theme-console select:focus,
html.platform-theme.theme-console .semi-input-wrapper:focus-within,
html.platform-theme.theme-console .semi-select-selection:focus-within,
html.platform-theme.theme-console .ant-input:focus,
html.platform-theme.theme-console .ant-select-focused .ant-select-selector {
  border-color: rgba(6,182,212,.46) !important;
  box-shadow: 0 0 0 3px rgba(6,182,212,.14), inset 0 1px 0 rgba(255,255,255,.08), 0 16px 40px rgba(0,0,0,.13) !important;
  outline: none !important;
}

html.platform-theme.theme-console button,
html.platform-theme.theme-console .btn,
html.platform-theme.theme-console a[role="button"],
html.platform-theme.theme-console .semi-button,
html.platform-theme.theme-console .ant-btn {
  border-radius: 14px !important;
}

html.platform-theme.theme-console .btn-primary,
html.platform-theme.theme-console button[type="submit"],
html.platform-theme.theme-console .semi-button-primary,
html.platform-theme.theme-console .ant-btn-primary,
html.platform-theme.theme-console .bg-primary-500,
html.platform-theme.theme-console .bg-primary-600,
html.platform-theme.theme-console .from-primary-500,
html.platform-theme.theme-console .from-primary-600,
html.platform-theme.theme-console .platform-api-copy-button,
html.platform-theme.theme-console .platform-send-email-code {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--cx-console-violet), var(--cx-console-blue)) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 18px 46px rgba(139,92,246,.28), inset 0 1px 0 rgba(255,255,255,.26) !important;
}

html.platform-theme.theme-console .btn-secondary,
html.platform-theme.theme-console .btn-ghost,
html.platform-theme.theme-console .semi-button-tertiary,
html.platform-theme.theme-console .ant-btn-default,
html.platform-theme.theme-console .bg-gray-100,
html.platform-theme.theme-console .bg-gray-200,
html.platform-theme.theme-console .dark\:bg-dark-700:is(.dark *) {
  color: var(--cx-console-text) !important;
  background: var(--cx-console-card-soft) !important;
  border: 1px solid var(--cx-console-border) !important;
}

html.platform-theme.theme-console table,
html.platform-theme.theme-console .semi-table-container,
html.platform-theme.theme-console .semi-table,
html.platform-theme.theme-console .ant-table,
html.platform-theme.theme-console [class*="Table"] {
  color: var(--cx-console-text) !important;
  background: var(--cx-console-card-solid) !important;
  border: 1px solid var(--cx-console-border) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: var(--cx-console-shadow-soft) !important;
}

html.platform-theme.theme-console thead,
html.platform-theme.theme-console th,
html.platform-theme.theme-console .semi-table-thead,
html.platform-theme.theme-console .semi-table-thead > tr > th,
html.platform-theme.theme-console .ant-table-thead > tr > th {
  color: var(--cx-console-muted) !important;
  background: var(--cx-console-table-head) !important;
  border-color: var(--cx-console-border) !important;
}

html.platform-theme.theme-console tbody,
html.platform-theme.theme-console td,
html.platform-theme.theme-console .semi-table-tbody > tr > td,
html.platform-theme.theme-console .ant-table-tbody > tr > td {
  color: var(--cx-console-text) !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.075) !important;
}

html.platform-theme.theme-console[data-theme="light"] tbody,
html.platform-theme.theme-console[data-theme="light"] td,
html.platform-theme.theme-console[data-theme="light"] .semi-table-tbody > tr > td,
html.platform-theme.theme-console[data-theme="light"] .ant-table-tbody > tr > td {
  border-color: rgba(23,28,45,.075) !important;
}

html.platform-theme.theme-console tbody tr:hover,
html.platform-theme.theme-console .semi-table-tbody > tr:hover,
html.platform-theme.theme-console .ant-table-tbody > tr:hover {
  background: var(--cx-console-table-hover) !important;
}

html.platform-theme.theme-console th.sticky-col,
html.platform-theme.theme-console td.sticky-col,
html.platform-theme.theme-console th.sticky-col-left,
html.platform-theme.theme-console td.sticky-col-left,
html.platform-theme.theme-console th.sticky-col-right,
html.platform-theme.theme-console td.sticky-col-right,
html.platform-theme.theme-console [class*="sticky"] {
  background: var(--cx-console-card-solid) !important;
}

html.platform-theme.theme-console [data-radix-popper-content-wrapper] > *,
html.platform-theme.theme-console [role="menu"],
html.platform-theme.theme-console [role="listbox"],
html.platform-theme.theme-console .dropdown-menu,
html.platform-theme.theme-console .popover,
html.platform-theme.theme-console [class*="PopoverContent"],
html.platform-theme.theme-console [class*="DropdownMenuContent"],
html.platform-theme.theme-console .semi-popover,
html.platform-theme.theme-console .semi-dropdown,
html.platform-theme.theme-console .semi-select-option-list,
html.platform-theme.theme-console .ant-dropdown,
html.platform-theme.theme-console .ant-dropdown-menu,
html.platform-theme.theme-console .ant-select-dropdown {
  background: var(--cx-console-card-solid) !important;
  color: var(--cx-console-text) !important;
  border: 1px solid var(--cx-console-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--cx-console-shadow), 0 0 34px rgba(6,182,212,.08) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
}

html.platform-theme.theme-console [role="menuitem"],
html.platform-theme.theme-console [role="option"],
html.platform-theme.theme-console .semi-select-option,
html.platform-theme.theme-console .semi-dropdown-item,
html.platform-theme.theme-console .ant-dropdown-menu-item,
html.platform-theme.theme-console .ant-select-item {
  color: var(--cx-console-text) !important;
  border-radius: 12px !important;
}

html.platform-theme.theme-console [role="menuitem"]:hover,
html.platform-theme.theme-console [role="option"]:hover,
html.platform-theme.theme-console [data-highlighted],
html.platform-theme.theme-console .semi-select-option:hover,
html.platform-theme.theme-console .semi-dropdown-item:hover,
html.platform-theme.theme-console .ant-dropdown-menu-item:hover,
html.platform-theme.theme-console .ant-select-item-option-active {
  background: rgba(6,182,212,.12) !important;
  color: var(--cx-console-text) !important;
}

html.platform-theme.theme-console [role="dialog"] > div,
html.platform-theme.theme-console .semi-modal-content,
html.platform-theme.theme-console .ant-modal-content,
html.platform-theme.theme-console .fixed.inset-0 > [class*="bg-white"],
html.platform-theme.theme-console .fixed.inset-0 > [class*="dark:bg"] {
  background: var(--cx-console-card-solid) !important;
  color: var(--cx-console-text) !important;
  border: 1px solid var(--cx-console-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 34px 110px rgba(0,0,0,.46), 0 0 60px rgba(6,182,212,.10) !important;
  backdrop-filter: blur(26px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.3) !important;
}

html.platform-theme.theme-console .bg-white,
html.platform-theme.theme-console .bg-gray-50,
html.platform-theme.theme-console .bg-gray-100,
html.platform-theme.theme-console .bg-slate-50,
html.platform-theme.theme-console .dark\:bg-dark-950:is(.dark *),
html.platform-theme.theme-console .dark\:bg-dark-900:is(.dark *),
html.platform-theme.theme-console .dark\:bg-dark-800:is(.dark *),
html.platform-theme.theme-console .dark\:bg-slate-900:is(.dark *) {
  background-color: transparent !important;
}

html.platform-theme.theme-console .badge,
html.platform-theme.theme-console [class*="badge"],
html.platform-theme.theme-console [class*="Badge"],
html.platform-theme.theme-console [class*="tag"],
html.platform-theme.theme-console [class*="Tag"] {
  border-color: rgba(6,182,212,.22) !important;
  background: rgba(6,182,212,.10) !important;
  color: var(--cx-console-text) !important;
}

html.platform-theme.theme-console .bg-green-50,
html.platform-theme.theme-console .bg-emerald-50,
html.platform-theme.theme-console .dark\:bg-green-900\/20:is(.dark *),
html.platform-theme.theme-console .dark\:bg-emerald-900\/20:is(.dark *) {
  background: rgba(53,242,160,.10) !important;
}

html.platform-theme.theme-console .bg-blue-50,
html.platform-theme.theme-console .dark\:bg-blue-900\/20:is(.dark *) {
  background: rgba(6,182,212,.10) !important;
}

html.platform-theme.theme-console .bg-yellow-50,
html.platform-theme.theme-console .bg-amber-50,
html.platform-theme.theme-console .dark\:bg-yellow-900\/20:is(.dark *),
html.platform-theme.theme-console .dark\:bg-amber-900\/20:is(.dark *) {
  background: rgba(247,226,74,.11) !important;
}

html.platform-theme.theme-console .bg-red-50,
html.platform-theme.theme-console .dark\:bg-red-900\/20:is(.dark *) {
  background: rgba(251,113,133,.11) !important;
}

html.platform-theme.theme-console .cx-template-theme-toggle {
  background: var(--cx-console-card-soft) !important;
  border-color: var(--cx-console-border) !important;
  color: var(--cx-console-text) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html.platform-theme.theme-console[data-theme="light"] .cx-template-theme-toggle {
  box-shadow: 0 12px 34px rgba(43,52,88,.13), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

html.platform-theme.theme-console .cx-advanced-card-ready:hover {
  transform: translateY(-3px) !important;
}
/* === CX CONSOLE AURORA OPERATING DESK 20260703 END === */

/* === CX CONSOLE LAYOUT FIX 20260703 START === */
html.platform-theme.theme-console .sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  z-index: 40 !important;
}
html.platform-theme.theme-console header.sticky,
html.platform-theme.theme-console .sticky.top-0 {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
}
html.platform-theme.theme-console aside.platform-support-widget,
html.platform-theme.theme-console .platform-support-widget {
  position: fixed !important;
  top: auto !important;
  right: auto !important;
  left: 24px !important;
  bottom: 24px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 9990 !important;
}
@media (max-width: 1023px) {
  html.platform-theme.theme-console .sidebar {
    transform: translateX(-100%) !important;
  }

  html.platform-theme.theme-console .sidebar:not([class~="-translate-x-full"]),
  html.platform-theme.theme-console .sidebar.translate-x-0,
  html.platform-theme.theme-console .sidebar[class~="translate-x-0"] {
    transform: translateX(0) !important;
  }

  html.platform-theme.theme-console .sidebar[class~="-translate-x-full"]:not(.translate-x-0):not([class~="translate-x-0"]) {
    transform: translateX(-100%) !important;
  }
}
/* === CX CONSOLE LAYOUT FIX 20260703 END === */

/* === CX SIDEBAR SUPPORT READABILITY FIX 20260703 START === */
/* 侧边栏：普通菜单不要像一个个白色输入框，只保留透明玻璃导航；激活项保留渐变高亮 */
html.platform-theme.theme-console .sidebar .sidebar-nav,
html.platform-theme.theme-console .sidebar .sidebar-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active),
html.platform-theme.theme-console .sidebar a.sidebar-link:not(.sidebar-link-active):not(.router-link-active),
html.platform-theme.theme-console .sidebar a:not(.router-link-active):not([aria-current="page"]) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.platform-theme.theme-console[data-theme="light"] .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active),
html.platform-theme.theme-console[data-theme="light"] .sidebar a.sidebar-link:not(.sidebar-link-active):not(.router-link-active),
html.platform-theme.theme-console[data-theme="light"] .sidebar a:not(.router-link-active):not([aria-current="page"]) {
  color: #4c556f !important;
  text-shadow: none !important;
}

html.platform-theme.theme-console[data-theme="dark"] .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active),
html.platform-theme.theme-console[data-theme="dark"] .sidebar a.sidebar-link:not(.sidebar-link-active):not(.router-link-active),
html.platform-theme.theme-console[data-theme="dark"] .sidebar a:not(.router-link-active):not([aria-current="page"]) {
  color: rgba(220, 226, 246, .78) !important;
}

html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active) .sidebar-label,
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active) svg {
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):hover,
html.platform-theme.theme-console .sidebar a.sidebar-link:not(.sidebar-link-active):not(.router-link-active):hover {
  background: rgba(6, 182, 212, .085) !important;
  border-color: rgba(6, 182, 212, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html.platform-theme.theme-console[data-theme="light"] .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):hover,
html.platform-theme.theme-console[data-theme="light"] .sidebar a.sidebar-link:not(.sidebar-link-active):not(.router-link-active):hover {
  color: #14182a !important;
  background: rgba(6, 182, 212, .075) !important;
  border-color: rgba(6, 182, 212, .22) !important;
}

/* 避免普通菜单文字、版本号等被全局卡片规则套出长方形外框 */
html.platform-theme.theme-console .sidebar .sidebar-brand,
html.platform-theme.theme-console .sidebar .sidebar-brand-title,
html.platform-theme.theme-console .sidebar .sidebar-label,
html.platform-theme.theme-console .sidebar span,
html.platform-theme.theme-console .sidebar .text-xs,
html.platform-theme.theme-console .sidebar .text-sm {
  background: transparent !important;
  box-shadow: none !important;
}

/* 子菜单/折叠项只做轻微缩进，不额外套大矩形 */
html.platform-theme.theme-console .sidebar [class*="submenu"],
html.platform-theme.theme-console .sidebar [class*="Submenu"],
html.platform-theme.theme-console .sidebar [class*="collapse"],
html.platform-theme.theme-console .sidebar [class*="Collapse"] {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 主内容卡片：日间/夜间文字分别保证可读，避免浅底白字 */
html.platform-theme.theme-console[data-theme="light"] main .card,
html.platform-theme.theme-console[data-theme="light"] main [class*="Card"],
html.platform-theme.theme-console[data-theme="light"] main [class*="card"],
html.platform-theme.theme-console[data-theme="light"] main [class*="rounded-xl"][class*="border"],
html.platform-theme.theme-console[data-theme="light"] main [class*="rounded-2xl"][class*="border"] {
  color: #111322 !important;
}

html.platform-theme.theme-console[data-theme="light"] main .card *,
html.platform-theme.theme-console[data-theme="light"] main [class*="Card"] *,
html.platform-theme.theme-console[data-theme="light"] main [class*="card"] * {
  text-shadow: none !important;
}

html.platform-theme.theme-console[data-theme="light"] main h1,
html.platform-theme.theme-console[data-theme="light"] main h2,
html.platform-theme.theme-console[data-theme="light"] main h3,
html.platform-theme.theme-console[data-theme="light"] main h4,
html.platform-theme.theme-console[data-theme="light"] main .font-bold,
html.platform-theme.theme-console[data-theme="light"] main .font-semibold {
  color: #111322 !important;
}

html.platform-theme.theme-console[data-theme="light"] main p,
html.platform-theme.theme-console[data-theme="light"] main label,
html.platform-theme.theme-console[data-theme="light"] main .text-sm,
html.platform-theme.theme-console[data-theme="light"] main .text-xs {
  color: #566078 !important;
}

/* 客服浮窗：强制右下角；不要被 aside/sidebar 规则误伤 */
html.platform-theme .platform-support-widget,
html.platform-theme.theme-console aside.platform-support-widget,
html.platform-theme.theme-console .platform-support-widget {
  position: fixed !important;
  left: auto !important;
  right: 24px !important;
  top: auto !important;
  bottom: 24px !important;
  width: max-content !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 2147483000 !important;
}

html.platform-theme[data-theme="light"] .platform-support-trigger {
  color: #182033 !important;
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(6,182,212,.26) !important;
  box-shadow: 0 18px 46px rgba(43,52,88,.18), inset 0 1px 0 rgba(255,255,255,.8) !important;
}

html.platform-theme[data-theme="light"] .platform-support-trigger-copy strong {
  color: #12182a !important;
}

html.platform-theme[data-theme="light"] .platform-support-trigger-copy > span {
  color: #58627b !important;
}

html.platform-theme[data-theme="light"] .platform-support-panel {
  color: #12182a !important;
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(6,182,212,.22) !important;
  box-shadow: 0 26px 76px rgba(43,52,88,.22), 0 0 38px rgba(6,182,212,.10) !important;
}

html.platform-theme[data-theme="light"] .platform-support-kicker,
html.platform-theme[data-theme="light"] .platform-support-description,
html.platform-theme[data-theme="light"] .platform-support-wechat span,
html.platform-theme[data-theme="light"] .platform-support-status {
  color: #596077 !important;
}

html.platform-theme[data-theme="light"] .platform-support-panel-head strong {
  color: #111322 !important;
}

html.platform-theme[data-theme="light"] .platform-support-wechat {
  background: rgba(6,182,212,.055) !important;
  border-color: rgba(6,182,212,.16) !important;
}

html.platform-theme[data-theme="light"] .platform-support-wechat code {
  color: #06a4bd !important;
}

html.platform-theme[data-theme="dark"] .platform-support-trigger {
  color: #edf8f2 !important;
  background: rgba(7, 16, 25, .92) !important;
  border-color: rgba(139,92,246,.28) !important;
}
/* === CX SIDEBAR SUPPORT READABILITY FIX 20260703 END === */

/* === CX SIDEBAR PLAIN LABEL FIX 20260703 START === */
/* 普通侧边栏项：去掉文字/菜单项周围残留的“小框感”；仅当前选中项保留渐变胶囊背景 */
html.platform-theme.theme-console .sidebar nav a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]),
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]),
html.platform-theme.theme-console aside.sidebar nav a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]) {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
}

html.platform-theme.theme-console .sidebar nav a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console aside.sidebar nav a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html.platform-theme.theme-console[data-theme="light"] .sidebar nav a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console[data-theme="light"] .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  color: #14182a !important;
}

html.platform-theme.theme-console[data-theme="dark"] .sidebar nav a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console[data-theme="dark"] .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  color: #f7f8ff !important;
}

html.platform-theme.theme-console .sidebar nav a .sidebar-label,
html.platform-theme.theme-console .sidebar .sidebar-link .sidebar-label,
html.platform-theme.theme-console .sidebar nav a .sidebar-label::before,
html.platform-theme.theme-console .sidebar nav a .sidebar-label::after,
html.platform-theme.theme-console .sidebar .sidebar-link .sidebar-label::before,
html.platform-theme.theme-console .sidebar .sidebar-link .sidebar-label::after {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

html.platform-theme.theme-console .sidebar nav a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]) svg,
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]) svg {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
/* === CX SIDEBAR PLAIN LABEL FIX 20260703 END === */

/* === CX CONSOLE LIGHT PAGE COLOR AUDIT FIX 20260703 START === */
/* 日间模式：把页面顶部说明卡、接入地址卡等残留深色块统一成玻璃白主题 */
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(6,32,28"],
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(11,31,28"],
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(7,17,18"],
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(8,13,20"],
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(8,12,18"],
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient(135deg"],
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient(145deg"] {
  color: #12182a !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(139, 92, 246, .12), transparent 18rem),
    radial-gradient(circle at 92% 15%, rgba(6, 182, 212, .16), transparent 20rem),
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(241,249,255,.72) 62%, rgba(226,250,255,.64)) !important;
  border: 1px solid rgba(6, 182, 212, .24) !important;
  box-shadow: 0 22px 70px rgba(43,52,88,.14), inset 0 1px 0 rgba(255,255,255,.82) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.18) !important;
}

html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(6,32,28"] *,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(11,31,28"] *,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(7,17,18"] *,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient(135deg"] *,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient(145deg"] * {
  text-shadow: none !important;
}

html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(6,32,28"] h1,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(6,32,28"] h2,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(6,32,28"] h3,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(11,31,28"] h1,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(11,31,28"] h2,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(11,31,28"] h3,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(7,17,18"] h1,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(7,17,18"] h2,
html.platform-theme.theme-console[data-theme="light"] main [class*="rgba(7,17,18"] h3,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] h1,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] h2,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] h3,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .font-black,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .font-bold,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .font-semibold {
  color: #111322 !important;
}

html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] p,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .text-slate-300,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .text-slate-400,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .text-lime-200,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .text-emerald-100,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .text-emerald-200,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .text-xs,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] .text-sm {
  color: #5b647c !important;
}

html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] code,
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] [class*="bg-slate"],
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] [class*="bg-gray-9"],
html.platform-theme.theme-console[data-theme="light"] main [class*="bg-[linear-gradient"] [class*="bg-dark"] {
  color: #111827 !important;
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(6,182,212,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* 模型广场：日间模式下模型价格文字用深色/青色，不再出现浅色文字看不清 */
html.platform-theme.theme-console[data-theme="light"] main .model-card {
  color: #111322 !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(6,182,212,.13), transparent 16rem),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(246,251,255,.78) 58%, rgba(230,249,255,.70)) !important;
  border: 1px solid rgba(42, 194, 218, .28) !important;
  box-shadow: 0 18px 54px rgba(43,52,88,.14), inset 0 1px 0 rgba(255,255,255,.88) !important;
}

html.platform-theme.theme-console[data-theme="light"] main .model-card-title,
html.platform-theme.theme-console[data-theme="light"] main .model-card-kind,
html.platform-theme.theme-console[data-theme="light"] main .model-card-rate,
html.platform-theme.theme-console[data-theme="light"] main .model-price-title {
  color: #12182a !important;
}

html.platform-theme.theme-console[data-theme="light"] main .model-card-kind,
html.platform-theme.theme-console[data-theme="light"] main .model-card-rate {
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(6,182,212,.25) !important;
  box-shadow: 0 8px 20px rgba(43,52,88,.10) !important;
}

html.platform-theme.theme-console[data-theme="light"] main .model-price-panel {
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(23,28,45,.10) !important;
  border-radius: 15px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}

html.platform-theme.theme-console[data-theme="light"] main .model-price-panel-platform {
  background: linear-gradient(145deg, rgba(219,252,243,.72), rgba(231,250,255,.62)) !important;
  border-color: rgba(6,182,212,.22) !important;
}

html.platform-theme.theme-console[data-theme="light"] main .model-price-list,
html.platform-theme.theme-console[data-theme="light"] main .model-price-row,
html.platform-theme.theme-console[data-theme="light"] main .model-price-label,
html.platform-theme.theme-console[data-theme="light"] main .model-price-unit,
html.platform-theme.theme-console[data-theme="light"] main .model-price-value,
html.platform-theme.theme-console[data-theme="light"] main .model-price-list .text-white,
html.platform-theme.theme-console[data-theme="light"] main .model-price-list [class*="text-sky"],
html.platform-theme.theme-console[data-theme="light"] main .model-price-list [class*="text-lime"] {
  color: #35415c !important;
}

html.platform-theme.theme-console[data-theme="light"] main .model-price-panel-platform .model-price-value,
html.platform-theme.theme-console[data-theme="light"] main .model-price-panel-platform [class*="text-lime"],
html.platform-theme.theme-console[data-theme="light"] main .model-price-list-highlight .model-price-value {
  color: #007f91 !important;
}

html.platform-theme.theme-console[data-theme="light"] main .model-price-title-platform {
  color: #047857 !important;
}

/* 表格/筛选区：保持玻璃白，不受深色块覆盖 */
html.platform-theme.theme-console[data-theme="light"] main table,
html.platform-theme.theme-console[data-theme="light"] main thead,
html.platform-theme.theme-console[data-theme="light"] main tbody,
html.platform-theme.theme-console[data-theme="light"] main tr,
html.platform-theme.theme-console[data-theme="light"] main th,
html.platform-theme.theme-console[data-theme="light"] main td {
  color: #26324a !important;
}
/* === CX CONSOLE LIGHT PAGE COLOR AUDIT FIX 20260703 END === */

/* === CX REDEEM PREMIUM UI 20260703 START === */
html.platform-theme.theme-redeem {
  --cx-redeem-radius-xl: 30px;
  --cx-redeem-radius-lg: 24px;
  --cx-redeem-cyan: #16d9f2;
  --cx-redeem-mint: #39e6a5;
  --cx-redeem-lime: #d8ff52;
  --cx-redeem-violet: #7c5cff;
}

html.platform-theme.theme-redeem[data-theme="dark"] {
  --cx-redeem-page-text: #f7fbff;
  --cx-redeem-muted: rgba(210, 225, 245, .74);
  --cx-redeem-soft: rgba(148, 163, 184, .68);
  --cx-redeem-panel-bg: linear-gradient(145deg, rgba(13, 22, 34, .88), rgba(10, 15, 28, .82) 58%, rgba(8, 12, 22, .88));
  --cx-redeem-card-bg: linear-gradient(150deg, rgba(19, 32, 46, .86), rgba(11, 18, 31, .82) 54%, rgba(23, 22, 36, .86));
  --cx-redeem-card-bg-hover: linear-gradient(150deg, rgba(22, 42, 56, .92), rgba(12, 24, 38, .88) 54%, rgba(28, 27, 44, .92));
  --cx-redeem-border: rgba(132, 232, 255, .20);
  --cx-redeem-border-strong: rgba(116, 248, 214, .45);
  --cx-redeem-inner: rgba(255,255,255,.08);
  --cx-redeem-shadow: 0 26px 72px rgba(0, 0, 0, .42), 0 0 56px rgba(22, 217, 242, .08);
  --cx-redeem-chip-bg: rgba(14, 27, 43, .76);
}

html.platform-theme.theme-redeem[data-theme="light"] {
  --cx-redeem-page-text: #111827;
  --cx-redeem-muted: #56627c;
  --cx-redeem-soft: #6c7891;
  --cx-redeem-panel-bg: linear-gradient(145deg, rgba(255,255,255,.78), rgba(244,249,255,.67) 58%, rgba(232,251,255,.66));
  --cx-redeem-card-bg: linear-gradient(150deg, rgba(255,255,255,.82), rgba(246,250,255,.72) 54%, rgba(236,252,255,.72));
  --cx-redeem-card-bg-hover: linear-gradient(150deg, rgba(255,255,255,.95), rgba(247,252,255,.84) 54%, rgba(230,251,255,.82));
  --cx-redeem-border: rgba(38, 183, 218, .26);
  --cx-redeem-border-strong: rgba(29, 203, 217, .58);
  --cx-redeem-inner: rgba(255,255,255,.84);
  --cx-redeem-shadow: 0 28px 76px rgba(50, 65, 102, .16), 0 0 54px rgba(6, 182, 212, .13);
  --cx-redeem-chip-bg: rgba(255,255,255,.78);
}

html.platform-theme.theme-redeem .cx-redeem-page {
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 4px 8px 42px !important;
  color: var(--cx-redeem-page-text) !important;
}

html.platform-theme.theme-redeem .cx-redeem-page::before {
  content: "";
  position: fixed;
  inset: 80px 0 auto 260px;
  height: 360px;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 16% 18%, rgba(124, 92, 255, .20), transparent 26rem),
    radial-gradient(circle at 72% 8%, rgba(22, 217, 242, .22), transparent 28rem),
    radial-gradient(circle at 90% 46%, rgba(216, 255, 82, .13), transparent 24rem);
  filter: blur(3px);
}

html.platform-theme.theme-redeem .cx-redeem-layout {
  display: grid !important;
  grid-template-columns: minmax(420px, .92fr) minmax(640px, 1.22fr) !important;
  gap: 26px !important;
  align-items: start !important;
}

html.platform-theme.theme-redeem .cx-redeem-hero,
html.platform-theme.theme-redeem .cx-redeem-recharge-panel,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel,
html.platform-theme.theme-redeem .cx-redeem-code-card,
html.platform-theme.theme-redeem .cx-redeem-info-card {
  border-radius: var(--cx-redeem-radius-xl) !important;
  border: 1px solid var(--cx-redeem-border) !important;
  background: var(--cx-redeem-panel-bg) !important;
  box-shadow: var(--cx-redeem-shadow), inset 0 1px 0 var(--cx-redeem-inner) !important;
  backdrop-filter: blur(24px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.16) !important;
}

html.platform-theme.theme-redeem .cx-redeem-hero {
  position: relative !important;
  min-height: 124px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html.platform-theme.theme-redeem .cx-redeem-hero::before,
html.platform-theme.theme-redeem .cx-redeem-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

html.platform-theme.theme-redeem .cx-redeem-hero::before {
  inset: -1px;
  background:
    radial-gradient(circle at 16% 28%, rgba(57, 230, 165, .24), transparent 18rem),
    radial-gradient(circle at 76% 16%, rgba(22, 217, 242, .25), transparent 18rem),
    linear-gradient(120deg, rgba(124, 92, 255, .10), transparent 46%, rgba(216, 255, 82, .10));
}

html.platform-theme.theme-redeem .cx-redeem-hero::after {
  right: 32px;
  top: 22px;
  width: 174px;
  height: 174px;
  border-radius: 999px;
  background: conic-gradient(from 180deg, rgba(57,230,165,.0), rgba(57,230,165,.20), rgba(22,217,242,.16), rgba(216,255,82,.0));
  filter: blur(10px);
  opacity: .78;
}

html.platform-theme.theme-redeem .cx-redeem-hero h1,
html.platform-theme.theme-redeem .cx-redeem-hero h2,
html.platform-theme.theme-redeem .cx-redeem-recharge-panel h2,
html.platform-theme.theme-redeem .cx-redeem-recharge-panel h3,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel h2,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel h3,
html.platform-theme.theme-redeem .cx-recharge-card h3,
html.platform-theme.theme-redeem .cx-subscription-card h3 {
  color: var(--cx-redeem-page-text) !important;
  letter-spacing: -.02em !important;
}

html.platform-theme.theme-redeem .cx-redeem-page p,
html.platform-theme.theme-redeem .cx-redeem-page .text-muted-foreground,
html.platform-theme.theme-redeem .cx-redeem-page [class*="text-slate"],
html.platform-theme.theme-redeem .cx-redeem-page [class*="text-gray"] {
  color: var(--cx-redeem-muted) !important;
}

html.platform-theme.theme-redeem .cx-redeem-hero a,
html.platform-theme.theme-redeem .cx-redeem-hero button,
html.platform-theme.theme-redeem .cx-redeem-page a[href*="catfk"],
html.platform-theme.theme-redeem .cx-redeem-page button[type="submit"] {
  color: #06111c !important;
  font-weight: 900 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(100deg, #42e3a2 0%, #8ff55f 48%, #ffe742 100%) !important;
  box-shadow: 0 16px 34px rgba(22, 217, 242, .18), 0 10px 24px rgba(216,255,82,.12), inset 0 1px 0 rgba(255,255,255,.42) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

html.platform-theme.theme-redeem .cx-redeem-hero a:hover,
html.platform-theme.theme-redeem .cx-redeem-hero button:hover,
html.platform-theme.theme-redeem .cx-redeem-page a[href*="catfk"]:hover,
html.platform-theme.theme-redeem .cx-redeem-page button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) brightness(1.03) !important;
  box-shadow: 0 20px 42px rgba(22, 217, 242, .24), 0 14px 30px rgba(216,255,82,.18), inset 0 1px 0 rgba(255,255,255,.52) !important;
}

html.platform-theme.theme-redeem .cx-redeem-recharge-panel,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel {
  overflow: hidden !important;
  position: relative !important;
}

html.platform-theme.theme-redeem .cx-redeem-recharge-panel::before,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cx-redeem-violet), var(--cx-redeem-cyan), var(--cx-redeem-mint), var(--cx-redeem-lime));
  opacity: .9;
}

html.platform-theme.theme-redeem .cx-redeem-recharge-panel > :first-child,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel > :first-child {
  border-bottom: 1px solid color-mix(in srgb, var(--cx-redeem-border) 74%, transparent) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    radial-gradient(circle at 5% 40%, rgba(57,230,165,.12), transparent 18rem) !important;
}

html.platform-theme.theme-redeem .cx-redeem-recharge-panel > .grid,
html.platform-theme.theme-redeem .cx-redeem-recharge-panel [class*="grid"]:has(.cx-recharge-card) {
  gap: 16px !important;
  padding: 20px !important;
}

html.platform-theme.theme-redeem .cx-recharge-card {
  position: relative !important;
  min-height: 328px !important;
  padding: 18px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  color: var(--cx-redeem-page-text) !important;
  border: 1px solid var(--cx-redeem-border) !important;
  background: var(--cx-redeem-card-bg) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.16), inset 0 1px 0 var(--cx-redeem-inner) !important;
  transform: translateZ(0) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

html.platform-theme.theme-redeem .cx-recharge-card::before {
  content: "";
  position: absolute;
  inset: -70px -70px auto auto;
  width: 190px;
  height: 190px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(22,217,242,.20), rgba(57,230,165,.10) 42%, transparent 68%);
  opacity: .9;
  transition: transform .25s ease, opacity .25s ease;
}

html.platform-theme.theme-redeem .cx-recharge-card::after {
  content: "";
  position: absolute;
  inset: auto auto 0 0;
  width: 72%;
  height: 1px;
  background: linear-gradient(90deg, rgba(124,92,255,.0), rgba(22,217,242,.55), rgba(216,255,82,.0));
  opacity: .7;
}

html.platform-theme.theme-redeem .cx-recharge-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--cx-redeem-border-strong) !important;
  background: var(--cx-redeem-card-bg-hover) !important;
  box-shadow: 0 26px 62px rgba(0,0,0,.22), 0 0 0 1px rgba(57,230,165,.18), 0 0 44px rgba(22,217,242,.12) !important;
}

html.platform-theme.theme-redeem .cx-recharge-card:hover::before {
  transform: scale(1.08) translate(-10px, 8px);
  opacity: 1;
}

html.platform-theme.theme-redeem .cx-recharge-card [class*="text-emerald"],
html.platform-theme.theme-redeem .cx-recharge-card [class*="text-cyan"] {
  color: #38f4cf !important;
}

html.platform-theme.theme-redeem .cx-recharge-card [class*="text-2xl"],
html.platform-theme.theme-redeem .cx-recharge-card [class*="text-3xl"] {
  color: var(--cx-redeem-page-text) !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

html.platform-theme.theme-redeem .cx-recharge-card [class*="rounded-xl"][class*="border"] {
  border-color: rgba(22, 217, 242, .22) !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(57,230,165,.12), transparent 9rem),
    linear-gradient(145deg, rgba(22,217,242,.08), rgba(255,255,255,.035)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-card,
html.platform-theme.theme-redeem .cx-redeem-info-card {
  margin: 0 20px 20px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 95% 10%, rgba(22,217,242,.14), transparent 14rem),
    var(--cx-redeem-card-bg) !important;
}

html.platform-theme.theme-redeem .cx-redeem-recharge-panel.cx-redeem-code-card,
html.platform-theme.theme-redeem .cx-redeem-recharge-panel.cx-redeem-info-card,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel.cx-redeem-code-card,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel.cx-redeem-info-card {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-card input,
html.platform-theme.theme-redeem .cx-redeem-code-card textarea,
html.platform-theme.theme-redeem .cx-redeem-page input {
  border-radius: 16px !important;
  border: 1px solid rgba(22,217,242,.23) !important;
  background: var(--cx-redeem-chip-bg) !important;
  color: var(--cx-redeem-page-text) !important;
  box-shadow: inset 0 1px 0 var(--cx-redeem-inner) !important;
}

html.platform-theme.theme-redeem .cx-redeem-subscription-panel > .space-y-4,
html.platform-theme.theme-redeem .cx-redeem-subscription-panel > [class*="space-y"] {
  padding: 20px !important;
  display: grid !important;
  gap: 18px !important;
}

html.platform-theme.theme-redeem .cx-subscription-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  padding: 22px !important;
  color: var(--cx-redeem-page-text) !important;
  border: 1px solid var(--cx-redeem-border) !important;
  background: var(--cx-redeem-card-bg) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.16), inset 0 1px 0 var(--cx-redeem-inner) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

html.platform-theme.theme-redeem .cx-subscription-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--cx-redeem-mint), var(--cx-redeem-lime));
  box-shadow: 0 0 24px rgba(57,230,165,.35);
}

html.platform-theme.theme-redeem .cx-subscription-card::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(216,255,82,.14), rgba(22,217,242,.10) 42%, transparent 70%);
  pointer-events: none;
}

html.platform-theme.theme-redeem .cx-subscription-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--cx-redeem-border-strong) !important;
  background: var(--cx-redeem-card-bg-hover) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.24), 0 0 0 1px rgba(57,230,165,.18), 0 0 48px rgba(216,255,82,.10) !important;
}

html.platform-theme.theme-redeem .cx-subscription-card > .relative,
html.platform-theme.theme-redeem .cx-subscription-card [class*="relative"] {
  position: relative !important;
  z-index: 1 !important;
}

html.platform-theme.theme-redeem .cx-subscription-card [class*="rounded-2xl"][class*="border"] {
  border-color: rgba(22, 217, 242, .20) !important;
  background: linear-gradient(145deg, rgba(22,217,242,.085), rgba(57,230,165,.065), rgba(255,255,255,.035)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html.platform-theme.theme-redeem .cx-subscription-pro-note {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-height: 86px !important;
  margin-top: 0 !important;
  border-radius: 20px !important;
  border: 1px solid rgba(22, 217, 242, .28) !important;
  background:
    radial-gradient(circle at 8% 50%, rgba(124,92,255,.22), transparent 13rem),
    linear-gradient(135deg, rgba(124,92,255,.15), rgba(20,200,244,.13), rgba(255,255,255,.10)) !important;
  padding: 18px 20px !important;
  color: var(--cx-redeem-page-text) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  box-shadow:
    0 16px 32px rgba(22,217,242,.12),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
  backdrop-filter: blur(14px) !important;
}

html.platform-theme.theme-redeem .cx-subscription-pro-note-copy {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html.platform-theme.theme-redeem .cx-subscription-pro-note-copy strong {
  color: var(--cx-redeem-page-text) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

html.platform-theme.theme-redeem .cx-subscription-pro-note-copy small {
  color: var(--cx-redeem-muted) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html.platform-theme.theme-redeem .cx-subscription-pro-note-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #7c5cff, #14c8f4) !important;
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 12px 22px rgba(79,140,255,.28) !important;
}

html.platform-theme.theme-redeem .cx-subscription-card .subscription-voucher-modelpanel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

@media (min-width: 1280px) {
  html.platform-theme.theme-redeem .cx-subscription-card .mt-4.grid:has(.cx-subscription-pro-note) {
    align-items: stretch !important;
    grid-auto-flow: row !important;
    grid-template-rows: auto minmax(86px, 1fr) !important;
  }

  html.platform-theme.theme-redeem .cx-subscription-card .mt-4.grid:has(.cx-subscription-pro-note) > .subscription-voucher-quotabox {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html.platform-theme.theme-redeem .cx-subscription-card .mt-4.grid:has(.cx-subscription-pro-note) > .space-y-3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html.platform-theme.theme-redeem .cx-subscription-card .mt-4.grid:has(.cx-subscription-pro-note) > .subscription-voucher-modelpanel {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: stretch !important;
    height: 100% !important;
  }

  html.platform-theme.theme-redeem .cx-subscription-pro-note {
    grid-column: 1 / span 2 !important;
    grid-row: 2 !important;
    align-self: end !important;
  }
}

@media (max-width: 1279px) {
  html.platform-theme.theme-redeem .cx-subscription-pro-note {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    align-self: stretch !important;
    margin-top: 0 !important;
  }
}
html.platform-theme.theme-redeem .cx-subscription-card [class*="text-emerald"],
html.platform-theme.theme-redeem .cx-subscription-card [class*="text-cyan"] {
  color: #4cf4c2 !important;
}

html.platform-theme.theme-redeem .cx-subscription-card [class*="bg-emerald"],
html.platform-theme.theme-redeem .cx-subscription-card [class*="border-emerald"] {
  border-color: rgba(57, 230, 165, .22) !important;
  background: rgba(57, 230, 165, .10) !important;
}

html.platform-theme.theme-redeem .cx-redeem-page .cx-subscription-card .rounded-full,
html.platform-theme.theme-redeem .cx-redeem-page .cx-recharge-card .rounded-full {
  border-color: rgba(57,230,165,.28) !important;
  background: rgba(57,230,165,.11) !important;
  color: #4cf4c2 !important;
}

html.platform-theme.theme-redeem[data-theme="light"] .cx-recharge-card [class*="text-emerald"],
html.platform-theme.theme-redeem[data-theme="light"] .cx-recharge-card [class*="text-cyan"],
html.platform-theme.theme-redeem[data-theme="light"] .cx-subscription-card [class*="text-emerald"],
html.platform-theme.theme-redeem[data-theme="light"] .cx-subscription-card [class*="text-cyan"] {
  color: #07879a !important;
}

html.platform-theme.theme-redeem[data-theme="light"] .cx-redeem-page .cx-subscription-card .rounded-full,
html.platform-theme.theme-redeem[data-theme="light"] .cx-redeem-page .cx-recharge-card .rounded-full {
  color: #047857 !important;
  background: rgba(16,185,129,.10) !important;
  border-color: rgba(16,185,129,.20) !important;
}

html.platform-theme.theme-redeem[data-theme="light"] .cx-redeem-hero a,
html.platform-theme.theme-redeem[data-theme="light"] .cx-redeem-hero button,
html.platform-theme.theme-redeem[data-theme="light"] .cx-redeem-page a[href*="catfk"],
html.platform-theme.theme-redeem[data-theme="light"] .cx-redeem-page button[type="submit"] {
  color: #071225 !important;
}

html.platform-theme.theme-redeem[data-theme="dark"] .cx-redeem-page a[href*="catfk"],
html.platform-theme.theme-redeem[data-theme="dark"] .cx-redeem-page button[type="submit"] {
  color: #06111c !important;
}

@media (max-width: 1180px) {
  html.platform-theme.theme-redeem .cx-redeem-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html.platform-theme.theme-redeem .cx-redeem-page {
    padding-inline: 2px !important;
  }
  html.platform-theme.theme-redeem .cx-redeem-hero,
  html.platform-theme.theme-redeem .cx-redeem-recharge-panel,
  html.platform-theme.theme-redeem .cx-redeem-subscription-panel {
    border-radius: 22px !important;
  }
  html.platform-theme.theme-redeem .cx-recharge-card,
  html.platform-theme.theme-redeem .cx-subscription-card {
    min-height: auto !important;
    border-radius: 20px !important;
  }
}
/* === CX REDEEM PREMIUM UI 20260703 END === */

/* === CX REDEEM PREMIUM FORCE OVERRIDES 20260703 START === */
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-layout {
  grid-template-columns: minmax(500px, .95fr) minmax(570px, 1.05fr) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-hero,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-recharge-panel,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-subscription-panel,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-code-card,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-info-card {
  background-image: var(--cx-redeem-panel-bg) !important;
  background-color: transparent !important;
  border-color: var(--cx-redeem-border) !important;
  border-radius: var(--cx-redeem-radius-xl) !important;
  box-shadow: var(--cx-redeem-shadow), inset 0 1px 0 var(--cx-redeem-inner) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card.cx-advanced-card-ready,
html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card.cx-advanced-card-ready {
  background-image: var(--cx-redeem-card-bg) !important;
  background-color: transparent !important;
  border-color: var(--cx-redeem-border) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.16), inset 0 1px 0 var(--cx-redeem-inner) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card.cx-advanced-card-ready:hover,
html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card.cx-advanced-card-ready:hover {
  background-image: var(--cx-redeem-card-bg-hover) !important;
  background-color: transparent !important;
  border-color: var(--cx-redeem-border-strong) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-recharge-panel > [class*="grid"]:has(.cx-recharge-card) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card {
  min-height: 368px !important;
}

@media (max-width: 1180px) {
  html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-layout {
    grid-template-columns: 1fr !important;
  }
}
/* === CX REDEEM PREMIUM FORCE OVERRIDES 20260703 END === */

/* === CX REDEEM ABSOLUTE DECORATION FIX 20260703 START === */
html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card.cx-advanced-card-ready > [class*="absolute"],
html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card.cx-advanced-card-ready > [class*="absolute"] {
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card.cx-advanced-card-ready > .relative,
html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card.cx-advanced-card-ready > .relative {
  position: relative !important;
  z-index: 1 !important;
}
/* === CX REDEEM ABSOLUTE DECORATION FIX 20260703 END === */

/* === CX REDEEM BLUE PURPLE ACTIONS 20260703 START === */
html.platform-theme.theme-redeem {
  --cx-redeem-action-gradient: linear-gradient(105deg, #7c5cff 0%, #4f8cff 45%, #14c8f4 100%);
  --cx-redeem-action-gradient-hover: linear-gradient(105deg, #8b6bff 0%, #5297ff 44%, #20d5ff 100%);
  --cx-redeem-action-border: rgba(119, 142, 255, .48);
  --cx-redeem-action-glow: rgba(79, 140, 255, .30);
  --cx-redeem-action-glow-2: rgba(124, 92, 255, .24);
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-hero a,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-hero button,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-page a[href*="catfk"],
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-page button[type="submit"],
html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card a,
html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card button {
  color: #fff !important;
  border: 1px solid var(--cx-redeem-action-border) !important;
  background: var(--cx-redeem-action-gradient) !important;
  box-shadow:
    0 16px 34px var(--cx-redeem-action-glow),
    0 8px 24px var(--cx-redeem-action-glow-2),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.16) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-hero a:hover,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-hero button:hover,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-page a[href*="catfk"]:hover,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-page button[type="submit"]:hover,
html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card a:hover,
html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card button:hover {
  background: var(--cx-redeem-action-gradient-hover) !important;
  border-color: rgba(165, 180, 252, .70) !important;
  box-shadow:
    0 20px 42px rgba(79,140,255,.38),
    0 12px 30px rgba(124,92,255,.30),
    0 0 0 1px rgba(20,200,244,.18),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-recharge-panel::before,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-subscription-panel::before,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-subscription-panel > .space-y-4::before,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-subscription-panel > [class*="space-y"]::before {
  background: linear-gradient(90deg, #7c5cff, #4f8cff, #14c8f4) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-subscription-card::before {
  background: linear-gradient(180deg, #7c5cff, #4f8cff, #14c8f4) !important;
  box-shadow: 0 0 24px rgba(79,140,255,.38) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card::after {
  background: linear-gradient(90deg, rgba(124,92,255,0), rgba(124,92,255,.55), rgba(20,200,244,.55), rgba(20,200,244,0)) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card [class*="from-cyan"],
html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card [class*="from-emerald"],
html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card [class*="to-yellow"],
html.platform-theme.theme-console.theme-redeem body #app main .cx-recharge-card [class*="bg-gradient-to-br"] {
  background-image: linear-gradient(135deg, rgba(124,92,255,.16), rgba(79,140,255,.14), rgba(20,200,244,.12)) !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-page .rounded-full,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-page [class*="rounded-xl"][class*="border"] {
  border-color: rgba(124,92,255,.26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 1px rgba(20,200,244,.06) !important;
}
/* === CX REDEEM BLUE PURPLE ACTIONS 20260703 END === */

/* === CX GLOBAL BLUE PURPLE ACTIONS 20260703 START === */
html.platform-theme {
  --cx-action-gradient: linear-gradient(105deg, #7c5cff 0%, #4f8cff 46%, #14c8f4 100%);
  --cx-action-gradient-hover: linear-gradient(105deg, #8b6bff 0%, #5598ff 46%, #20d5ff 100%);
  --cx-action-border: rgba(125, 146, 255, .54);
  --cx-action-border-strong: rgba(20, 200, 244, .72);
  --cx-action-glow: rgba(79, 140, 255, .30);
  --cx-action-glow-2: rgba(124, 92, 255, .24);
  --cx-action-text: #ffffff;
}

/* Main CTAs: remove legacy green -> yellow gradients across light/dark pages. */
html.platform-theme .btn-primary,
html.platform-theme button[type="submit"],
html.platform-theme a[role="button"].btn-primary,
html.platform-theme .semi-button-primary,
html.platform-theme .ant-btn-primary,
html.platform-theme .bg-primary-500,
html.platform-theme .bg-primary-600,
html.platform-theme .from-primary-500,
html.platform-theme .from-primary-600,
html.platform-theme .platform-api-copy-button,
html.platform-theme .platform-send-email-code,
html.platform-theme .platform-announcement-confirm,
html.platform-theme .platform-support-copy,
html.platform-theme .platform-support-trigger,
html.platform-theme button[class*="from-emerald"],
html.platform-theme a[class*="from-emerald"],
html.platform-theme [role="button"][class*="from-emerald"],
html.platform-theme button[class*="from-green"],
html.platform-theme a[class*="from-green"],
html.platform-theme [role="button"][class*="from-green"],
html.platform-theme button[class*="to-yellow"],
html.platform-theme a[class*="to-yellow"],
html.platform-theme [role="button"][class*="to-yellow"],
html.platform-theme button[class*="to-lime"],
html.platform-theme a[class*="to-lime"],
html.platform-theme [role="button"][class*="to-lime"] {
  color: var(--cx-action-text) !important;
  border-color: var(--cx-action-border) !important;
  background-color: transparent !important;
  background-image: var(--cx-action-gradient) !important;
  box-shadow:
    0 16px 36px var(--cx-action-glow),
    0 8px 24px var(--cx-action-glow-2),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
}

html.platform-theme .btn-primary:hover,
html.platform-theme button[type="submit"]:hover,
html.platform-theme a[role="button"].btn-primary:hover,
html.platform-theme .semi-button-primary:hover,
html.platform-theme .ant-btn-primary:hover,
html.platform-theme .bg-primary-500:hover,
html.platform-theme .bg-primary-600:hover,
html.platform-theme .platform-api-copy-button:hover,
html.platform-theme .platform-send-email-code:hover,
html.platform-theme .platform-announcement-confirm:hover,
html.platform-theme .platform-support-copy:hover,
html.platform-theme .platform-support-trigger:hover,
html.platform-theme button[class*="from-emerald"]:hover,
html.platform-theme a[class*="from-emerald"]:hover,
html.platform-theme [role="button"][class*="from-emerald"]:hover,
html.platform-theme button[class*="from-green"]:hover,
html.platform-theme a[class*="from-green"]:hover,
html.platform-theme [role="button"][class*="from-green"]:hover,
html.platform-theme button[class*="to-yellow"]:hover,
html.platform-theme a[class*="to-yellow"]:hover,
html.platform-theme [role="button"][class*="to-yellow"]:hover,
html.platform-theme button[class*="to-lime"]:hover,
html.platform-theme a[class*="to-lime"]:hover,
html.platform-theme [role="button"][class*="to-lime"]:hover {
  color: var(--cx-action-text) !important;
  border-color: var(--cx-action-border-strong) !important;
  background-image: var(--cx-action-gradient-hover) !important;
  box-shadow:
    0 20px 44px rgba(79,140,255,.38),
    0 12px 30px rgba(124,92,255,.30),
    0 0 0 1px rgba(20,200,244,.18),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

/* Sidebar/current navigation selected state: use the same blue-purple system accent. */
html.platform-theme .sidebar-link-active,
html.platform-theme .router-link-active.sidebar-link,
html.platform-theme aside a.router-link-active,
html.platform-theme aside a[aria-current="page"],
html.platform-theme nav a.router-link-active,
html.platform-theme nav a[aria-current="page"],
html.platform-theme .sidebar nav a.router-link-active,
html.platform-theme .sidebar nav a[aria-current="page"] {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.24) !important;
  background-color: transparent !important;
  background-image: var(--cx-action-gradient) !important;
  box-shadow:
    0 16px 42px rgba(124,92,255,.30),
    0 8px 24px rgba(20,200,244,.18),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}

html.platform-theme .sidebar-link-active *,
html.platform-theme .router-link-active.sidebar-link *,
html.platform-theme aside a.router-link-active *,
html.platform-theme aside a[aria-current="page"] *,
html.platform-theme nav a.router-link-active *,
html.platform-theme nav a[aria-current="page"] * {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Tailwind arbitrary gradient utilities sometimes stay on buttons after routing; neutralize only interactive nodes. */
html.platform-theme :is(button, a, [role="button"])[class*="bg-gradient"],
html.platform-theme :is(button, a, [role="button"])[class*="from-emerald"],
html.platform-theme :is(button, a, [role="button"])[class*="from-green"],
html.platform-theme :is(button, a, [role="button"])[class*="to-yellow"],
html.platform-theme :is(button, a, [role="button"])[class*="to-lime"] {
  background-image: var(--cx-action-gradient) !important;
}

html.platform-theme :is(button, a, [role="button"])[class*="bg-gradient"]:hover,
html.platform-theme :is(button, a, [role="button"])[class*="from-emerald"]:hover,
html.platform-theme :is(button, a, [role="button"])[class*="from-green"]:hover,
html.platform-theme :is(button, a, [role="button"])[class*="to-yellow"]:hover,
html.platform-theme :is(button, a, [role="button"])[class*="to-lime"]:hover {
  background-image: var(--cx-action-gradient-hover) !important;
}
/* === CX GLOBAL BLUE PURPLE ACTIONS 20260703 END === */

/* === CX GRADIENT ACTION TEXT WHITE 20260703 START === */
html.platform-theme :is(button, a, [role="button"])[class*="bg-gradient"],
html.platform-theme :is(button, a, [role="button"])[class*="from-emerald"],
html.platform-theme :is(button, a, [role="button"])[class*="from-green"],
html.platform-theme :is(button, a, [role="button"])[class*="to-yellow"],
html.platform-theme :is(button, a, [role="button"])[class*="to-lime"],
html.platform-theme :is(button, a, [role="button"])[style*="linear-gradient"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.platform-theme :is(button, a, [role="button"])[class*="bg-gradient"] *,
html.platform-theme :is(button, a, [role="button"])[class*="from-emerald"] *,
html.platform-theme :is(button, a, [role="button"])[class*="from-green"] *,
html.platform-theme :is(button, a, [role="button"])[class*="to-yellow"] *,
html.platform-theme :is(button, a, [role="button"])[class*="to-lime"] *,
html.platform-theme :is(button, a, [role="button"])[style*="linear-gradient"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: currentColor !important;
}

html.platform-theme :is(button, a, [role="button"])[class*="bg-gradient"] svg,
html.platform-theme :is(button, a, [role="button"])[class*="from-emerald"] svg,
html.platform-theme :is(button, a, [role="button"])[class*="from-green"] svg,
html.platform-theme :is(button, a, [role="button"])[class*="to-yellow"] svg,
html.platform-theme :is(button, a, [role="button"])[class*="to-lime"] svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
/* === CX GRADIENT ACTION TEXT WHITE 20260703 END === */

/* === CX ACTION DESCENDANTS WHITE 20260703 START === */
html.platform-theme .btn-primary,
html.platform-theme .btn-primary *,
html.platform-theme button[type="submit"],
html.platform-theme button[type="submit"] *,
html.platform-theme .semi-button-primary,
html.platform-theme .semi-button-primary *,
html.platform-theme .ant-btn-primary,
html.platform-theme .ant-btn-primary *,
html.platform-theme .platform-api-copy-button,
html.platform-theme .platform-api-copy-button *,
html.platform-theme .platform-send-email-code,
html.platform-theme .platform-send-email-code *,
html.platform-theme .platform-announcement-confirm,
html.platform-theme .platform-announcement-confirm *,
html.platform-theme .platform-support-copy,
html.platform-theme .platform-support-copy *,
html.platform-theme .platform-support-trigger,
html.platform-theme .platform-support-trigger * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.platform-theme .btn-primary svg,
html.platform-theme button[type="submit"] svg,
html.platform-theme .semi-button-primary svg,
html.platform-theme .ant-btn-primary svg,
html.platform-theme .platform-api-copy-button svg,
html.platform-theme .platform-send-email-code svg,
html.platform-theme .platform-announcement-confirm svg,
html.platform-theme .platform-support-copy svg,
html.platform-theme .platform-support-trigger svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
/* === CX ACTION DESCENDANTS WHITE 20260703 END === */

/* === CX ACTION SIMPLE GRADIENT TEXT WHITE 20260703 START === */
html.platform-theme a.bg-gradient-to-r,
html.platform-theme a.bg-gradient-to-l,
html.platform-theme a.bg-gradient-to-br,
html.platform-theme a.bg-gradient-to-bl,
html.platform-theme button.bg-gradient-to-r,
html.platform-theme button.bg-gradient-to-l,
html.platform-theme button.bg-gradient-to-br,
html.platform-theme button.bg-gradient-to-bl,
html.platform-theme [role="button"].bg-gradient-to-r,
html.platform-theme [role="button"].bg-gradient-to-l,
html.platform-theme [role="button"].bg-gradient-to-br,
html.platform-theme [role="button"].bg-gradient-to-bl {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.platform-theme a.bg-gradient-to-r *,
html.platform-theme a.bg-gradient-to-l *,
html.platform-theme a.bg-gradient-to-br *,
html.platform-theme a.bg-gradient-to-bl *,
html.platform-theme button.bg-gradient-to-r *,
html.platform-theme button.bg-gradient-to-l *,
html.platform-theme button.bg-gradient-to-br *,
html.platform-theme button.bg-gradient-to-bl *,
html.platform-theme [role="button"].bg-gradient-to-r *,
html.platform-theme [role="button"].bg-gradient-to-l *,
html.platform-theme [role="button"].bg-gradient-to-br *,
html.platform-theme [role="button"].bg-gradient-to-bl * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: currentColor !important;
}
/* === CX ACTION SIMPLE GRADIENT TEXT WHITE 20260703 END === */

/* === CX MODEL SQUARE PREMIUM CARDS 20260703 START === */
html.platform-theme.theme-console {
  --cx-model-accent-a: #7c5cff;
  --cx-model-accent-b: #4f8cff;
  --cx-model-accent-c: #14c8f4;
  --cx-model-card-radius: 26px;
}

html.platform-theme.theme-console[data-theme="dark"] {
  --cx-model-card-surface: linear-gradient(146deg, rgba(27, 29, 48, .88), rgba(18, 20, 34, .92) 48%, rgba(13, 21, 35, .90));
  --cx-model-card-surface-hover: linear-gradient(146deg, rgba(34, 36, 60, .93), rgba(22, 25, 43, .96) 48%, rgba(13, 29, 45, .94));
  --cx-model-panel-official: linear-gradient(155deg, rgba(8, 14, 28, .78), rgba(13, 18, 34, .70));
  --cx-model-panel-platform: linear-gradient(155deg, rgba(10, 34, 46, .80), rgba(12, 60, 62, .56) 58%, rgba(25, 28, 48, .72));
  --cx-model-card-text: #f7fbff;
  --cx-model-card-muted: rgba(198, 211, 232, .76);
  --cx-model-card-faint: rgba(154, 170, 198, .70);
  --cx-model-panel-border: rgba(134, 160, 255, .20);
  --cx-model-platform-border: rgba(20, 200, 244, .34);
}

html.platform-theme.theme-console[data-theme="light"] {
  --cx-model-card-surface: linear-gradient(146deg, rgba(255, 255, 255, .86), rgba(246, 250, 255, .72) 48%, rgba(230, 249, 255, .68));
  --cx-model-card-surface-hover: linear-gradient(146deg, rgba(255, 255, 255, .94), rgba(248, 251, 255, .84) 48%, rgba(221, 246, 255, .76));
  --cx-model-panel-official: linear-gradient(155deg, rgba(255,255,255,.78), rgba(247,250,255,.66));
  --cx-model-panel-platform: linear-gradient(155deg, rgba(226, 244, 255, .70), rgba(221, 253, 255, .62) 54%, rgba(236, 232, 255, .58));
  --cx-model-card-text: #111322;
  --cx-model-card-muted: #4e5a74;
  --cx-model-card-faint: #6c7893;
  --cx-model-panel-border: rgba(56, 81, 132, .13);
  --cx-model-platform-border: rgba(20, 184, 218, .30);
}

html.platform-theme.theme-console main .model-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: var(--cx-model-card-radius) !important;
  padding: 18px 18px 16px !important;
  color: var(--cx-model-card-text) !important;
  background:
    var(--cx-model-card-surface) padding-box,
    linear-gradient(135deg, rgba(124,92,255,.55), rgba(79,140,255,.42) 44%, rgba(20,200,244,.58)) border-box !important;
  box-shadow:
    0 22px 54px rgba(30, 44, 86, .16),
    0 10px 26px rgba(20, 200, 244, .08),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
  transform: translateZ(0) !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, filter .22s ease !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-card {
  box-shadow:
    0 24px 64px rgba(0,0,0,.34),
    0 12px 36px rgba(124,92,255,.10),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html.platform-theme.theme-console main .model-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(124,92,255,.20), transparent 26%),
    radial-gradient(circle at 96% 16%, rgba(20,200,244,.20), transparent 25%),
    radial-gradient(circle at 58% 108%, rgba(244,114,182,.10), transparent 32%) !important;
  opacity: .72 !important;
}

html.platform-theme.theme-console main .model-card::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), rgba(20,200,244,.54), transparent) !important;
  opacity: .72 !important;
}

html.platform-theme.theme-console main .model-card:hover {
  transform: translateY(-5px) !important;
  background:
    var(--cx-model-card-surface-hover) padding-box,
    linear-gradient(135deg, rgba(139,107,255,.78), rgba(85,152,255,.62) 42%, rgba(32,213,255,.80)) border-box !important;
  box-shadow:
    0 30px 72px rgba(30, 44, 86, .22),
    0 16px 42px rgba(79, 140, 255, .18),
    0 0 0 1px rgba(20,200,244,.10),
    inset 0 1px 0 rgba(255,255,255,.52) !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-card:hover {
  box-shadow:
    0 32px 82px rgba(0,0,0,.46),
    0 18px 52px rgba(79,140,255,.18),
    0 0 0 1px rgba(20,200,244,.10),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html.platform-theme.theme-console main .model-card-head {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

html.platform-theme.theme-console main .model-card-avatar {
  width: 62px !important;
  height: 62px !important;
  border-radius: 20px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(242,248,255,.92)) padding-box,
    linear-gradient(135deg, rgba(124,92,255,.64), rgba(20,200,244,.58)) border-box !important;
  box-shadow:
    0 16px 34px rgba(79,140,255,.16),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-card-avatar {
  border-color: rgba(124, 142, 180, .30) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,244,255,.90)) padding-box,
    linear-gradient(135deg, rgba(124,92,255,.64), rgba(20,200,244,.58)) border-box !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.30),
    0 0 28px rgba(79,140,255,.12),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

html.platform-theme.theme-console main .model-card-avatar img,
html.platform-theme.theme-console main .model-card-avatar svg {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
}

html.platform-theme.theme-console main .model-card-title-wrap {
  min-width: 0 !important;
}

html.platform-theme.theme-console main .model-card-title {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  letter-spacing: .015em !important;
  color: var(--cx-model-card-text) !important;
  font-size: clamp(18px, 1.35vw, 24px) !important;
  line-height: 1.08 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.24) !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-card-title {
  text-shadow: 0 2px 10px rgba(0,0,0,.38) !important;
}

html.platform-theme.theme-console main .model-card-kind,
html.platform-theme.theme-console main .model-card-rate {
  height: 22px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: var(--cx-model-card-text) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  border: 1px solid rgba(20, 200, 244, .34) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.42)) !important;
  box-shadow: 0 8px 20px rgba(79,140,255,.10), inset 0 1px 0 rgba(255,255,255,.76) !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-card-kind,
html.platform-theme.theme-console[data-theme="dark"] main .model-card-rate {
  color: #f7fbff !important;
  border-color: rgba(124, 146, 255, .32) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html.platform-theme.theme-console main .model-card-rate {
  color: #075985 !important;
  border-color: rgba(20, 200, 244, .42) !important;
  background: linear-gradient(135deg, rgba(124,92,255,.10), rgba(20,200,244,.17)) !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-card-rate {
  color: #dffcff !important;
}

html.platform-theme.theme-console main .model-card-image2 .model-card-rate {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  padding-inline: 10px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html.platform-theme.theme-console main .model-price-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html.platform-theme.theme-console main .model-price-panel {
  min-height: 132px !important;
  border-radius: 18px !important;
  padding: 15px 14px 13px !important;
  border: 1px solid var(--cx-model-panel-border) !important;
  background: var(--cx-model-panel-official) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 12px 26px rgba(25, 36, 72, .08) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

html.platform-theme.theme-console main .model-card:hover .model-price-panel {
  transform: translateY(-1px) !important;
}

html.platform-theme.theme-console main .model-price-panel-platform {
  border-color: var(--cx-model-platform-border) !important;
  background: var(--cx-model-panel-platform) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    0 14px 32px rgba(20, 200, 244, .10) !important;
}

html.platform-theme.theme-console main .model-price-title {
  margin-bottom: 10px !important;
  color: var(--cx-model-card-muted) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
}

html.platform-theme.theme-console main .model-price-title-platform {
  color: #007f91 !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-price-title-platform {
  color: #b8fff0 !important;
}

html.platform-theme.theme-console main .model-price-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 3px 0 !important;
  border-bottom: 1px dashed rgba(118, 145, 190, .16) !important;
}

html.platform-theme.theme-console main .model-price-row:last-child {
  border-bottom: 0 !important;
}

html.platform-theme.theme-console main .model-price-label,
html.platform-theme.theme-console main .model-price-unit {
  color: var(--cx-model-card-faint) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html.platform-theme.theme-console main .model-price-value {
  color: var(--cx-model-card-text) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
}

html.platform-theme.theme-console main .model-price-panel-platform .model-price-value {
  color: #007f91 !important;
}

html.platform-theme.theme-console[data-theme="dark"] main .model-price-panel-platform .model-price-value {
  color: #dfffe7 !important;
}

html.platform-theme.theme-console main .model-price-unit {
  display: block !important;
  margin-top: 8px !important;
  letter-spacing: .05em !important;
  opacity: .84 !important;
}

html.platform-theme.theme-console main .model-image2-primary-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin-top: 14px !important;
  color: var(--cx-model-card-text) !important;
  white-space: nowrap !important;
}

html.platform-theme.theme-console main .model-image2-channel-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px !important;
  line-height: 1.3 !important;
}

html.platform-theme.theme-console main .model-image2-channel-title span {
  color: var(--cx-model-card-faint) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html.platform-theme.theme-console main .model-image2-primary-price strong {
  color: var(--cx-model-card-text) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: clamp(20px, 1.7vw, 28px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html.platform-theme.theme-console main .model-image2-primary-price span,
html.platform-theme.theme-console main .model-image2-tier-row dd span,
html.platform-theme.theme-console main .model-image2-resolution {
  color: var(--cx-model-card-faint) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html.platform-theme.theme-console main .model-image2-resolution {
  margin-top: 12px !important;
}

html.platform-theme.theme-console main .model-image2-availability {
  display: grid !important;
  gap: 4px !important;
  margin-top: 11px !important;
  color: var(--cx-model-card-faint) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
}

html.platform-theme.theme-console main .model-image2-availability span {
  display: block !important;
}

html.platform-theme.theme-console main .model-image2-availability strong {
  color: var(--cx-model-card-text) !important;
  font-weight: 950 !important;
}

html.platform-theme.theme-console main .model-image2-tier-list {
  margin-top: 0 !important;
}

html.platform-theme.theme-console main .model-image2-tier-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 6px 0 !important;
  border-bottom: 1px dashed var(--cx-model-platform-border) !important;
}

html.platform-theme.theme-console main .model-image2-tier-row dt {
  color: var(--cx-model-card-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html.platform-theme.theme-console main .model-image2-tier-row dd {
  color: var(--cx-model-card-text) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html.platform-theme.theme-console main .model-image2-resolution-platform {
  margin-top: 8px !important;
}

@media (max-width: 900px) {
  html.platform-theme.theme-console main .model-card-head {
    grid-template-columns: 56px minmax(0, 1fr) !important;
  }
  html.platform-theme.theme-console main .model-card-avatar {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
  }
  html.platform-theme.theme-console main .model-price-grid {
    gap: 10px !important;
  }
}
/* === CX MODEL SQUARE PREMIUM CARDS 20260703 END === */

/* === CX MODEL CARD HEADER LAYOUT FIX 20260703 START === */
html.platform-theme.theme-console main .model-card .model-card-head {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 68px !important;
  height: auto !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
}

html.platform-theme.theme-console main .model-card .model-card-avatar {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 62px !important;
}

html.platform-theme.theme-console main .model-card .model-card-title-wrap {
  display: flex !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 7px !important;
}

html.platform-theme.theme-console main .model-card .model-card-title-wrap > div,
html.platform-theme.theme-console main .model-card .model-card-title-wrap > .flex {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

html.platform-theme.theme-console main .model-card .model-card-title {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 900px) {
  html.platform-theme.theme-console main .model-card .model-card-head {
    min-height: 60px !important;
    gap: 12px !important;
  }
  html.platform-theme.theme-console main .model-card .model-card-avatar {
    flex-basis: 54px !important;
  }
}
/* === CX MODEL CARD HEADER LAYOUT FIX 20260703 END === */

/* === CX MODEL CARD INNER RESET 20260703 START === */
html.platform-theme.theme-console main .model-card .model-card-head,
html.platform-theme.theme-console main .model-card .model-card-title-wrap,
html.platform-theme.theme-console main .model-card .model-card-title,
html.platform-theme.theme-console main .model-card .model-card-badges {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.platform-theme.theme-console main .model-card .model-card-head {
  border-radius: 0 !important;
}

html.platform-theme.theme-console main .model-card .model-card-title-wrap,
html.platform-theme.theme-console main .model-card .model-card-title,
html.platform-theme.theme-console main .model-card .model-card-badges {
  border-radius: 0 !important;
}

html.platform-theme.theme-console main .model-card .model-card-badges {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  transform: none !important;
}

html.platform-theme.theme-console main .model-card .model-price-panel {
  background: var(--cx-model-panel-official) !important;
  border: 1px solid var(--cx-model-panel-border) !important;
  border-radius: 18px !important;
}

html.platform-theme.theme-console main .model-card .model-price-panel-platform {
  background: var(--cx-model-panel-platform) !important;
  border-color: var(--cx-model-platform-border) !important;
}
/* === CX MODEL CARD INNER RESET 20260703 END === */

/* === CX MODEL CARD COMPACT PRICE GRID 20260703 START === */
html.platform-theme.theme-console main .model-card .model-price-grid {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  transform: none !important;
}

html.platform-theme.theme-console main .model-card {
  height: auto !important;
  min-height: 0 !important;
}
/* === CX MODEL CARD COMPACT PRICE GRID 20260703 END === */

/* === CX MODEL CARD AUTO HEIGHT 20260703 START === */
html.platform-theme.theme-console main .model-card {
  aspect-ratio: auto !important;
}
/* === CX MODEL CARD AUTO HEIGHT 20260703 END === */
/* === CX SIDEBAR HOVER + ACCOUNT SEPARATOR POLISH 20260703 START === */
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console .sidebar a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console .sidebar button.sidebar-link:not(.sidebar-link-active):not(.router-link-active):hover {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.platform-theme.theme-console[data-theme="light"] .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console[data-theme="light"] .sidebar a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  color: #0f172a !important;
}

html.platform-theme.theme-console[data-theme="dark"] .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console[data-theme="dark"] .sidebar a:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  color: #f7f8ff !important;
}

html.platform-theme.theme-console .sidebar .sidebar-link:hover .sidebar-label,
html.platform-theme.theme-console .sidebar a:hover .sidebar-label,
html.platform-theme.theme-console .sidebar .sidebar-link:hover .sidebar-label::before,
html.platform-theme.theme-console .sidebar .sidebar-link:hover .sidebar-label::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html.platform-theme.theme-console .sidebar [class*="border-t"],
html.platform-theme.theme-console .sidebar [class*="border-b"],
html.platform-theme.theme-console .sidebar [class*="divide-y"],
html.platform-theme.theme-console .sidebar [class*="divide-gray"],
html.platform-theme.theme-console .sidebar [class*="divide-slate"],
html.platform-theme.theme-console .sidebar .sidebar-section-title,
html.platform-theme.theme-console .sidebar .section-title,
html.platform-theme.theme-console .sidebar .text-xs,
html.platform-theme.theme-console .sidebar .text-[11px] {
  border-color: transparent !important;
  box-shadow: none !important;
  background-image: none !important;
}

html.platform-theme.theme-console .sidebar .sidebar-section-title::before,
html.platform-theme.theme-console .sidebar .sidebar-section-title::after,
html.platform-theme.theme-console .sidebar .section-title::before,
html.platform-theme.theme-console .sidebar .section-title::after {
  display: none !important;
}
/* === CX SIDEBAR HOVER + ACCOUNT SEPARATOR POLISH 20260703 END === */

/* === CX SIDEBAR HOVER FRAME REMOVAL 20260703 START === */
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console .sidebar a.sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console .sidebar button.sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover,
html.platform-theme.theme-console .sidebar-nav .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover::before,
html.platform-theme.theme-console .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover::after {
  opacity: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html.platform-theme.theme-console:not(.dark) .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  color: #111827 !important;
}
html.platform-theme.theme-console.dark .sidebar .sidebar-link:not(.sidebar-link-active):not(.router-link-active):not([aria-current="page"]):hover {
  color: #eaf7ff !important;
}
/* === CX SIDEBAR HOVER FRAME REMOVAL 20260703 END === */
/* === CX SIDEBAR TEXT SELECTION BOX REMOVAL 20260703 START === */
html.platform-theme.theme-console .sidebar,
html.platform-theme.theme-console .sidebar *,
html.platform-theme.theme-console aside.sidebar,
html.platform-theme.theme-console aside.sidebar * {
  -webkit-user-select: none !important;
  user-select: none !important;
}
html.platform-theme.theme-console .sidebar .sidebar-link .sidebar-label,
html.platform-theme.theme-console .sidebar .sidebar-link span,
html.platform-theme.theme-console .sidebar .sidebar-link strong,
html.platform-theme.theme-console .sidebar .sidebar-link em,
html.platform-theme.theme-console .sidebar nav a span,
html.platform-theme.theme-console aside.sidebar nav a span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  -webkit-box-decoration-break: clone !important;
  box-decoration-break: clone !important;
}
html.platform-theme.theme-console .sidebar .sidebar-link .sidebar-label::selection,
html.platform-theme.theme-console .sidebar .sidebar-link span::selection,
html.platform-theme.theme-console .sidebar nav a::selection,
html.platform-theme.theme-console .sidebar nav a *::selection {
  background: transparent !important;
  color: inherit !important;
}
/* === CX SIDEBAR TEXT SELECTION BOX REMOVAL 20260703 END === */
/* === CX SIDEBAR LABEL BACKDROP BOX REMOVAL 20260703 START === */
html.platform-theme.theme-console .sidebar .sidebar-link .sidebar-label,
html.platform-theme.theme-console .sidebar .sidebar-link span,
html.platform-theme.theme-console .sidebar nav a span,
html.platform-theme.theme-console aside.sidebar nav a span,
html.platform-theme.theme-console .sidebar .sidebar-link svg {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}
/* === CX SIDEBAR LABEL BACKDROP BOX REMOVAL 20260703 END === */
/* === CX SUPPORT TRIGGER LIGHT READABILITY 20260703 START === */
html.platform-theme:not(.dark) .platform-support-trigger,
html.platform-theme[data-theme="light"] .platform-support-trigger {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background: rgba(255,255,255,.88) !important;
  background-image: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,252,255,.84)) !important;
  border-color: rgba(20, 200, 244, .36) !important;
  box-shadow: 0 18px 46px rgba(43,52,88,.18), 0 0 0 1px rgba(255,255,255,.62) inset !important;
  text-shadow: none !important;
}
html.platform-theme:not(.dark) .platform-support-trigger .platform-support-trigger-copy,
html.platform-theme:not(.dark) .platform-support-trigger .platform-support-trigger-copy *,
html.platform-theme[data-theme="light"] .platform-support-trigger .platform-support-trigger-copy,
html.platform-theme[data-theme="light"] .platform-support-trigger .platform-support-trigger-copy * {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-shadow: none !important;
}
html.platform-theme:not(.dark) .platform-support-trigger .platform-support-trigger-copy > span,
html.platform-theme[data-theme="light"] .platform-support-trigger .platform-support-trigger-copy > span {
  color: #596077 !important;
  -webkit-text-fill-color: #596077 !important;
}
html.platform-theme:not(.dark) .platform-support-trigger .platform-support-headset,
html.platform-theme:not(.dark) .platform-support-trigger .platform-support-headset *,
html.platform-theme[data-theme="light"] .platform-support-trigger .platform-support-headset,
html.platform-theme[data-theme="light"] .platform-support-trigger .platform-support-headset * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: currentColor !important;
}
html.platform-theme.dark .platform-support-trigger .platform-support-trigger-copy,
html.platform-theme.dark .platform-support-trigger .platform-support-trigger-copy *,
html.platform-theme[data-theme="dark"] .platform-support-trigger .platform-support-trigger-copy,
html.platform-theme[data-theme="dark"] .platform-support-trigger .platform-support-trigger-copy * {
  color: #f7f8ff !important;
  -webkit-text-fill-color: #f7f8ff !important;
}
/* === CX SUPPORT TRIGGER LIGHT READABILITY 20260703 END === */
/* === CX SIDEBAR SECTION HEADING CLEAR FIX 20260703 START === */
/* Clear the small section-title blocks such as "我的账户": no black divider, no white chip. */
html.platform-theme.theme-console .sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title),
html.platform-theme.theme-console aside.sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title),
html.platform-theme.theme-console .sidebar :is([class*="uppercase"], [class*="tracking"], [class*="text-xs"], [class*="text-[11px]"]):not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title),
html.platform-theme.theme-console aside.sidebar :is([class*="uppercase"], [class*="tracking"], [class*="text-xs"], [class*="text-[11px]"]):not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.platform-theme.theme-console .sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title)::before,
html.platform-theme.theme-console .sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title)::after,
html.platform-theme.theme-console aside.sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title)::before,
html.platform-theme.theme-console aside.sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title)::after,
html.platform-theme.theme-console .sidebar :is([class*="uppercase"], [class*="tracking"], [class*="text-xs"], [class*="text-[11px]"]):not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title)::before,
html.platform-theme.theme-console .sidebar :is([class*="uppercase"], [class*="tracking"], [class*="text-xs"], [class*="text-[11px]"]):not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title)::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* If the title is wrapped by a separator container, keep the spacing but remove divider visuals. */
html.platform-theme.theme-console .sidebar :is([class*="border-r"], [class*="border-l"], [class*="border-y"], [class*="border-x"]):has(> :is(.sidebar-section-title, .section-title, [class*="text-xs"], [class*="text-[11px]"])) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* === CX SIDEBAR SECTION HEADING CLEAR FIX 20260703 END === */
/* === CX NIGHT GREEN AREAS TO BLUE + MODEL AVATAR FILL 20260703 START === */
html.platform-theme.theme-console {
  --cx-theme-blue-soft: rgba(79, 140, 255, .16);
  --cx-theme-blue-mid: rgba(79, 140, 255, .34);
  --cx-theme-cyan-mid: rgba(20, 200, 244, .30);
  --cx-theme-violet-mid: rgba(124, 92, 255, .32);
  --cx-theme-chip-text: #b9e9ff;
}

/* Dark mode: replace remaining emerald/green blocks with blue-purple glass. */
html.platform-theme.theme-console[data-theme="dark"] main :is(section, article, div)[class*="border-emerald"],
html.platform-theme.theme-console[data-theme="dark"] main :is(section, article, div)[class*="border-green"],
html.platform-theme.theme-console[data-theme="dark"] main :is(section, article, div)[class*="bg-[linear-gradient"][class*="52,211,153"],
html.platform-theme.theme-console[data-theme="dark"] main :is(section, article, div)[class*="bg-[linear-gradient"][class*="6,32,28"],
html.platform-theme.theme-console[data-theme="dark"] main :is(section, article, div)[class*="bg-[linear-gradient"][class*="7,17,18"],
html.platform-theme.theme-console[data-theme="dark"] main :is(section, article, div)[class*="bg-[linear-gradient"][class*="11,31,28"] {
  border-color: rgba(124, 146, 255, .28) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(124,92,255,.18), transparent 34%),
    radial-gradient(circle at 96% 8%, rgba(20,200,244,.16), transparent 32%),
    linear-gradient(145deg, rgba(14,18,38,.96), rgba(8,14,26,.98) 58%, rgba(10,24,43,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 78px -54px rgba(79,140,255,.66),
    0 0 0 1px rgba(20,200,244,.05) !important;
}

/* Dark mode: group/rate chips, model square label, dropdown group labels etc. */
html.platform-theme.theme-console[data-theme="dark"] main :is([class*="bg-emerald"], [class*="bg-green"], [class*="bg-teal"]):not(.platform-support-headset):not(.platform-support-copy),
html.platform-theme.theme-console[data-theme="dark"] [role="dialog"] :is([class*="bg-emerald"], [class*="bg-green"], [class*="bg-teal"]),
html.platform-theme.theme-console[data-theme="dark"] [data-headlessui-state] :is([class*="bg-emerald"], [class*="bg-green"], [class*="bg-teal"]),
html.platform-theme.theme-console[data-theme="dark"] .multiselect :is([class*="bg-emerald"], [class*="bg-green"], [class*="bg-teal"]) {
  background: linear-gradient(135deg, rgba(124,92,255,.22), rgba(20,200,244,.18)) !important;
  border-color: rgba(79,140,255,.36) !important;
  color: var(--cx-theme-chip-text) !important;
  box-shadow: 0 10px 28px -22px rgba(79,140,255,.72) !important;
}
html.platform-theme.theme-console[data-theme="dark"] main :is([class*="border-emerald"], [class*="border-green"], [class*="border-teal"]),
html.platform-theme.theme-console[data-theme="dark"] [role="dialog"] :is([class*="border-emerald"], [class*="border-green"], [class*="border-teal"]),
html.platform-theme.theme-console[data-theme="dark"] [data-headlessui-state] :is([class*="border-emerald"], [class*="border-green"], [class*="border-teal"]) {
  border-color: rgba(79,140,255,.38) !important;
}
html.platform-theme.theme-console[data-theme="dark"] main :is([class*="text-emerald"], [class*="text-green"], [class*="text-teal"]),
html.platform-theme.theme-console[data-theme="dark"] [role="dialog"] :is([class*="text-emerald"], [class*="text-green"], [class*="text-teal"]),
html.platform-theme.theme-console[data-theme="dark"] [data-headlessui-state] :is([class*="text-emerald"], [class*="text-green"], [class*="text-teal"]),
html.platform-theme.theme-console[data-theme="dark"] main .text-green-500,
html.platform-theme.theme-console[data-theme="dark"] main .text-green-600,
html.platform-theme.theme-console[data-theme="dark"] main .text-emerald-500,
html.platform-theme.theme-console[data-theme="dark"] main .text-emerald-600 {
  color: #7dd3fc !important;
  -webkit-text-fill-color: #7dd3fc !important;
}
html.platform-theme.theme-console[data-theme="dark"] main :is([class*="shadow-"][class*="52,211,153"], [class*="shadow-"][class*="110,231,183"], [class*="shadow-"][class*="34,197,94"]) {
  box-shadow: 0 18px 54px -40px rgba(79,140,255,.72) !important;
}

/* All modes: group selector chips should read as blue/cyan, not green. */
html.platform-theme.theme-console main :is(button, span, div)[class*="bg-emerald"][class*="rounded"],
html.platform-theme.theme-console main :is(button, span, div)[class*="bg-green"][class*="rounded"],
html.platform-theme.theme-console [role="listbox"] :is(button, span, div)[class*="bg-emerald"],
html.platform-theme.theme-console [role="listbox"] :is(button, span, div)[class*="bg-green"],
html.platform-theme.theme-console [class*="select"] :is(button, span, div)[class*="bg-emerald"],
html.platform-theme.theme-console [class*="dropdown"] :is(button, span, div)[class*="bg-emerald"] {
  background: linear-gradient(135deg, rgba(124,92,255,.16), rgba(20,200,244,.18)) !important;
  border-color: rgba(79,140,255,.38) !important;
  color: #0ea5e9 !important;
}
html.platform-theme.theme-console[data-theme="dark"] main :is(button, span, div)[class*="bg-emerald"][class*="rounded"],
html.platform-theme.theme-console[data-theme="dark"] main :is(button, span, div)[class*="bg-green"][class*="rounded"],
html.platform-theme.theme-console[data-theme="dark"] [role="listbox"] :is(button, span, div)[class*="bg-emerald"],
html.platform-theme.theme-console[data-theme="dark"] [role="listbox"] :is(button, span, div)[class*="bg-green"],
html.platform-theme.theme-console[data-theme="dark"] [class*="select"] :is(button, span, div)[class*="bg-emerald"],
html.platform-theme.theme-console[data-theme="dark"] [class*="dropdown"] :is(button, span, div)[class*="bg-emerald"] {
  color: #b9e9ff !important;
}

/* Checkboxes/badges in model config: blue accent instead of green. */
html.platform-theme.theme-console input[type="checkbox"] {
  accent-color: #4f8cff !important;
}
html.platform-theme.theme-console input[type="checkbox"]:checked {
  background-color: #4f8cff !important;
  border-color: #4f8cff !important;
}

/* Model square cards: avatar frame smaller, and the image fills the rounded-square frame. */
html.platform-theme.theme-console main .model-card .model-card-head {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  min-height: 56px !important;
  gap: 12px !important;
}
html.platform-theme.theme-console main .model-card .model-card-avatar {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: block !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(242,248,255,.92)) padding-box,
    linear-gradient(135deg, rgba(124,92,255,.70), rgba(20,200,244,.62)) border-box !important;
}
html.platform-theme.theme-console main .model-card .model-card-avatar-inner,
html.platform-theme.theme-console main .model-card .model-card-avatar > span,
html.platform-theme.theme-console main .model-card .model-card-avatar > div {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html.platform-theme.theme-console main .model-card .model-card-avatar img,
html.platform-theme.theme-console main .model-card .model-card-avatar svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* === CX NIGHT GREEN AREAS TO BLUE + MODEL AVATAR FILL 20260703 END === */
/* === CX MODEL PLATFORM PANEL BLUE TONE 20260703 START === */
html.platform-theme.theme-console[data-theme="dark"] {
  --cx-model-panel-platform: linear-gradient(155deg, rgba(28, 26, 62, .78), rgba(18, 46, 78, .58) 58%, rgba(13, 23, 45, .76));
  --cx-model-platform-border: rgba(79, 140, 255, .42);
}
html.platform-theme.theme-console[data-theme="dark"] main .model-card .model-price-panel-platform {
  background: var(--cx-model-panel-platform) !important;
  border-color: var(--cx-model-platform-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 14px 34px rgba(79,140,255,.12) !important;
}
html.platform-theme.theme-console[data-theme="dark"] main .model-card .model-price-title-platform,
html.platform-theme.theme-console[data-theme="dark"] main .model-card .model-price-panel-platform .model-price-label,
html.platform-theme.theme-console[data-theme="dark"] main .model-card .model-price-panel-platform .model-price-unit {
  color: rgba(200, 222, 255, .86) !important;
  -webkit-text-fill-color: rgba(200, 222, 255, .86) !important;
}
html.platform-theme.theme-console[data-theme="dark"] main .model-card .model-price-panel-platform .model-price-value {
  color: #8fd8ff !important;
  -webkit-text-fill-color: #8fd8ff !important;
}
/* === CX MODEL PLATFORM PANEL BLUE TONE 20260703 END === */
/* === CX MODEL AVATAR INNER NO PADDING 20260703 START === */
html.platform-theme.theme-console main .model-card .model-card-avatar .model-card-avatar-inner,
html.platform-theme.theme-console main .model-card .model-card-avatar > span,
html.platform-theme.theme-console main .model-card .model-card-avatar > div {
  padding: 0 !important;
  box-sizing: border-box !important;
}
html.platform-theme.theme-console main .model-card .model-card-avatar .model-card-avatar-inner > img,
html.platform-theme.theme-console main .model-card .model-card-avatar .model-card-avatar-inner > svg {
  width: 100% !important;
  height: 100% !important;
}
/* === CX MODEL AVATAR INNER NO PADDING 20260703 END === */
/* === CX REDEEM NIGHT DECORATIVE GRADIENT BLUE 20260703 START === */
html.platform-theme.theme-console[data-theme="dark"] main :is(div, span)[class*="from-emerald"][class*="via-lime"],
html.platform-theme.theme-console[data-theme="dark"] main :is(div, span)[class*="from-emerald"][class*="to-yellow"],
html.platform-theme.theme-console[data-theme="dark"] main :is(div, span)[class*="via-emerald"],
html.platform-theme.theme-console[data-theme="dark"] main :is(div, span)[class*="via-lime"] {
  background-image: linear-gradient(180deg, #7c5cff 0%, #4f8cff 52%, #14c8f4 100%) !important;
  box-shadow: 0 0 22px rgba(79,140,255,.28) !important;
}
html.platform-theme.theme-console[data-theme="dark"] main :is(div, span)[class*="from-transparent"][class*="via-emerald"] {
  background-image: linear-gradient(90deg, transparent, rgba(79,140,255,.62), rgba(20,200,244,.42), transparent) !important;
  box-shadow: none !important;
}
/* === CX REDEEM NIGHT DECORATIVE GRADIENT BLUE 20260703 END === */
/* === CX NIGHT BLACK SCREEN FIX 20260704 START === */
/* 修复公告弹窗遮罩类误残留到主页面后，夜间模式整站变黑的问题。 */
html.platform-theme.theme-console,
html.platform-theme.theme-console body,
html.platform-theme.theme-console #app {
  opacity: 1 !important;
  filter: none !important;
}
html.platform-theme.theme-console body::before,
html.platform-theme.theme-console body::after,
html.platform-theme.theme-console .bg-mesh-gradient,
html.platform-theme.theme-console .cx-advanced-noise,
html.platform-theme.theme-console .cx-advanced-cursor,
html.platform-theme.theme-console .cx-advanced-orb {
  pointer-events: none !important;
  z-index: 0 !important;
}
html.platform-theme.theme-console #app {
  position: relative !important;
  z-index: 2 !important;
}
html.platform-theme.theme-console .sidebar { z-index: 40 !important; }
html.platform-theme.theme-console header,
html.platform-theme.theme-console .sticky.top-0 { z-index: 30 !important; }
html.platform-theme.theme-console[data-theme="dark"] .cx-advanced-noise,
html.platform-theme.theme-console[data-theme="dark"] body::before {
  opacity: .055 !important;
  mix-blend-mode: screen !important;
}
/* 只有真正的公告弹窗遮罩才允许变暗；误加到非 fixed 页面容器上的类必须保持透明。
   不要用 :has(.platform-announcement-confirm) 判断真实弹窗：未读公告在打开后会立即
   标记已读并移除确认按钮，支持 :has() 的浏览器会因此误隐藏仍在显示的详情层。 */
html.platform-theme.theme-console .platform-announcement-overlay:not(.fixed):not([class*="fixed"]) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.platform-theme.theme-console body > .platform-announcement-overlay:not(.fixed):not([class*="fixed"]) {
  display: none !important;
}
/* === CX NIGHT BLACK SCREEN FIX 20260704 END === */

/* === CX REDEEM DARK GLASS RESTORE 20260704 START === */
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] {
  --cx-redeem-panel-bg: linear-gradient(145deg, rgba(7, 12, 28, .94), rgba(10, 22, 43, .88) 54%, rgba(20, 17, 42, .92));
  --cx-redeem-card-bg: radial-gradient(circle at 88% 10%, rgba(20, 200, 244, .18), transparent 42%), radial-gradient(circle at 10% 96%, rgba(124, 92, 255, .22), transparent 48%), linear-gradient(150deg, rgba(10, 15, 31, .96), rgba(15, 22, 45, .90) 55%, rgba(18, 16, 38, .94));
  --cx-redeem-card-bg-hover: radial-gradient(circle at 88% 10%, rgba(20, 200, 244, .25), transparent 42%), radial-gradient(circle at 10% 96%, rgba(124, 92, 255, .28), transparent 48%), linear-gradient(150deg, rgba(12, 18, 38, .98), rgba(20, 30, 60, .92) 55%, rgba(24, 20, 50, .96));
  --cx-redeem-border: rgba(111, 154, 255, .34);
  --cx-redeem-border-strong: rgba(20, 200, 244, .52);
  --cx-redeem-inner: rgba(255, 255, 255, .10);
  --cx-redeem-muted: rgba(205, 218, 255, .80);
  --cx-redeem-soft: rgba(172, 190, 230, .74);
  --cx-redeem-chip-bg: rgba(16, 28, 58, .78);
}

html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-redeem-recharge-panel,
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-redeem-subscription-panel,
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-redeem-code-card,
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-redeem-info-card {
  background: var(--cx-redeem-panel-bg) !important;
  border-color: rgba(111, 154, 255, .28) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .36), 0 0 60px rgba(79, 140, 255, .10), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-recharge-card,
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-subscription-card {
  background: var(--cx-redeem-card-bg) !important;
  border-color: var(--cx-redeem-border) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .34), 0 0 0 1px rgba(124, 92, 255, .10), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-recharge-card:hover,
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-subscription-card:hover {
  background: var(--cx-redeem-card-bg-hover) !important;
  border-color: rgba(20, 200, 244, .58) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .40), 0 0 46px rgba(20, 200, 244, .16), 0 0 0 1px rgba(124, 92, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

/* 去掉夜间模式里误继承出来的灰白玻璃块，统一改成蓝紫暗玻璃 */
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main :is(.cx-recharge-card, .cx-subscription-card) :is(
  [class*="bg-white"],
  [class*="bg-gray"],
  [class*="bg-slate"],
  [class*="bg-zinc"],
  [class*="from-white"],
  [class*="to-white"],
  [class*="from-gray"],
  [class*="to-gray"],
  [class*="from-slate"],
  [class*="to-slate"],
  [class*="from-zinc"],
  [class*="to-zinc"],
  [class*="rounded-xl"][class*="border"],
  [class*="rounded-2xl"][class*="border"],
  [class*="rounded-3xl"][class*="border"]
):not(a):not(button):not(input):not(textarea):not(select) {
  background: linear-gradient(135deg, rgba(11, 18, 39, .84), rgba(22, 42, 76, .60) 54%, rgba(38, 28, 78, .48)) !important;
  border-color: rgba(119, 142, 255, .34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 16px 42px rgba(0, 0, 0, .20) !important;
  color: rgba(239, 246, 255, .94) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, .94) !important;
}

/* 金额/到账信息在夜间保持清晰，但不要灰白发闷 */
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-recharge-card :is(h1,h2,h3,h4,p,span,div),
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-subscription-card :is(h1,h2,h3,h4,p,span,div) {
  color: rgba(236, 244, 255, .92) !important;
}

html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-recharge-card :is([class*="text-cyan"],[class*="text-teal"],[class*="text-emerald"]),
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-subscription-card :is([class*="text-cyan"],[class*="text-teal"],[class*="text-emerald"]) {
  color: #8ee8ff !important;
  -webkit-text-fill-color: #8ee8ff !important;
}

/* 右上角价格胶囊：淡雅蓝紫，不再使用过艳黄绿/灰白 */
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-recharge-card :is(div,span)[class*="absolute"][class*="rounded"],
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-subscription-card :is(div,span)[class*="absolute"][class*="rounded"] {
  background: linear-gradient(135deg, rgba(124, 92, 255, .78), rgba(20, 200, 244, .70)) !important;
  border-color: rgba(186, 214, 255, .34) !important;
  box-shadow: 0 18px 42px rgba(20, 200, 244, .16), 0 12px 30px rgba(124, 92, 255, .18), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-recharge-card:nth-of-type(3) :is(div,span)[class*="absolute"][class*="rounded"],
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-subscription-card:nth-of-type(2) :is(div,span)[class*="absolute"][class*="rounded"] {
  background: linear-gradient(135deg, rgba(139, 92, 246, .76), rgba(56, 189, 248, .66)) !important;
}

html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-recharge-card:nth-of-type(4) :is(div,span)[class*="absolute"][class*="rounded"],
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-subscription-card:nth-of-type(3) :is(div,span)[class*="absolute"][class*="rounded"] {
  background: linear-gradient(135deg, rgba(124, 92, 255, .76), rgba(244, 114, 182, .46), rgba(20, 200, 244, .58)) !important;
}

html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-redeem-page a,
html.platform-theme.theme-console.theme-redeem[data-theme="dark"] body #app main .cx-redeem-page button {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* === CX REDEEM DARK GLASS RESTORE 20260704 END === */

/* === CX REDEEM DARK REAL FIX 20260704 START ===
   修复夜间充值/订阅套餐内层 Tailwind 玻璃块发灰问题。
   同时兼容 html[data-theme=dark] 与 html.dark 两种主题状态。 */
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-redeem-page {
  --cx-redeem-page-text: #f4f8ff;
  --cx-redeem-muted: rgba(205, 218, 255, .78);
  --cx-redeem-soft: rgba(170, 188, 226, .74);
  --cx-redeem-panel-bg: linear-gradient(145deg, rgba(7, 12, 28, .94), rgba(10, 22, 43, .88) 54%, rgba(20, 17, 42, .92));
  --cx-redeem-card-bg: radial-gradient(circle at 82% 12%, rgba(20, 200, 244, .20), transparent 38%), radial-gradient(circle at 10% 96%, rgba(124, 92, 255, .22), transparent 46%), linear-gradient(150deg, rgba(9, 14, 31, .98), rgba(15, 22, 47, .94) 55%, rgba(18, 16, 42, .96));
  --cx-redeem-card-bg-hover: radial-gradient(circle at 82% 12%, rgba(20, 200, 244, .26), transparent 38%), radial-gradient(circle at 10% 96%, rgba(124, 92, 255, .28), transparent 46%), linear-gradient(150deg, rgba(12, 18, 38, .99), rgba(20, 30, 60, .95) 55%, rgba(25, 20, 54, .97));
  --cx-redeem-border: rgba(118, 144, 255, .36);
  --cx-redeem-border-strong: rgba(51, 210, 255, .58);
  --cx-redeem-inner: rgba(255, 255, 255, .10);
  color: var(--cx-redeem-page-text) !important;
}

html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-redeem-recharge-panel,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-redeem-subscription-panel,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-redeem-code-card,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-redeem-info-card {
  background: var(--cx-redeem-panel-bg) !important;
  border-color: rgba(118, 144, 255, .30) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .38), 0 0 60px rgba(79, 140, 255, .11), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-subscription-card {
  background: var(--cx-redeem-card-bg) !important;
  border-color: rgba(118, 144, 255, .38) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .36), 0 0 0 1px rgba(124, 92, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card:hover,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-subscription-card:hover {
  background: var(--cx-redeem-card-bg-hover) !important;
  border-color: rgba(51, 210, 255, .62) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, .42), 0 0 46px rgba(20, 200, 244, .18), 0 0 0 1px rgba(124, 92, 255, .18), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

/* 重点：充值卡 “到账平台余额” 与订阅卡 “总价值/额度/模型”等内层块，不准再变灰。 */
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card :is(
  [class*="bg-cyan-300"],
  [class*="bg-emerald-300"],
  [class*="bg-yellow-300"],
  [class*="bg-white"],
  [class*="bg-gray"],
  [class*="bg-slate"],
  [class*="from-cyan"],
  [class*="from-emerald"],
  [class*="from-yellow"],
  [class*="from-white"],
  [class*="via-cyan"],
  [class*="via-emerald"],
  [class*="via-yellow"],
  [class*="to-cyan"],
  [class*="to-emerald"],
  [class*="to-yellow"],
  [class*="to-white"],
  [class*="rounded-xl"][class*="border"],
  [class*="rounded-2xl"][class*="border"],
  [class*="rounded-3xl"][class*="border"]
):not(a):not(button):not(input):not(textarea):not(select),
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-subscription-card :is(
  [class*="bg-cyan-300"],
  [class*="bg-emerald-300"],
  [class*="bg-yellow-300"],
  [class*="bg-white"],
  [class*="bg-gray"],
  [class*="bg-slate"],
  [class*="from-cyan"],
  [class*="from-emerald"],
  [class*="from-yellow"],
  [class*="from-white"],
  [class*="via-cyan"],
  [class*="via-emerald"],
  [class*="via-yellow"],
  [class*="to-cyan"],
  [class*="to-emerald"],
  [class*="to-yellow"],
  [class*="to-white"],
  [class*="rounded-xl"][class*="border"],
  [class*="rounded-2xl"][class*="border"],
  [class*="rounded-3xl"][class*="border"]
):not(a):not(button):not(input):not(textarea):not(select) {
  background: radial-gradient(circle at 100% 0%, rgba(20, 200, 244, .14), transparent 58%), linear-gradient(135deg, rgba(10, 18, 39, .88), rgba(20, 36, 72, .66) 54%, rgba(37, 29, 82, .52)) !important;
  border-color: rgba(118, 144, 255, .36) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 16px 42px rgba(0, 0, 0, .22) !important;
  color: rgba(236, 244, 255, .94) !important;
  -webkit-text-fill-color: rgba(236, 244, 255, .94) !important;
}

/* 卡片标题、说明、金额：夜间统一保持亮文字，不再被灰色背景吞掉。 */
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card :is(h1,h2,h3,h4,p,span,div),
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-subscription-card :is(h1,h2,h3,h4,p,span,div) {
  color: rgba(236, 244, 255, .94) !important;
}
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card :is([class*="text-cyan"],[class*="text-emerald"],[class*="text-teal"]),
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-subscription-card :is([class*="text-cyan"],[class*="text-emerald"],[class*="text-teal"]) {
  color: #8ee8ff !important;
  -webkit-text-fill-color: #8ee8ff !important;
}

/* 充值卡右上角金额胶囊：保留等级差异，但全部压成淡雅蓝紫主题。 */
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card > div > div:first-child > div:last-child,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card :is(div,span)[class*="text-xl"][class*="font-black"] {
  background: linear-gradient(135deg, rgba(124, 92, 255, .82), rgba(20, 200, 244, .74)) !important;
  border-color: rgba(186, 214, 255, .34) !important;
  box-shadow: 0 18px 42px rgba(20, 200, 244, .18), 0 12px 30px rgba(124, 92, 255, .20), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card:nth-of-type(3) > div > div:first-child > div:last-child,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card:nth-of-type(3) :is(div,span)[class*="text-xl"][class*="font-black"] {
  background: linear-gradient(135deg, rgba(139, 92, 246, .82), rgba(56, 189, 248, .68)) !important;
}
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card:nth-of-type(4) > div > div:first-child > div:last-child,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-recharge-card:nth-of-type(4) :is(div,span)[class*="text-xl"][class*="font-black"] {
  background: linear-gradient(135deg, rgba(124, 92, 255, .78), rgba(244, 114, 182, .48), rgba(20, 200, 244, .60)) !important;
}

html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-redeem-page a,
html.platform-theme.theme-redeem:is([data-theme="dark"], .dark) body #app main .cx-redeem-page button {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* === CX REDEEM DARK REAL FIX 20260704 END === */

/* === CX REDEEM DARK DIRECT CUSTOM BLOCK FIX 20260704 START ===
   真实截图确认：灰色块来自自定义 class：recharge-voucher-balance / subscription-voucher-*。
   这里直接覆盖这些块，避免被旧的白色玻璃样式污染。 */
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-pricebox,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-quotabox,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel {
  background-color: rgba(12, 19, 44, .86) !important;
  background-image:
    radial-gradient(circle at 88% 0%, rgba(31, 197, 255, .18), transparent 54%),
    radial-gradient(circle at 8% 100%, rgba(124, 92, 255, .20), transparent 58%),
    linear-gradient(135deg, rgba(11, 18, 42, .92), rgba(19, 32, 68, .76) 56%, rgba(31, 25, 76, .68)) !important;
  border-color: rgba(130, 168, 255, .36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(20,200,244,.08),
    0 14px 34px rgba(0,0,0,.24) !important;
  color: rgba(242,247,255,.96) !important;
  -webkit-text-fill-color: rgba(242,247,255,.96) !important;
}

html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance *,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-pricebox *,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-quotabox *,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel * {
  color: rgba(242,247,255,.96) !important;
  -webkit-text-fill-color: rgba(242,247,255,.96) !important;
}

html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance :is([class*="text-2xl"], [class*="font-black"]),
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-pricebox :is([class*="text-2xl"], [class*="text-3xl"], [class*="font-black"]),
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-quotabox :is([class*="text-2xl"], [class*="text-3xl"], [class*="font-black"]),
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel :is([class*="text-2xl"], [class*="text-3xl"], [class*="font-black"]) {
  color: #9beaff !important;
  -webkit-text-fill-color: #9beaff !important;
  text-shadow: 0 0 18px rgba(31,197,255,.22) !important;
}

html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .grid.grid-cols-2 > div {
  background-color: rgba(12, 19, 44, .80) !important;
  background-image:
    radial-gradient(circle at 92% 6%, rgba(31,197,255,.15), transparent 54%),
    linear-gradient(135deg, rgba(10,16,36,.88), rgba(22,35,70,.62)) !important;
  border-color: rgba(130,168,255,.30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 26px rgba(0,0,0,.18) !important;
}

html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .rounded-full {
  background: rgba(18, 31, 70, .78) !important;
  border-color: rgba(91, 158, 255, .34) !important;
  color: #bfeaff !important;
  -webkit-text-fill-color: #bfeaff !important;
}
/* === CX REDEEM DARK DIRECT CUSTOM BLOCK FIX 20260704 END === */

/* === CX REDEEM TIERED GLASS POLISH 20260704 START ===
   充值/订阅套餐：日间做淡雅玻璃质感，夜间保留蓝紫科技感；每个档位保留低饱和等级区分。 */
html.platform-theme.theme-redeem body #app main .cx-redeem-page :is(.recharge-voucher-tier-emerald, .subscription-voucher-tier-blue) {
  --cx-tier-rgb-a: 20, 184, 166;
  --cx-tier-rgb-b: 14, 165, 233;
  --cx-tier-rgb-c: 124, 92, 255;
  --cx-tier-text: #07839b;
  --cx-tier-soft: rgba(20, 184, 166, .16);
}
html.platform-theme.theme-redeem body #app main .cx-redeem-page :is(.recharge-voucher-tier-cyan) {
  --cx-tier-rgb-a: 14, 165, 233;
  --cx-tier-rgb-b: 96, 165, 250;
  --cx-tier-rgb-c: 124, 92, 255;
  --cx-tier-text: #0a7fb5;
  --cx-tier-soft: rgba(14, 165, 233, .16);
}
html.platform-theme.theme-redeem body #app main .cx-redeem-page :is(.recharge-voucher-tier-violet, .subscription-voucher-tier-violet) {
  --cx-tier-rgb-a: 139, 92, 246;
  --cx-tier-rgb-b: 56, 189, 248;
  --cx-tier-rgb-c: 217, 70, 239;
  --cx-tier-text: #7658d8;
  --cx-tier-soft: rgba(139, 92, 246, .15);
}
html.platform-theme.theme-redeem body #app main .cx-redeem-page :is(.recharge-voucher-tier-amber, .subscription-voucher-tier-gold) {
  --cx-tier-rgb-a: 245, 158, 11;
  --cx-tier-rgb-b: 56, 189, 248;
  --cx-tier-rgb-c: 124, 92, 255;
  --cx-tier-text: #c88413;
  --cx-tier-soft: rgba(245, 158, 11, .13);
}

/* 日间：柔和、通透，不用高饱和色块 */
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card {
  background-color: rgba(255,255,255,.54) !important;
  background-image:
    radial-gradient(circle at 88% 10%, rgba(var(--cx-tier-rgb-a), .13), transparent 42%),
    radial-gradient(circle at 6% 96%, rgba(var(--cx-tier-rgb-c), .10), transparent 50%),
    linear-gradient(145deg, rgba(255,255,255,.72), rgba(244,250,255,.54) 52%, rgba(236,245,255,.42)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .30) !important;
  box-shadow:
    0 22px 54px rgba(51, 82, 130, .10),
    0 0 0 1px rgba(255,255,255,.64) inset,
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  color: #17223b !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card:hover,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .52) !important;
  box-shadow:
    0 30px 72px rgba(51, 82, 130, .16),
    0 0 34px rgba(var(--cx-tier-rgb-b), .16),
    0 0 0 1px rgba(255,255,255,.72) inset !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card :is(.subscription-voucher-pricebox, .subscription-voucher-quotabox, .subscription-voucher-modelpanel),
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card .grid.grid-cols-2 > div {
  background-color: rgba(255,255,255,.50) !important;
  background-image:
    radial-gradient(circle at 88% 0%, rgba(var(--cx-tier-rgb-a), .12), transparent 54%),
    linear-gradient(135deg, rgba(255,255,255,.66), rgba(240,249,255,.42)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 12px 30px rgba(51, 82, 130, .08) !important;
  color: #23304f !important;
  -webkit-text-fill-color: #23304f !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance :is([class*="text-2xl"], [class*="font-black"]),
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card :is(.subscription-voucher-pricebox, .subscription-voucher-quotabox, .subscription-voucher-modelpanel) :is([class*="text-2xl"], [class*="text-3xl"], [class*="font-black"]) {
  color: var(--cx-tier-text) !important;
  -webkit-text-fill-color: var(--cx-tier-text) !important;
  text-shadow: 0 10px 26px rgba(var(--cx-tier-rgb-a), .10) !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card > div > div:first-child > div:last-child,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card .flex.items-start.justify-between > div:last-child {
  background-color: rgba(255,255,255,.54) !important;
  background-image:
    radial-gradient(circle at 86% 4%, rgba(var(--cx-tier-rgb-b), .20), transparent 56%),
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(var(--cx-tier-rgb-a), .15)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .30) !important;
  box-shadow: 0 16px 36px rgba(var(--cx-tier-rgb-a), .13), inset 0 1px 0 rgba(255,255,255,.78) !important;
  color: var(--cx-tier-text) !important;
  -webkit-text-fill-color: var(--cx-tier-text) !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card [class*="CX.API"],
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-recharge-card .rounded-full,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card .rounded-full {
  background: rgba(255,255,255,.52) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .22) !important;
  color: var(--cx-tier-text) !important;
  -webkit-text-fill-color: var(--cx-tier-text) !important;
}

/* 夜间：修掉灰白块，使用低饱和深蓝紫玻璃，同时保留档位差异 */
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card {
  background-color: rgba(8, 12, 30, .94) !important;
  background-image:
    radial-gradient(circle at 88% 10%, rgba(var(--cx-tier-rgb-a), .16), transparent 42%),
    radial-gradient(circle at 8% 100%, rgba(var(--cx-tier-rgb-c), .18), transparent 52%),
    linear-gradient(150deg, rgba(8, 12, 30, .98), rgba(14, 20, 45, .94) 54%, rgba(20, 17, 48, .94)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .30) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.38),
    0 0 34px rgba(var(--cx-tier-rgb-b), .08),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card:hover,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .54) !important;
  box-shadow:
    0 30px 76px rgba(0,0,0,.46),
    0 0 38px rgba(var(--cx-tier-rgb-b), .16),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card :is(.subscription-voucher-pricebox, .subscription-voucher-quotabox, .subscription-voucher-modelpanel),
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .grid.grid-cols-2 > div {
  background-color: rgba(11, 18, 42, .82) !important;
  background-image:
    radial-gradient(circle at 88% 0%, rgba(var(--cx-tier-rgb-a), .14), transparent 56%),
    linear-gradient(135deg, rgba(10, 16, 37, .90), rgba(20, 32, 68, .62) 58%, rgba(37, 29, 82, .45)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 12px 30px rgba(0,0,0,.24) !important;
  color: rgba(239,246,255,.94) !important;
  -webkit-text-fill-color: rgba(239,246,255,.94) !important;
}
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card > div > div:first-child > div:last-child,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .flex.items-start.justify-between > div:last-child {
  background-color: rgba(16, 24, 55, .76) !important;
  background-image:
    radial-gradient(circle at 86% 4%, rgba(var(--cx-tier-rgb-b), .24), transparent 56%),
    linear-gradient(135deg, rgba(124, 92, 255, .32), rgba(var(--cx-tier-rgb-a), .26)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .36) !important;
  box-shadow: 0 16px 40px rgba(var(--cx-tier-rgb-a), .16), inset 0 1px 0 rgba(255,255,255,.16) !important;
  color: #ecf7ff !important;
  -webkit-text-fill-color: #ecf7ff !important;
}
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card [class*="CX.API"],
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .rounded-full,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .rounded-full {
  background: rgba(18, 28, 62, .72) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .30) !important;
  color: #cfefff !important;
  -webkit-text-fill-color: #cfefff !important;
}
/* === CX REDEEM TIERED GLASS POLISH 20260704 END === */

/* === CX REDEEM DARK SUBSCRIPTION PILL FIX 20260704 START === */
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card :is(.flex.flex-wrap.gap-2, .subscription-voucher-modelpanel) > :is(div,span,p),
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-subscription-card :is(.flex.flex-wrap.gap-2, .subscription-voucher-modelpanel) .rounded-full {
  background-color: rgba(17, 29, 66, .78) !important;
  background-image: linear-gradient(135deg, rgba(var(--cx-tier-rgb-b), .14), rgba(var(--cx-tier-rgb-c), .10)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .34) !important;
  color: #d8f3ff !important;
  -webkit-text-fill-color: #d8f3ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.16) !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card :is(.flex.flex-wrap.gap-2, .subscription-voucher-modelpanel) > :is(div,span,p),
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card :is(.flex.flex-wrap.gap-2, .subscription-voucher-modelpanel) .rounded-full {
  background-color: rgba(255,255,255,.52) !important;
  background-image: linear-gradient(135deg, rgba(var(--cx-tier-rgb-b), .08), rgba(var(--cx-tier-rgb-c), .06)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .24) !important;
  color: var(--cx-tier-text) !important;
  -webkit-text-fill-color: var(--cx-tier-text) !important;
}
/* === CX REDEEM DARK SUBSCRIPTION PILL FIX 20260704 END === */

/* === CX REDEEM ORANGE AND PILL CLEANUP 20260704 START === */
html.platform-theme.theme-redeem body #app main .cx-redeem-page :is(.recharge-voucher-tier-amber, .recharge-voucher-tier-gold, .subscription-voucher-tier-gold) {
  --cx-tier-rgb-a: 249, 115, 22;
  --cx-tier-rgb-b: 251, 146, 60;
  --cx-tier-rgb-c: 124, 92, 255;
  --cx-tier-text: #ea6a18;
  --cx-tier-soft: rgba(249, 115, 22, .12);
}

/* CX.API 充值兑换码胶囊：去掉灰色，按档位换成柔和主题色 */
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-eyebrow {
  background-color: rgba(255,255,255,.52) !important;
  background-image: linear-gradient(135deg, rgba(var(--cx-tier-rgb-a), .10), rgba(var(--cx-tier-rgb-b), .08)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .26) !important;
  color: var(--cx-tier-text) !important;
  -webkit-text-fill-color: var(--cx-tier-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 22px rgba(var(--cx-tier-rgb-a), .08) !important;
}
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-eyebrow {
  background-color: rgba(18, 28, 62, .76) !important;
  background-image: linear-gradient(135deg, rgba(var(--cx-tier-rgb-a), .22), rgba(var(--cx-tier-rgb-c), .14)) !important;
  border-color: rgba(var(--cx-tier-rgb-b), .34) !important;
  color: #eaf7ff !important;
  -webkit-text-fill-color: #eaf7ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(var(--cx-tier-rgb-a), .12) !important;
}

/* 50元档：橙色要干净，避免脏黄/发灰 */
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .recharge-voucher-tier-gold,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .recharge-voucher-tier-amber {
  background-color: rgba(255,255,255,.56) !important;
  background-image:
    radial-gradient(circle at 88% 10%, rgba(249,115,22,.12), transparent 42%),
    radial-gradient(circle at 8% 100%, rgba(251,146,60,.08), transparent 52%),
    linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,247,237,.44) 52%, rgba(240,249,255,.36)) !important;
  border-color: rgba(251,146,60,.34) !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .recharge-voucher-tier-gold .recharge-voucher-balance,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .recharge-voucher-tier-amber .recharge-voucher-balance {
  background-color: rgba(255,255,255,.54) !important;
  background-image:
    radial-gradient(circle at 90% 0%, rgba(249,115,22,.10), transparent 54%),
    linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,247,237,.40)) !important;
  border-color: rgba(251,146,60,.28) !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .recharge-voucher-tier-gold > div > div:first-child > div:last-child,
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .recharge-voucher-tier-amber > div > div:first-child > div:last-child {
  background-color: rgba(255,255,255,.58) !important;
  background-image:
    radial-gradient(circle at 85% 8%, rgba(249,115,22,.22), transparent 56%),
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(251,146,60,.16)) !important;
  border-color: rgba(251,146,60,.36) !important;
  color: #ea6a18 !important;
  -webkit-text-fill-color: #ea6a18 !important;
}
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .recharge-voucher-tier-gold,
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .recharge-voucher-tier-amber {
  background-color: rgba(8, 12, 30, .94) !important;
  background-image:
    radial-gradient(circle at 88% 10%, rgba(249,115,22,.14), transparent 42%),
    radial-gradient(circle at 8% 100%, rgba(124,92,255,.16), transparent 52%),
    linear-gradient(150deg, rgba(8,12,30,.98), rgba(18,22,48,.94) 54%, rgba(28,20,48,.94)) !important;
  border-color: rgba(251,146,60,.34) !important;
}

/* 订阅套餐右上角“联系客服助理”：夜间不能是灰色 */
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-redeem-subscription-panel :is(a,button):has(svg),
html.platform-theme.dark.theme-redeem body #app main .cx-redeem-page .cx-redeem-subscription-panel :is(a,button) {
  background-image: linear-gradient(135deg, rgba(124,92,255,.82), rgba(20,184,255,.78)) !important;
  background-color: rgba(18, 28, 62, .80) !important;
  border-color: rgba(120,170,255,.42) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 34px rgba(20,184,255,.16), 0 12px 30px rgba(124,92,255,.18) !important;
}
/* === CX REDEEM ORANGE AND PILL CLEANUP 20260704 END === */

/* === CX REDEEM RECHARGE BUTTON ALIGN 20260704 START === */
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card {
  display: flex !important;
}
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card > .relative,
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card > div.relative,
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card > div[class*="space-y"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 100% !important;
  height: 100% !important;
}
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card a[href*="catfk"],
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card a[target="_blank"] {
  margin-top: auto !important;
  align-self: stretch !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 让同一行卡片按钮严格对齐：给说明文字区域一个稳定高度 */
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance + p,
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-recharge-card .recharge-voucher-balance ~ p {
  min-height: 44px !important;
}
/* === CX REDEEM RECHARGE BUTTON ALIGN 20260704 END === */

/* === CX REDEEM SUBSCRIPTION CTA POSITION 20260704 START === */
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel :is(a, button),
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-subscription-card a[href*="客服"],
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-subscription-card button {
  margin-top: 12px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
}
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel > a,
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel > button,
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel a[class*="btn"],
html.platform-theme.theme-redeem body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel button[class*="btn"] {
  transform: translateY(4px) !important;
}
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel :is(a, button),
html.platform-theme.theme-redeem:not(.dark) body #app main .cx-redeem-page .cx-subscription-card .subscription-voucher-modelpanel :is(a, button) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* === CX REDEEM SUBSCRIPTION CTA POSITION 20260704 END === */

/* === CX SIDEBAR BRAND + SECTION LINE CLEANUP 20260704 START === */
/* 去掉侧边栏 logo 区右侧灰线，以及“我的账户”等分组标题周围残留的灰色文本框线。 */
html.platform-theme.theme-console .sidebar,
html.platform-theme.theme-console aside.sidebar,
html.platform-theme.theme-console aside:not(.platform-support-widget) {
  border-right: 0 !important;
  border-inline-end: 0 !important;
  box-shadow: 24px 0 76px rgba(43,52,88,.08) !important;
}

html.platform-theme.theme-console[data-theme="dark"] .sidebar,
html.platform-theme.theme-console.dark .sidebar,
html.platform-theme.theme-console[data-theme="dark"] aside.sidebar,
html.platform-theme.theme-console.dark aside.sidebar {
  box-shadow: 24px 0 76px rgba(0,0,0,.24) !important;
}

html.platform-theme.theme-console .sidebar-header,
html.platform-theme.theme-console .sidebar-brand,
html.platform-theme.theme-console .sidebar .sidebar-brand,
html.platform-theme.theme-console .sidebar [class*="brand"],
html.platform-theme.theme-console .sidebar [class*="Brand"] {
  border-right: 0 !important;
  border-inline-end: 0 !important;
  box-shadow: none !important;
}

html.platform-theme.theme-console .sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title),
html.platform-theme.theme-console aside.sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="text-xs"]:not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="text-[11px]"]:not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="tracking"]:not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="uppercase"]:not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title) {
  display: block !important;
  width: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-inline: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="border-r"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="border-l"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="border-x"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="border-y"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="divide-"]:not(a):not(button):not(.sidebar-link) {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.platform-theme.theme-console .sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title)::before,
html.platform-theme.theme-console .sidebar :is(.sidebar-section-title, .section-title, .nav-section-title, .menu-section-title, .sidebar-group-title)::after,
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="text-xs"]:not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title)::before,
html.platform-theme.theme-console .sidebar :is(div,p,span)[class*="text-xs"]:not(a):not(button):not(.sidebar-link):not(.sidebar-label):not(.sidebar-brand-title)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* === CX SIDEBAR BRAND + SECTION LINE CLEANUP 20260704 END === */

/* === CX SIDEBAR SECTION TINY LINE FINAL CLEANUP 20260704 START === */
/* 彻底去掉“我的账户”等侧边栏分组标题右侧残留的 1px 竖线/文本框线。 */
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="border-r"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="border-l"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="border-x"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="divide-x"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="divide-y"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="border-gray"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="border-slate"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="border-white"]:not(a):not(button):not(.sidebar-link),
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="border-black"]:not(a):not(button):not(.sidebar-link) {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-inline-start-width: 0 !important;
  border-inline-end-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background-image: none !important;
}

html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="after:"]:not(a):not(button):not(.sidebar-link)::after,
html.platform-theme.theme-console .sidebar :is(div,span,p)[class*="before:"]:not(a):not(button):not(.sidebar-link)::before,
html.platform-theme.theme-console .sidebar :is(.sidebar-section-title,.section-title,.nav-section-title,.menu-section-title,.sidebar-group-title)::after,
html.platform-theme.theme-console .sidebar :is(.sidebar-section-title,.section-title,.nav-section-title,.menu-section-title,.sidebar-group-title)::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.platform-theme.theme-console .sidebar :is(div,span,p):empty[class*="w-px"],
html.platform-theme.theme-console .sidebar :is(div,span,p):empty[class*="h-px"],
html.platform-theme.theme-console .sidebar :is(div,span,p):empty[class*="bg-gray"],
html.platform-theme.theme-console .sidebar :is(div,span,p):empty[class*="bg-slate"],
html.platform-theme.theme-console .sidebar :is(div,span,p):empty[class*="bg-white"],
html.platform-theme.theme-console .sidebar :is(div,span,p):empty[class*="bg-black"] {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.platform-theme.theme-console .sidebar :is(.sidebar-section-title,.section-title,.nav-section-title,.menu-section-title,.sidebar-group-title),
html.platform-theme.theme-console .sidebar :is(div,p,span):has(> :is(.sidebar-section-title,.section-title,.nav-section-title,.menu-section-title,.sidebar-group-title)) {
  border: 0 !important;
  border-inline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* === CX SIDEBAR SECTION TINY LINE FINAL CLEANUP 20260704 END === */

/* === CX MODAL FORM LABEL WHITE BOX CLEANUP 20260704 START === */
/* 弹窗表单内：只有输入项/选择项/开关保留玻璃框，小标题和说明文字不显示白色文本框。 */
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) :is(label, .form-label, [class*="label"], [class*="Label"]):not(input):not(textarea):not(select):not(button):not([role="button"]):not([role="switch"]),
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) :is(p, span, small, div)[class*="text-xs"]:not(input):not(textarea):not(select):not(button):not([role="button"]):not([role="switch"]),
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) :is(p, span, small, div)[class*="text-sm"]:not(input):not(textarea):not(select):not(button):not([role="button"]):not([role="switch"]),
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) :is(p, span, small, div)[class*="font-medium"]:not(input):not(textarea):not(select):not(button):not([role="button"]):not([role="switch"]):not([class*="Select"]):not([class*="select"]) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}

html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) :is(label, .form-label, [class*="label"], [class*="Label"])::before,
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) :is(label, .form-label, [class*="label"], [class*="Label"])::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 保底：弹窗里的真实输入控件继续保留玻璃白框，不受上面清理影响。 */
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) :is(input, textarea, select, [role="combobox"], [role="switch"], button) {
  border-width: 1px !important;
}
/* === CX MODAL FORM LABEL WHITE BOX CLEANUP 20260704 END === */

/* === CX AUTH LABEL WHITE BOX CLEANUP 20260704 START ===
   登录/注册/找回密码页：去掉小标题/说明文字的白色底框，只保留真实输入控件的玻璃边框。 */
html.platform-theme.theme-auth :is(form, .card-glass, [class*="Auth"], [class*="auth"]) :is(label, .form-label, [class*="label"], [class*="Label"]):not(input):not(textarea):not(select):not(button):not(a):not([role="button"]):not([role="switch"]),
html.platform-theme.theme-auth :is(form, .card-glass, [class*="Auth"], [class*="auth"]) :is(p, span, small, div)[class*="text-xs"]:not(input):not(textarea):not(select):not(button):not(a):not([role="button"]):not([role="switch"]),
html.platform-theme.theme-auth :is(form, .card-glass, [class*="Auth"], [class*="auth"]) :is(p, span, small, div)[class*="text-sm"]:not(input):not(textarea):not(select):not(button):not(a):not([role="button"]):not([role="switch"]),
html.platform-theme.theme-auth :is(form, .card-glass, [class*="Auth"], [class*="auth"]) :is(p, span, small, div)[class*="font-medium"]:not(input):not(textarea):not(select):not(button):not(a):not([role="button"]):not([role="switch"]) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}

html.platform-theme.theme-auth :is(label, .form-label, [class*="label"], [class*="Label"])::before,
html.platform-theme.theme-auth :is(label, .form-label, [class*="label"], [class*="Label"])::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.platform-theme.theme-auth[data-theme="light"] :is(form, .card-glass) label,
html.platform-theme.theme-auth:not(.dark) :is(form, .card-glass) label {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html.platform-theme.theme-auth[data-theme="dark"] :is(form, .card-glass) label,
html.platform-theme.theme-auth.dark :is(form, .card-glass) label {
  color: #f7f8ff !important;
  -webkit-text-fill-color: #f7f8ff !important;
}

html.platform-theme.theme-auth :is(input, textarea, select, [role="combobox"], [role="switch"], button, .platform-auth-back) {
  border-width: 1px !important;
}
/* === CX AUTH LABEL WHITE BOX CLEANUP 20260704 END === */

/* === CX MODAL NOTE + MODEL PRO ICON POLISH 20260704 START === */
/* 创建密钥等弹窗：说明/注释文字不允许出现白色底框，输入项/选择项/按钮继续保留边框。 */
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) form :is(p, small, label, [class*="Description"], [class*="description"], [class*="Help"], [class*="help"], [class*="Hint"], [class*="hint"], [class*="muted"]):not(input):not(textarea):not(select):not(button):not(a):not([role="button"]):not([role="switch"]):not([role="combobox"]),
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) form :is(div, p, small):not(:has(input)):not(:has(textarea)):not(:has(select)):not(:has(button)):not(:has(a)):not(:has([role="button"])):not(:has([role="switch"])):not(:has([role="combobox"])):not(:has(svg)):not([role]) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) form :is(p, small, label, [class*="Description"], [class*="description"], [class*="Help"], [class*="help"], [class*="Hint"], [class*="hint"], [class*="muted"])::before,
html.platform-theme.theme-console :is([role="dialog"], [data-radix-dialog-content], .modal, .dialog, [class*="Modal"], [class*="Dialog"]) form :is(p, small, label, [class*="Description"], [class*="description"], [class*="Help"], [class*="help"], [class*="Hint"], [class*="hint"], [class*="muted"])::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 模型广场：Pro 号池日间图标增强，不再发白看不清。 */
html.platform-theme.theme-console.theme-models:not(.dark) .cx-model-pool-icon-pro,
html.platform-theme.theme-console.theme-models[data-theme="light"] .cx-model-pool-icon-pro {
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(238,245,255,.78)) padding-box,
    linear-gradient(135deg, rgba(124,92,255,.58), rgba(20,184,255,.48)) border-box !important;
  border: 1px solid transparent !important;
  color: #5b5ff2 !important;
  box-shadow: 0 12px 28px -18px rgba(88,88,255,.55), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
html.platform-theme.theme-console.theme-models:not(.dark) .cx-model-pool-icon-pro :is(svg, path, circle, rect, line, polyline, polygon),
html.platform-theme.theme-console.theme-models[data-theme="light"] .cx-model-pool-icon-pro :is(svg, path, circle, rect, line, polyline, polygon) {
  color: #5b5ff2 !important;
  stroke: #5b5ff2 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 1px 3px rgba(91,95,242,.20)) !important;
}
html.platform-theme.theme-console.theme-models.dark .cx-model-pool-icon-pro,
html.platform-theme.theme-console.theme-models[data-theme="dark"] .cx-model-pool-icon-pro {
  background: linear-gradient(135deg, rgba(124,92,255,.20), rgba(20,184,255,.14)) !important;
  border-color: rgba(124,146,255,.38) !important;
  color: #b9c7ff !important;
}
html.platform-theme.theme-console.theme-models.dark .cx-model-pool-icon-pro :is(svg, path, circle, rect, line, polyline, polygon),
html.platform-theme.theme-console.theme-models[data-theme="dark"] .cx-model-pool-icon-pro :is(svg, path, circle, rect, line, polyline, polygon) {
  color: #b9c7ff !important;
  stroke: #b9c7ff !important;
  opacity: 1 !important;
}
/* === CX MODAL NOTE + MODEL PRO ICON POLISH 20260704 END === */

/* === CX VERSION UPDATE POPOVER FIX 20260704 START === */
html.platform-theme .cx-version-popover,
html.platform-theme .cx-version-popover :is([role="dialog"], [role="menu"], [role="listbox"], [data-radix-popover-content], [data-radix-popper-content-wrapper] > *) {
  isolation: isolate !important;
}

html.platform-theme:not(.dark) .cx-version-popover,
html.platform-theme[data-theme="light"] .cx-version-popover {
  background:
    radial-gradient(circle at 12% 0%, rgba(124, 92, 255, .12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(20, 184, 255, .14), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(243,248,255,.92)) !important;
  border: 1px solid rgba(127, 167, 255, .32) !important;
  color: #111827 !important;
  box-shadow: 0 22px 70px -42px rgba(31, 80, 180, .45), inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter: blur(22px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.22) !important;
}

html.platform-theme.dark .cx-version-popover,
html.platform-theme[data-theme="dark"] .cx-version-popover {
  background:
    radial-gradient(circle at 12% 0%, rgba(124, 92, 255, .24), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(20, 184, 255, .18), transparent 38%),
    linear-gradient(145deg, rgba(18, 23, 45, .97), rgba(10, 18, 34, .96)) !important;
  border: 1px solid rgba(124, 146, 255, .34) !important;
  color: #f7f8ff !important;
  box-shadow: 0 24px 82px -44px rgba(79, 140, 255, .58), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.18) !important;
}

html.platform-theme .cx-version-popover :is(p, span, div, button, a, h1, h2, h3, h4, h5, h6) {
  opacity: 1 !important;
  text-shadow: none !important;
}
html.platform-theme:not(.dark) .cx-version-popover :is(p, span, div, button, a, h1, h2, h3, h4, h5, h6),
html.platform-theme[data-theme="light"] .cx-version-popover :is(p, span, div, button, a, h1, h2, h3, h4, h5, h6) {
  color: #1f2a44 !important;
  -webkit-text-fill-color: #1f2a44 !important;
}
html.platform-theme.dark .cx-version-popover :is(p, span, div, button, a, h1, h2, h3, h4, h5, h6),
html.platform-theme[data-theme="dark"] .cx-version-popover :is(p, span, div, button, a, h1, h2, h3, h4, h5, h6) {
  color: #eaf2ff !important;
  -webkit-text-fill-color: #eaf2ff !important;
}
html.platform-theme .cx-version-popover :is(button, a)[class*="gradient"],
html.platform-theme .cx-version-popover button:not(:disabled):has(svg),
html.platform-theme .cx-version-popover button:not(:disabled):last-of-type {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* === CX VERSION UPDATE POPOVER FIX 20260704 END === */

/* === CX SIDEBAR COLLAPSE SUBITEM ACTIVE FIX 20260704 START === */
html.platform-theme.theme-console .sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console aside.sidebar .cx-sidebar-subitem {
  opacity: 1 !important;
  visibility: visible !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html.platform-theme.theme-console:not(.dark) .sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console[data-theme="light"] .sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console:not(.dark) aside.sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console[data-theme="light"] aside.sidebar .cx-sidebar-subitem {
  color: #3f4b68 !important;
  -webkit-text-fill-color: #3f4b68 !important;
}

html.platform-theme.theme-console.dark .sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console[data-theme="dark"] .sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console.dark aside.sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console[data-theme="dark"] aside.sidebar .cx-sidebar-subitem {
  color: rgba(226, 235, 255, .84) !important;
  -webkit-text-fill-color: rgba(226, 235, 255, .84) !important;
}

/* 子菜单选中后不要套主菜单的大渐变，改成浅蓝紫玻璃底，鼠标移开也保持可读。 */
html.platform-theme.theme-console .sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console aside.sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html.platform-theme.theme-console:not(.dark) .sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console[data-theme="light"] .sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console:not(.dark) aside.sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console[data-theme="light"] aside.sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]) {
  color: #1f4fd7 !important;
  -webkit-text-fill-color: #1f4fd7 !important;
  background: linear-gradient(135deg, rgba(124,92,255,.10), rgba(20,184,255,.13)) !important;
  border-color: rgba(20,184,255,.22) !important;
}

html.platform-theme.theme-console.dark .sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console[data-theme="dark"] .sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console.dark aside.sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console[data-theme="dark"] aside.sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]) {
  color: #cfe6ff !important;
  -webkit-text-fill-color: #cfe6ff !important;
  background: linear-gradient(135deg, rgba(124,92,255,.18), rgba(20,184,255,.12)) !important;
  border-color: rgba(124,146,255,.24) !important;
}

html.platform-theme.theme-console .sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]) *,
html.platform-theme.theme-console aside.sidebar .cx-sidebar-subitem:is(.router-link-active, .sidebar-link-active, [aria-current="page"]) * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
  stroke: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.platform-theme.theme-console .sidebar .cx-sidebar-subitem:hover,
html.platform-theme.theme-console aside.sidebar .cx-sidebar-subitem:hover {
  opacity: 1 !important;
  visibility: visible !important;
}
/* === CX SIDEBAR COLLAPSE SUBITEM ACTIVE FIX 20260704 END === */

/* === CX AUTH SINGLE FRAME CLEANUP 20260704 START === */
/* 登录/注册页：只保留一个外层大玻璃框，去掉表单区和字段外层的多余框中框。 */
html.platform-theme.theme-auth :is(.max-w-md, .max-w-lg, [class*="max-w-md"], [class*="max-w-lg"]):not(form) {
  border-radius: 30px !important;
  padding-top: clamp(30px, 4.2vw, 42px) !important;
  padding-bottom: clamp(28px, 3.8vw, 38px) !important;
  overflow: visible !important;
}

html.platform-theme.theme-auth:not(.dark) :is(.max-w-md, .max-w-lg, [class*="max-w-md"], [class*="max-w-lg"]):not(form),
html.platform-theme.theme-auth[data-theme="light"] :is(.max-w-md, .max-w-lg, [class*="max-w-md"], [class*="max-w-lg"]):not(form) {
  background:
    radial-gradient(circle at 12% 0%, rgba(124,92,255,.10), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(20,184,255,.12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.62)) !important;
  border: 1px solid rgba(38, 48, 80, .13) !important;
  box-shadow: 0 28px 86px rgba(43,52,88,.18), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

html.platform-theme.theme-auth.dark :is(.max-w-md, .max-w-lg, [class*="max-w-md"], [class*="max-w-lg"]):not(form),
html.platform-theme.theme-auth[data-theme="dark"] :is(.max-w-md, .max-w-lg, [class*="max-w-md"], [class*="max-w-lg"]):not(form) {
  background:
    radial-gradient(circle at 12% 0%, rgba(124,92,255,.20), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(20,184,255,.15), transparent 38%),
    linear-gradient(180deg, rgba(17,22,43,.94), rgba(8,14,28,.90)) !important;
  border: 1px solid rgba(124,146,255,.24) !important;
  box-shadow: 0 32px 96px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* 认证页内层登录/注册表单不再作为独立卡片显示。 */
html.platform-theme.theme-auth form,
html.platform-theme.theme-auth .card-glass form,
html.platform-theme.theme-auth form.card-glass,
html.platform-theme.theme-auth form[class*="rounded"],
html.platform-theme.theme-auth form[class*="border"],
html.platform-theme.theme-auth form[class*="shadow"] {
  width: 100% !important;
  margin-top: clamp(18px, 2.8vw, 28px) !important;
  margin-bottom: clamp(14px, 2vw, 22px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 字段外层容器也不显示成卡片，只留下输入框本身。 */
html.platform-theme.theme-auth form :is(div, section, article):has(input):not(:has(button[type="submit"])):not(.platform-inline-email-verify),
html.platform-theme.theme-auth form :is(div, section, article):has(textarea):not(:has(button[type="submit"])),
html.platform-theme.theme-auth form :is(div, section, article):has(select):not(:has(button[type="submit"])) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.platform-theme.theme-auth form label,
html.platform-theme.theme-auth form :is(.form-label, [class*="label"], [class*="Label"]):not(input):not(textarea):not(select):not(button) {
  display: inline-block !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 输入框是唯一保留边框的地方。 */
html.platform-theme.theme-auth form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  border-radius: 13px !important;
  border: 1px solid rgba(122, 151, 210, .25) !important;
  box-shadow: 0 12px 30px -26px rgba(79,140,255,.32), inset 0 1px 0 rgba(255,255,255,.55) !important;
}
html.platform-theme.theme-auth:not(.dark) form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select),
html.platform-theme.theme-auth[data-theme="light"] form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  background: rgba(255,255,255,.74) !important;
  color: #172033 !important;
}
html.platform-theme.theme-auth.dark form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select),
html.platform-theme.theme-auth[data-theme="dark"] form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  background: rgba(9,14,28,.62) !important;
  color: #f7f8ff !important;
  border-color: rgba(124,146,255,.30) !important;
  box-shadow: 0 14px 34px -28px rgba(20,184,255,.34), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html.platform-theme.theme-auth form :is(input, textarea, select):focus,
html.platform-theme.theme-auth form :is(input, textarea, select):focus-visible {
  border-color: rgba(20,184,255,.54) !important;
  box-shadow: 0 0 0 3px rgba(20,184,255,.12), 0 18px 42px -32px rgba(124,92,255,.44) !important;
}

/* 顶部 logo/标题和表单、底部链接/版权之间留出呼吸感。 */
html.platform-theme.theme-auth :is(img.platform-icon-image, img[alt="Logo"], .platform-icon-image) {
  margin-bottom: 16px !important;
}
html.platform-theme.theme-auth :is(h1, h2):first-of-type {
  margin-top: 6px !important;
}
html.platform-theme.theme-auth form + :is(div, p),
html.platform-theme.theme-auth form ~ :is(div, p) {
  margin-top: clamp(16px, 2.4vw, 26px) !important;
}
/* === CX AUTH SINGLE FRAME CLEANUP 20260704 END === */

/* === CX SIDEBAR SUBMENU VISIBILITY + TOGGLE FIX 20260704 START === */
html.platform-theme.theme-console .sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console aside.sidebar .cx-sidebar-subitem,
html.platform-theme.theme-console [class*="sidebar"] .cx-sidebar-subitem,
html.platform-theme.theme-console .sidebar .cx-sidebar-subitem *,
html.platform-theme.theme-console aside.sidebar .cx-sidebar-subitem *,
html.platform-theme.theme-console [class*="sidebar"] .cx-sidebar-subitem * {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

html.platform-theme.theme-console .cx-sidebar-subitem-hidden,
html.platform-theme.theme-console .cx-sidebar-submenu-collapsed {
  display: none !important;
}

html.platform-theme.theme-console:not(.dark) :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem,
html.platform-theme.theme-console[data-theme="light"] :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem {
  color: #40506f !important;
  -webkit-text-fill-color: #40506f !important;
  background: transparent !important;
  border-color: transparent !important;
}

html.platform-theme.theme-console:not(.dark) :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem *,
html.platform-theme.theme-console[data-theme="light"] :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
}

html.platform-theme.theme-console.dark :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem,
html.platform-theme.theme-console[data-theme="dark"] :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem {
  color: rgba(226, 235, 255, .86) !important;
  -webkit-text-fill-color: rgba(226, 235, 255, .86) !important;
  background: transparent !important;
  border-color: transparent !important;
}

html.platform-theme.theme-console.dark :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem *,
html.platform-theme.theme-console[data-theme="dark"] :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
}

html.platform-theme.theme-console:not(.dark) :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem:is(.router-link-active, .router-link-exact-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console[data-theme="light"] :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem:is(.router-link-active, .router-link-exact-active, .sidebar-link-active, [aria-current="page"]) {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background: linear-gradient(135deg, rgba(124, 92, 255, .08), rgba(20, 184, 255, .12)) !important;
  border: 1px solid rgba(20, 184, 255, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 26px rgba(20,184,255,.06) !important;
}

html.platform-theme.theme-console.dark :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem:is(.router-link-active, .router-link-exact-active, .sidebar-link-active, [aria-current="page"]),
html.platform-theme.theme-console[data-theme="dark"] :is(.sidebar, aside.sidebar, [class*="sidebar"]) .cx-sidebar-subitem:is(.router-link-active, .router-link-exact-active, .sidebar-link-active, [aria-current="page"]) {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: linear-gradient(135deg, rgba(124, 92, 255, .18), rgba(20, 184, 255, .13)) !important;
  border: 1px solid rgba(124, 146, 255, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(20,184,255,.05) !important;
}
/* === CX SIDEBAR SUBMENU VISIBILITY + TOGGLE FIX 20260704 END === */

/* === CX AUTH ONE-PIECE CARD + ICON CENTER FIX 20260704 START === */
/* 登录/注册页：去掉中间独立的大白/黑玻璃框，只保留外层整体卡片。 */
html.platform-theme.theme-auth :is(.card-glass, [class*="rounded"]):has(> .platform-auth-back):has(form),
html.platform-theme.theme-auth :is(.card-glass, [class*="rounded"]):has(.platform-auth-back):has(form) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 内层框去掉后，内容仍保留呼吸间距，形成一个完整登录卡片。 */
html.platform-theme.theme-auth :is(.card-glass, [class*="rounded"]):has(> .platform-auth-back):has(form) {
  margin-top: clamp(16px, 2.4vw, 26px) !important;
  margin-bottom: clamp(14px, 2.2vw, 24px) !important;
  padding-top: clamp(34px, 4.2vw, 48px) !important;
  padding-bottom: clamp(20px, 3vw, 34px) !important;
}

/* 若框体的父/子层仍带白底或边线，一并清理；输入框本身不受影响。 */
html.platform-theme.theme-auth :is(.card-glass, [class*="rounded"]):has(.platform-auth-back):has(form) > :is(div, section, article):not(:has(input)):not(:has(textarea)):not(:has(select)),
html.platform-theme.theme-auth :is(.card-glass, [class*="rounded"]):has(.platform-auth-back):has(form) :is(div, section, article):has(> form):not(:has(input:not(form input))) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 平台头像：取消图片元素自身的背景/偏移阴影，强制按中心完整显示，避免看起来裁剪或偏位。 */
html.platform-theme.theme-auth :is(img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"]) {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  border-radius: 18px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 14px 22px rgba(79, 140, 255, .18)) drop-shadow(0 8px 16px rgba(124, 92, 255, .14)) !important;
  transform: none !important;
  overflow: visible !important;
}

html.platform-theme.theme-auth:not(.dark) :is(img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"]),
html.platform-theme.theme-auth[data-theme="light"] :is(img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"]) {
  filter: drop-shadow(0 12px 18px rgba(79, 140, 255, .18)) drop-shadow(0 6px 14px rgba(124, 92, 255, .12)) !important;
}

html.platform-theme.theme-auth.dark :is(img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"]),
html.platform-theme.theme-auth[data-theme="dark"] :is(img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"]) {
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .34)) drop-shadow(0 0 18px rgba(20, 184, 255, .14)) !important;
}
/* === CX AUTH ONE-PIECE CARD + ICON CENTER FIX 20260704 END === */

/* === CX AUTH FINAL POLISH 20260704 START === */
/* 把登录/注册页恢复成一个完整外层卡片，内层表单不再有大白框。 */
html.platform-theme.theme-auth .cx-auth-outer-card {
  position: relative !important;
  overflow: visible !important;
  border-radius: 30px !important;
  padding-top: clamp(34px, 4.2vw, 48px) !important;
  padding-bottom: clamp(28px, 4vw, 40px) !important;
}

html.platform-theme.theme-auth:not(.dark) .cx-auth-outer-card,
html.platform-theme.theme-auth[data-theme="light"] .cx-auth-outer-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(124,92,255,.10), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(20,184,255,.12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.62)) !important;
  border: 1px solid rgba(38, 48, 80, .13) !important;
  box-shadow: 0 28px 86px rgba(43,52,88,.18), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

html.platform-theme.theme-auth.dark .cx-auth-outer-card,
html.platform-theme.theme-auth[data-theme="dark"] .cx-auth-outer-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(124,92,255,.20), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(20,184,255,.15), transparent 38%),
    linear-gradient(180deg, rgba(17,22,43,.94), rgba(8,14,28,.90)) !important;
  border: 1px solid rgba(124,146,255,.24) !important;
  box-shadow: 0 32px 96px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html.platform-theme.theme-auth .cx-auth-outer-card .card-glass:not(.cx-auth-outer-card),
html.platform-theme.theme-auth .cx-auth-outer-card :is([class*="rounded"], [class*="border"], [class*="shadow"]):has(form):not(.cx-auth-outer-card) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 回退箭头固定在整个登录/注册卡片左上角，而不是表单中间。 */
html.platform-theme.theme-auth .cx-auth-outer-card > .platform-auth-back {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  z-index: 10 !important;
}

/* 头像完整居中显示，去掉底部阴影造成的“下面空、上面裁”的错觉。 */
html.platform-theme.theme-auth :is(.cx-auth-brand-icon, img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"]) {
  display: block !important;
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  border-radius: 17px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  overflow: visible !important;
}

/* 表单小标题/注释文字不允许出现白色底框。 */
html.platform-theme.theme-auth form :is(label, p, small, span, div):not(:has(input)):not(:has(textarea)):not(:has(select)):not(:has(button)):not(button):not(a),
html.platform-theme.theme-auth form .cx-auth-help-text {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* 密码可见性“小眼睛”只保留图标，不要灰色按钮框。 */
html.platform-theme.theme-auth form .cx-auth-password-eye,
html.platform-theme.theme-auth form .cx-auth-password-eye:hover,
html.platform-theme.theme-auth form .cx-auth-password-eye:focus,
html.platform-theme.theme-auth form .cx-auth-password-eye:focus-visible {
  width: 42px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
html.platform-theme.theme-auth form .cx-auth-password-eye svg {
  opacity: .86 !important;
}
html.platform-theme.theme-auth:not(.dark) form .cx-auth-password-eye svg,
html.platform-theme.theme-auth[data-theme="light"] form .cx-auth-password-eye svg {
  color: #64708a !important;
  stroke: #64708a !important;
}
html.platform-theme.theme-auth.dark form .cx-auth-password-eye svg,
html.platform-theme.theme-auth[data-theme="dark"] form .cx-auth-password-eye svg {
  color: rgba(226,235,255,.76) !important;
  stroke: rgba(226,235,255,.76) !important;
}
/* === CX AUTH FINAL POLISH 20260704 END === */

/* === CX AUTH HELP TEXT STRIP FINAL CLEANUP 20260704 START === */
html.platform-theme.theme-auth form .cx-auth-help-text,
html.platform-theme.theme-auth form .cx-auth-help-wrap,
html.platform-theme.theme-auth form .cx-auth-help-text *,
html.platform-theme.theme-auth form .cx-auth-help-wrap * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
html.platform-theme.theme-auth form .cx-auth-help-text::before,
html.platform-theme.theme-auth form .cx-auth-help-text::after,
html.platform-theme.theme-auth form .cx-auth-help-wrap::before,
html.platform-theme.theme-auth form .cx-auth-help-wrap::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* === CX AUTH HELP TEXT STRIP FINAL CLEANUP 20260704 END === */


/* === CX AUTH FORM MICRO CLEANUP 20260704 START === */
/* ??/?? Logo??????? margin???? 64px ????????????? */
html.platform-theme.theme-auth :is(.cx-auth-brand-icon, img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"]) {
  margin: 0 !important;
  vertical-align: middle !important;
}
html.platform-theme.theme-auth :is(div, span):has(> :is(.cx-auth-brand-icon, img.platform-icon-image, img[alt="Logo"], img[src*="platform-icon"])) {
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

/* ????/??????????????????????? */
html.platform-theme.theme-auth form :is(.input-hint, .cx-auth-help-text, .cx-auth-help-wrap, [class*="hint"], [class*="Hint"]),
html.platform-theme.theme-auth form :is(.input-hint, .cx-auth-help-text, .cx-auth-help-wrap, [class*="hint"], [class*="Hint"]) * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
html.platform-theme.theme-auth form :is(.input-hint, .cx-auth-help-text, .cx-auth-help-wrap, [class*="hint"], [class*="Hint"])::before,
html.platform-theme.theme-auth form :is(.input-hint, .cx-auth-help-text, .cx-auth-help-wrap, [class*="hint"], [class*="Hint"])::after,
html.platform-theme.theme-auth form :is(.input-hint, .cx-auth-help-text, .cx-auth-help-wrap, [class*="hint"], [class*="Hint"]) *::before,
html.platform-theme.theme-auth form :is(.input-hint, .cx-auth-help-text, .cx-auth-help-wrap, [class*="hint"], [class*="Hint"]) *::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ?????????????????????????? */
html.platform-theme.theme-auth form .cx-auth-password-eye,
html.platform-theme.theme-auth form button.cx-auth-password-eye,
html.platform-theme.theme-auth form button.cx-auth-password-eye:is(:hover, :focus, :active, :focus-visible) {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
/* === CX AUTH FORM MICRO CLEANUP 20260704 END === */




/* === CX API COPY BUTTON + TOOLTIP TEXT ONLY 20260704 START === */
html.platform-theme:not(.dark) .cx-api-code-copy-button,
html.platform-theme[data-theme="light"] .cx-api-code-copy-button {
  background: linear-gradient(135deg, #6d5cff 0%, #20bce8 100%) !important;
  background-color: #2563eb !important;
  background-image: linear-gradient(135deg, #6d5cff 0%, #20bce8 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.28) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}
html.platform-theme:not(.dark) .cx-api-code-copy-button *,
html.platform-theme[data-theme="light"] .cx-api-code-copy-button * {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  stroke: #ffffff !important;
}
html.platform-theme:not(.dark) .cx-api-key-code-block,
html.platform-theme[data-theme="light"] .cx-api-key-code-block {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 1px solid rgba(99,102,241,.22) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 16px 42px rgba(15,23,42,.10) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}
html.platform-theme:not(.dark) .cx-api-key-code-block *,
html.platform-theme[data-theme="light"] .cx-api-key-code-block * {
  color: #0f172a !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}
/* ??????????????????????? */
html.platform-theme:not(.dark) :is([role="tooltip"], [data-radix-popper-content-wrapper], [class*="tooltip"], [class*="Tooltip"], .tippy-box) :is([class*="purple"], [class*="violet"], [class*="fuchsia"]),
html.platform-theme[data-theme="light"] :is([role="tooltip"], [data-radix-popper-content-wrapper], [class*="tooltip"], [class*="Tooltip"], .tippy-box) :is([class*="purple"], [class*="violet"], [class*="fuchsia"]) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}
/* === CX API COPY BUTTON + TOOLTIP TEXT ONLY 20260704 END === */





/* === CX TOOLTIP HEADING WHITE STRICT 20260704 START === */
html.platform-theme .cx-detail-tooltip-readable .cx-tooltip-heading-white,
html.platform-theme .cx-detail-tooltip-readable .cx-tooltip-heading-white * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
}
/* === CX TOOLTIP HEADING WHITE STRICT 20260704 END === */


/* === CX API KEY MODAL LIGHT CODE CLEAN 20260704 START === */
html.platform-theme:not(.dark) .cx-api-key-code-block,
html.platform-theme[data-theme="light"] .cx-api-key-code-block {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block *,
html.platform-theme:not(.dark) .cx-api-key-code-block *::before,
html.platform-theme:not(.dark) .cx-api-key-code-block *::after,
html.platform-theme[data-theme="light"] .cx-api-key-code-block *,
html.platform-theme[data-theme="light"] .cx-api-key-code-block *::before,
html.platform-theme[data-theme="light"] .cx-api-key-code-block *::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block pre,
html.platform-theme:not(.dark) .cx-api-key-code-block code,
html.platform-theme[data-theme="light"] .cx-api-key-code-block pre,
html.platform-theme[data-theme="light"] .cx-api-key-code-block code {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
/* === CX API KEY MODAL LIGHT CODE CLEAN 20260704 END === */



/* === CX API KEY MODAL LIGHT SEPARATORS 20260704 START === */
html.platform-theme:not(.dark) .cx-api-key-code-block,
html.platform-theme[data-theme="light"] .cx-api-key-code-block {
  border-top: 1px solid rgba(71, 85, 105, .14) !important;
  border-bottom: 1px solid rgba(71, 85, 105, .14) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block + .cx-api-key-code-block,
html.platform-theme[data-theme="light"] .cx-api-key-code-block + .cx-api-key-code-block {
  margin-top: 14px !important;
}

/* ?????????????????/??????? */
html.platform-theme:not(.dark) .cx-api-key-code-block :is(pre, code, span, p, div):not(button):not(.cx-api-code-copy-button),
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(pre, code, span, p, div):not(button):not(.cx-api-code-copy-button) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
/* === CX API KEY MODAL LIGHT SEPARATORS 20260704 END === */



/* === CX API KEY MODAL CODE NO UNDERLINE 20260704 START === */
html.platform-theme .cx-api-key-code-block,
html.platform-theme .cx-api-key-code-block *,
html.platform-theme .cx-api-key-code-block *::before,
html.platform-theme .cx-api-key-code-block *::after {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: none !important;
}
/* === CX API KEY MODAL CODE NO UNDERLINE 20260704 END === */



/* === CX API KEY CODE SELECTION CLEAN 20260704 START === */
html.platform-theme .cx-api-key-code-block::selection,
html.platform-theme .cx-api-key-code-block *::selection {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block,
html.platform-theme[data-theme="light"] .cx-api-key-code-block,
html.platform-theme:not(.dark) .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong):not(button):not(.cx-api-code-copy-button),
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong):not(button):not(.cx-api-code-copy-button) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: none !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid rgba(71, 85, 105, .14) !important;
  border-bottom: 1px solid rgba(71, 85, 105, .14) !important;
}
/* === CX API KEY CODE SELECTION CLEAN 20260704 END === */



/* === CX API KEY CODE TOKEN PLAIN 20260704 START === */
html.platform-theme:not(.dark) .cx-api-key-code-block :is(.token, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], span, code, pre):not(button):not(.cx-api-code-copy-button),
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(.token, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], span, code, pre):not(button):not(.cx-api-code-copy-button) {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  background-size: 0 0 !important;
  background-position: 0 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: none !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block :is(.token, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], span, code, pre):not(button):not(.cx-api-code-copy-button)::before,
html.platform-theme:not(.dark) .cx-api-key-code-block :is(.token, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], span, code, pre):not(button):not(.cx-api-code-copy-button)::after,
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(.token, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], span, code, pre):not(button):not(.cx-api-code-copy-button)::before,
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(.token, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], span, code, pre):not(button):not(.cx-api-code-copy-button)::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
/* === CX API KEY CODE TOKEN PLAIN 20260704 END === */






/* === CX API KEY CODE SELECTABLE PLAIN 20260704 START === */
/* ?? API ??????????????????/???????????? */
html.platform-theme .cx-api-key-code-block,
html.platform-theme .cx-api-key-code-block *:not(button):not(.cx-api-code-copy-button):not(.cx-api-code-copy-button *),
html.platform-theme .cx-api-code-plain-token {
  -webkit-user-select: text !important;
  user-select: text !important;
  caret-color: auto !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: none !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block,
html.platform-theme[data-theme="light"] .cx-api-key-code-block {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border-top: 1px solid rgba(71, 85, 105, .14) !important;
  border-bottom: 1px solid rgba(71, 85, 105, .14) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong, small, label, [class*="token"], [class*="hljs"], [class*="code"], [class*="line"], [style]),
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong, small, label, [class*="token"], [class*="hljs"], [class*="code"], [class*="line"], [style]),
html.platform-theme:not(.dark) .cx-api-code-plain-token,
html.platform-theme[data-theme="light"] .cx-api-code-plain-token {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-size: 0 0 !important;
  background-position: 0 0 !important;
  background-clip: border-box !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: none !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong, small, label, [class*="token"], [class*="hljs"], [class*="code"], [class*="line"], [style])::before,
html.platform-theme:not(.dark) .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong, small, label, [class*="token"], [class*="hljs"], [class*="code"], [class*="line"], [style])::after,
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong, small, label, [class*="token"], [class*="hljs"], [class*="code"], [class*="line"], [style])::before,
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(pre, code, span, p, div, mark, font, b, i, em, strong, small, label, [class*="token"], [class*="hljs"], [class*="code"], [class*="line"], [style])::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* ????????????????????????????? */
html.platform-theme .cx-api-key-code-block::selection,
html.platform-theme .cx-api-key-code-block *::selection,
html.platform-theme .cx-api-code-plain-token::selection {
  background: rgba(37, 99, 235, .18) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html.platform-theme .cx-api-key-code-block::-moz-selection,
html.platform-theme .cx-api-key-code-block *::-moz-selection,
html.platform-theme .cx-api-code-plain-token::-moz-selection {
  background: rgba(37, 99, 235, .18) !important;
  color: #0f172a !important;
}
/* === CX API KEY CODE SELECTABLE PLAIN 20260704 END === */



/* === CX API KEY DIALOG CODE TEXTBOX BROAD CLEAN 20260704 START === */
/* ????????????? cx-api-key-code-block???? API ????????????? */
html.platform-theme:not(.dark) :is([role="dialog"], [data-radix-dialog-content], [class*="Dialog"], [class*="dialog"], [class*="Modal"], [class*="modal"]):has(.cx-api-code-copy-button) :is(pre, code, pre *, code *, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], [style]):not(button):not(.cx-api-code-copy-button):not(.cx-api-code-copy-button *),
html.platform-theme[data-theme="light"] :is([role="dialog"], [data-radix-dialog-content], [class*="Dialog"], [class*="dialog"], [class*="Modal"], [class*="modal"]):has(.cx-api-code-copy-button) :is(pre, code, pre *, code *, [class*="token"], [class*="hljs"], [class*="line"], [class*="code"], [style]):not(button):not(.cx-api-code-copy-button):not(.cx-api-code-copy-button *) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: none !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.platform-theme:not(.dark) :is([role="dialog"], [data-radix-dialog-content], [class*="Dialog"], [class*="dialog"], [class*="Modal"], [class*="modal"]):has(.cx-api-code-copy-button) :is(pre, code),
html.platform-theme[data-theme="light"] :is([role="dialog"], [data-radix-dialog-content], [class*="Dialog"], [class*="dialog"], [class*="Modal"], [class*="modal"]):has(.cx-api-code-copy-button) :is(pre, code) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
/* === CX API KEY DIALOG CODE TEXTBOX BROAD CLEAN 20260704 END === */



/* === CX API KEY MODAL LIGHT LIKE DARK CODE 20260704 START === */
/* ?? API ???????????????????????????????? */
html.platform-theme:not(.dark) .cx-api-key-code-block,
html.platform-theme[data-theme="light"] .cx-api-key-code-block {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-top: 1px solid rgba(15, 23, 42, .12) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .12) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block *,
html.platform-theme[data-theme="light"] .cx-api-key-code-block *,
html.platform-theme:not(.dark) .cx-api-key-code-block *::before,
html.platform-theme:not(.dark) .cx-api-key-code-block *::after,
html.platform-theme[data-theme="light"] .cx-api-key-code-block *::before,
html.platform-theme[data-theme="light"] .cx-api-key-code-block *::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: none !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}

html.platform-theme:not(.dark) .cx-api-key-code-block :is(pre, code),
html.platform-theme[data-theme="light"] .cx-api-key-code-block :is(pre, code) {
  display: block !important;
  padding: 18px 16px !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

html.platform-theme:not(.dark) .cx-api-code-copy-button,
html.platform-theme[data-theme="light"] .cx-api-code-copy-button {
  background: linear-gradient(135deg, #6d5cff 0%, #20bce8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .28) !important;
}

html.platform-theme:not(.dark) .cx-api-code-copy-button *,
html.platform-theme[data-theme="light"] .cx-api-code-copy-button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* === CX API KEY MODAL LIGHT LIKE DARK CODE 20260704 END === */



/* === CX ANNOUNCEMENT LIGHT BLUE GLASS 20260705 START === */
/* ???????????????????????????????? */
html.platform-theme:not(.dark) .platform-announcement-overlay,
html.platform-theme[data-theme="light"] .platform-announcement-overlay {
  background: rgba(15, 23, 42, .58) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

html.platform-theme:not(.dark) .platform-announcement-card,
html.platform-theme[data-theme="light"] .platform-announcement-card {
  border: 1px solid rgba(124, 92, 255, .26) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(124, 92, 255, .14), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(20, 200, 244, .16), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .90)) !important;
  box-shadow:
    0 28px 88px rgba(15, 23, 42, .26),
    0 0 0 1px rgba(255,255,255,.55) inset !important;
  overflow: hidden !important;
}

html.platform-theme:not(.dark) .platform-announcement-header,
html.platform-theme[data-theme="light"] .platform-announcement-header {
  border-color: rgba(124, 92, 255, .14) !important;
  background:
    linear-gradient(115deg, rgba(255,255,255,.86), rgba(237, 242, 255, .76) 46%, rgba(224, 247, 255, .72)) !important;
}

html.platform-theme:not(.dark) .platform-announcement-header .h-10.w-10,
html.platform-theme[data-theme="light"] .platform-announcement-header .h-10.w-10 {
  color: #ffffff !important;
  background: linear-gradient(135deg, #6d5cff 0%, #4f8cff 48%, #14c8f4 100%) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 14px 30px rgba(79, 140, 255, .28) !important;
}

html.platform-theme:not(.dark) .platform-announcement-header .inline-flex.rounded-lg,
html.platform-theme[data-theme="light"] .platform-announcement-header .inline-flex.rounded-lg {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  border: 1px solid rgba(79, 140, 255, .20) !important;
  background: rgba(79, 140, 255, .10) !important;
  box-shadow: none !important;
}
html.platform-theme:not(.dark) .platform-announcement-header .inline-flex.rounded-lg *,
html.platform-theme[data-theme="light"] .platform-announcement-header .inline-flex.rounded-lg * {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}
html.platform-theme:not(.dark) .platform-announcement-header .inline-flex.rounded-lg span span,
html.platform-theme[data-theme="light"] .platform-announcement-header .inline-flex.rounded-lg span span {
  background: #7c5cff !important;
}

html.platform-theme:not(.dark) .platform-announcement-header h1,
html.platform-theme:not(.dark) .platform-announcement-header h2,
html.platform-theme:not(.dark) .platform-announcement-header h3,
html.platform-theme[data-theme="light"] .platform-announcement-header h1,
html.platform-theme[data-theme="light"] .platform-announcement-header h2,
html.platform-theme[data-theme="light"] .platform-announcement-header h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

html.platform-theme:not(.dark) .platform-announcement-header time,
html.platform-theme:not(.dark) .platform-announcement-header .text-gray-600,
html.platform-theme:not(.dark) .platform-announcement-header [class*="text-gray"],
html.platform-theme[data-theme="light"] .platform-announcement-header time,
html.platform-theme[data-theme="light"] .platform-announcement-header .text-gray-600,
html.platform-theme[data-theme="light"] .platform-announcement-header [class*="text-gray"] {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

html.platform-theme:not(.dark) .platform-announcement-content,
html.platform-theme[data-theme="light"] .platform-announcement-content {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(20, 200, 244, .08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248, 250, 252, .92)) !important;
  scrollbar-color: rgba(79, 140, 255, .45) rgba(15, 23, 42, .06) !important;
}
html.platform-theme:not(.dark) .platform-announcement-content .absolute.left-0,
html.platform-theme[data-theme="light"] .platform-announcement-content .absolute.left-0 {
  background: linear-gradient(180deg, #4f8cff 0%, #7c5cff 58%, #14c8f4 100%) !important;
}

html.platform-theme:not(.dark) .platform-announcement-content .markdown-body,
html.platform-theme:not(.dark) .platform-announcement-content .prose,
html.platform-theme:not(.dark) .platform-announcement-content .markdown-body p,
html.platform-theme:not(.dark) .platform-announcement-content .prose p,
html.platform-theme:not(.dark) .platform-announcement-content .markdown-body li,
html.platform-theme:not(.dark) .platform-announcement-content .prose li,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body p,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose p,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body li,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose li {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

html.platform-theme:not(.dark) .platform-announcement-content .markdown-body h1,
html.platform-theme:not(.dark) .platform-announcement-content .markdown-body h2,
html.platform-theme:not(.dark) .platform-announcement-content .markdown-body h3,
html.platform-theme:not(.dark) .platform-announcement-content .markdown-body strong,
html.platform-theme:not(.dark) .platform-announcement-content .prose h1,
html.platform-theme:not(.dark) .platform-announcement-content .prose h2,
html.platform-theme:not(.dark) .platform-announcement-content .prose h3,
html.platform-theme:not(.dark) .platform-announcement-content .prose strong,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body h1,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body h2,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body h3,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body strong,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose h1,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose h2,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose h3,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.platform-theme:not(.dark) .platform-announcement-content .markdown-body li::marker,
html.platform-theme:not(.dark) .platform-announcement-content .prose li::marker,
html.platform-theme[data-theme="light"] .platform-announcement-content .markdown-body li::marker,
html.platform-theme[data-theme="light"] .platform-announcement-content .prose li::marker {
  color: #4f8cff !important;
}

html.platform-theme:not(.dark) .platform-announcement-footer,
html.platform-theme[data-theme="light"] .platform-announcement-footer {
  border-color: rgba(124, 92, 255, .12) !important;
  background: rgba(255, 255, 255, .78) !important;
}

html.platform-theme:not(.dark) .platform-announcement-confirm,
html.platform-theme[data-theme="light"] .platform-announcement-confirm {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  background: linear-gradient(135deg, #6d5cff 0%, #4f8cff 48%, #14c8f4 100%) !important;
  box-shadow: 0 16px 34px rgba(79, 140, 255, .28) !important;
}
html.platform-theme:not(.dark) .platform-announcement-confirm *,
html.platform-theme[data-theme="light"] .platform-announcement-confirm * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: #ffffff !important;
}
/* === CX ANNOUNCEMENT LIGHT BLUE GLASS 20260705 END === */



/* === CX KEYS SCROLL + SUBSCRIPTION RATE HIDE 20260705 START === */
html.platform-theme.theme-keys body #app main .cx-keys-horizontal-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  padding-bottom: 12px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(86, 118, 255, .72) rgba(125, 211, 252, .18) !important;
}
html.platform-theme.theme-keys body #app main .cx-keys-horizontal-scroll::-webkit-scrollbar {
  height: 10px !important;
}
html.platform-theme.theme-keys body #app main .cx-keys-horizontal-scroll::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(124, 92, 255, .10), rgba(14, 165, 233, .12)) !important;
}
html.platform-theme.theme-keys body #app main .cx-keys-horizontal-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(124, 92, 255, .78), rgba(14, 165, 233, .78)) !important;
  box-shadow: 0 0 12px rgba(14, 165, 233, .28) !important;
}
html.platform-theme.theme-keys body #app main table.cx-keys-scroll-table {
  min-width: 1320px !important;
  width: max-content !important;
}
html.platform-theme.theme-subscriptions body #app main .cx-subscription-rate-hidden {
  display: none !important;
}
/* === CX KEYS SCROLL + SUBSCRIPTION RATE HIDE 20260705 END === */



/* === CX MODEL SQUARE LIGHT ACTION GLASS 20260706 START === */
html.platform-theme.theme-console:not(.dark) body #app main .model-square-key-link,
html.platform-theme.theme-console[data-theme="light"] body #app main .model-square-key-link {
  min-height: 42px !important;
  padding: 10px 18px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .06)) padding-box,
    linear-gradient(135deg, #7c5cff 0%, #4f8cff 48%, #14c8f4 100%) border-box !important;
  background-color: transparent !important;
  box-shadow:
    0 16px 34px rgba(79, 140, 255, .28),
    0 0 0 1px rgba(124, 92, 255, .10),
    inset 0 1px 0 rgba(255, 255, 255, .46) !important;
  backdrop-filter: blur(18px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.22) !important;
}

html.platform-theme.theme-console:not(.dark) body #app main .model-square-key-link:hover,
html.platform-theme.theme-console[data-theme="light"] body #app main .model-square-key-link:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) saturate(1.06) !important;
  box-shadow:
    0 18px 38px rgba(79, 140, 255, .34),
    0 0 0 1px rgba(124, 92, 255, .14),
    inset 0 1px 0 rgba(255, 255, 255, .56) !important;
}

html.platform-theme.theme-console:not(.dark) body #app main .model-square-key-link *,
html.platform-theme.theme-console[data-theme="light"] body #app main .model-square-key-link * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: #ffffff !important;
}
/* === CX MODEL SQUARE LIGHT ACTION GLASS 20260706 END === */


/* === CX GUIDE NATIVE PAGE 20260706 START === */
html.platform-theme body #app main.cx-guide-mounted > :not(.cx-guide-native) {
  display: none !important;
}

html.platform-theme.theme-guide body #app main {
  padding-top: 24px !important;
}

html.platform-theme body #app .cx-guide-native {
  color: #101828 !important;
}

html.platform-theme body #app .cx-guide-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  padding: 24px !important;
  border: 1px solid rgba(125, 211, 252, .58) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(124, 92, 255, .18), transparent 32%),
    radial-gradient(circle at 94% 2%, rgba(20, 200, 244, .22), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(226, 252, 255, .70)) !important;
  box-shadow:
    0 22px 54px rgba(14, 165, 233, .16),
    inset 0 1px 0 rgba(255, 255, 255, .68) !important;
  backdrop-filter: blur(20px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.18) !important;
}

html.platform-theme body #app .cx-guide-eyebrow,
html.platform-theme body #app .cx-guide-section > span,
html.platform-theme body #app .cx-guide-side span,
html.platform-theme body #app .cx-guide-api-label {
  display: inline-flex !important;
  width: fit-content !important;
  color: #155eef !important;
  -webkit-text-fill-color: #155eef !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html.platform-theme body #app .cx-guide-eyebrow {
  margin-bottom: 10px !important;
  border: 1px solid rgba(124, 92, 255, .28) !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, .58) !important;
}

html.platform-theme body #app .cx-guide-hero h1,
html.platform-theme body #app .cx-guide-section h2 {
  margin: 0 0 8px !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

html.platform-theme body #app .cx-guide-hero h1 {
  font-size: 32px !important;
  line-height: 1.12 !important;
}

html.platform-theme body #app .cx-guide-hero p,
html.platform-theme body #app .cx-guide-section p,
html.platform-theme body #app .cx-guide-card p,
html.platform-theme body #app .cx-guide-side p,
html.platform-theme body #app .cx-guide-faq p {
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  line-height: 1.72 !important;
}

html.platform-theme body #app .cx-guide-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

html.platform-theme body #app .cx-guide-action,
html.platform-theme body #app .cx-guide-card-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 10px !important;
  padding: 8px 13px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .06)) padding-box,
    linear-gradient(135deg, #7c5cff 0%, #4f8cff 48%, #14c8f4 100%) border-box !important;
  box-shadow: 0 14px 28px rgba(79, 140, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html.platform-theme body #app .cx-guide-side,
html.platform-theme body #app .cx-guide-card,
html.platform-theme body #app .cx-guide-faq,
html.platform-theme body #app .cx-guide-api {
  border: 1px solid rgba(125, 211, 252, .42) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .07), inset 0 1px 0 rgba(255, 255, 255, .62) !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
}

html.platform-theme body #app .cx-guide-side {
  padding: 16px !important;
}

html.platform-theme body #app .cx-guide-side strong {
  display: block !important;
  margin: 8px 0 !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  line-height: 1.52 !important;
}

html.platform-theme body #app .cx-guide-layout {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

html.platform-theme body #app .cx-guide-index {
  position: sticky !important;
  top: 92px !important;
  display: grid !important;
  gap: 8px !important;
  border: 1px solid rgba(125, 211, 252, .38) !important;
  border-radius: 12px !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, .70) !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
}

html.platform-theme body #app .cx-guide-index a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 10px !important;
  padding: 10px !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

html.platform-theme body #app .cx-guide-index a:hover,
html.platform-theme body #app .cx-guide-index a.cx-active {
  color: #155eef !important;
  -webkit-text-fill-color: #155eef !important;
  background: linear-gradient(135deg, rgba(124, 92, 255, .11), rgba(20, 200, 244, .13)) !important;
}

html.platform-theme body #app .cx-guide-section {
  scroll-margin-top: 92px !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(125, 211, 252, .36) !important;
  border-radius: 12px !important;
  padding: 18px !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: 0 16px 42px rgba(14, 165, 233, .10), inset 0 1px 0 rgba(255, 255, 255, .58) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

html.platform-theme body #app .cx-guide-section h2 {
  margin-top: 4px !important;
  font-size: 22px !important;
}

html.platform-theme body #app .cx-guide-grid,
html.platform-theme body #app .cx-guide-faq-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

html.platform-theme body #app .cx-guide-card,
html.platform-theme body #app .cx-guide-faq {
  padding: 15px !important;
}

html.platform-theme body #app .cx-guide-card h3,
html.platform-theme body #app .cx-guide-faq h3 {
  margin: 8px 0 !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: 21px !important;
  font-weight: 950 !important;
}

html.platform-theme body #app .cx-guide-badge {
  display: inline-flex !important;
  width: fit-content !important;
  border: 1px solid rgba(124, 92, 255, .25) !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  color: #4f46e5 !important;
  -webkit-text-fill-color: #4f46e5 !important;
  background: rgba(238, 242, 255, .76) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html.platform-theme body #app .cx-guide-card ol,
html.platform-theme body #app .cx-guide-api ol {
  margin: 10px 0 0 !important;
  padding-left: 20px !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}

html.platform-theme body #app .cx-guide-slot {
  margin-top: 12px !important;
  border: 1px dashed rgba(20, 165, 233, .46) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  color: #155eef !important;
  -webkit-text-fill-color: #155eef !important;
  background: rgba(240, 249, 255, .72) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html.platform-theme body #app .cx-guide-manual-hero {
  grid-template-columns: minmax(0, 1fr) 340px !important;
}

html.platform-theme body #app .cx-guide-doc-list {
  margin: 14px 0 0 !important;
  padding-left: 22px !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

html.platform-theme body #app .cx-guide-doc-list li,
html.platform-theme body #app .cx-guide-card li,
html.platform-theme body #app .cx-guide-faq li {
  margin: 4px 0 !important;
}

html.platform-theme body #app .cx-guide-note {
  margin-top: 14px !important;
  border: 1px solid rgba(20, 165, 233, .36) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  background: rgba(240, 249, 255, .74) !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}

html.platform-theme body #app .cx-guide-inline-code {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(125, 211, 252, .42) !important;
  border-radius: 6px !important;
  padding: 1px 6px !important;
  color: #155eef !important;
  -webkit-text-fill-color: #155eef !important;
  background: rgba(240, 249, 255, .82) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: .92em !important;
  font-weight: 800 !important;
}

html.platform-theme body #app .cx-guide-table {
  display: grid !important;
  grid-template-columns: minmax(132px, .7fr) minmax(0, 1fr) !important;
  overflow: hidden !important;
  margin-top: 12px !important;
  border: 1px solid rgba(125, 211, 252, .42) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .66) !important;
}

html.platform-theme body #app .cx-guide-table > div {
  min-width: 0 !important;
  border-bottom: 1px solid rgba(125, 211, 252, .30) !important;
  padding: 10px 12px !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html.platform-theme body #app .cx-guide-table > div:nth-child(odd) {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  background: rgba(240, 249, 255, .62) !important;
  font-weight: 900 !important;
}

html.platform-theme body #app .cx-guide-table > div:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

html.platform-theme body #app .cx-guide-api {
  margin-top: 12px !important;
  padding: 14px !important;
}

html.platform-theme body #app .cx-guide-api > code,
html.platform-theme body #app .cx-guide-code pre {
  display: block !important;
  overflow-x: auto !important;
  border: 1px solid rgba(125, 211, 252, .34) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76), 0 10px 24px rgba(15, 23, 42, .05) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

html.platform-theme body #app .cx-guide-api p code {
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
  border: 1px solid rgba(125, 211, 252, .42) !important;
  border-radius: 6px !important;
  padding: 1px 6px !important;
  white-space: nowrap !important;
  word-break: normal !important;
  background: rgba(240, 249, 255, .82) !important;
  color: #155eef !important;
  -webkit-text-fill-color: #155eef !important;
  box-shadow: none !important;
  font-size: .92em !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

html.platform-theme body #app .cx-guide-sidebar-link svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

@media (max-width: 1024px) {
  html.platform-theme body #app .cx-guide-hero,
  html.platform-theme body #app .cx-guide-layout {
    grid-template-columns: 1fr !important;
  }
  html.platform-theme body #app .cx-guide-index {
    position: static !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html.platform-theme body #app .cx-guide-hero,
  html.platform-theme body #app .cx-guide-section {
    padding: 14px !important;
  }
  html.platform-theme body #app .cx-guide-grid,
  html.platform-theme body #app .cx-guide-faq-grid,
  html.platform-theme body #app .cx-guide-index {
    grid-template-columns: 1fr !important;
  }
}

html.platform-theme.dark body #app .cx-guide-native,
html.platform-theme[data-theme="dark"] body #app .cx-guide-native {
  color: #f8fafc !important;
}

html.platform-theme.dark body #app .cx-guide-hero,
html.platform-theme[data-theme="dark"] body #app .cx-guide-hero,
html.platform-theme.dark body #app .cx-guide-section,
html.platform-theme[data-theme="dark"] body #app .cx-guide-section,
html.platform-theme.dark body #app .cx-guide-index,
html.platform-theme[data-theme="dark"] body #app .cx-guide-index,
html.platform-theme.dark body #app .cx-guide-side,
html.platform-theme[data-theme="dark"] body #app .cx-guide-side,
html.platform-theme.dark body #app .cx-guide-card,
html.platform-theme[data-theme="dark"] body #app .cx-guide-card,
html.platform-theme.dark body #app .cx-guide-faq,
html.platform-theme[data-theme="dark"] body #app .cx-guide-faq,
html.platform-theme.dark body #app .cx-guide-api,
html.platform-theme[data-theme="dark"] body #app .cx-guide-api {
  border-color: rgba(56, 189, 248, .24) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(124, 92, 255, .14), transparent 32%),
    linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(8, 47, 73, .58)) !important;
}

html.platform-theme.dark body #app .cx-guide-hero h1,
html.platform-theme[data-theme="dark"] body #app .cx-guide-hero h1,
html.platform-theme.dark body #app .cx-guide-section h2,
html.platform-theme[data-theme="dark"] body #app .cx-guide-section h2,
html.platform-theme.dark body #app .cx-guide-card h3,
html.platform-theme[data-theme="dark"] body #app .cx-guide-card h3,
html.platform-theme.dark body #app .cx-guide-faq h3,
html.platform-theme[data-theme="dark"] body #app .cx-guide-faq h3,
html.platform-theme.dark body #app .cx-guide-side strong,
html.platform-theme[data-theme="dark"] body #app .cx-guide-side strong {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.platform-theme.dark body #app .cx-guide-api > code,
html.platform-theme[data-theme="dark"] body #app .cx-guide-api > code,
html.platform-theme.dark body #app .cx-guide-code pre,
html.platform-theme[data-theme="dark"] body #app .cx-guide-code pre {
  border-color: rgba(125, 211, 252, .18) !important;
  background: rgba(15, 23, 42, .94) !important;
  color: #e5e7eb !important;
  -webkit-text-fill-color: #e5e7eb !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 30px rgba(0, 0, 0, .20) !important;
}

html.platform-theme.dark body #app .cx-guide-api p code,
html.platform-theme[data-theme="dark"] body #app .cx-guide-api p code {
  border-color: rgba(125, 211, 252, .24) !important;
  background: rgba(15, 23, 42, .62) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
  box-shadow: none !important;
}

html.platform-theme.dark body #app .cx-guide-hero p,
html.platform-theme[data-theme="dark"] body #app .cx-guide-hero p,
html.platform-theme.dark body #app .cx-guide-section p,
html.platform-theme[data-theme="dark"] body #app .cx-guide-section p,
html.platform-theme.dark body #app .cx-guide-card p,
html.platform-theme[data-theme="dark"] body #app .cx-guide-card p,
html.platform-theme.dark body #app .cx-guide-faq p,
html.platform-theme[data-theme="dark"] body #app .cx-guide-faq p,
html.platform-theme.dark body #app .cx-guide-card ol,
html.platform-theme[data-theme="dark"] body #app .cx-guide-card ol,
html.platform-theme.dark body #app .cx-guide-api ol,
html.platform-theme[data-theme="dark"] body #app .cx-guide-api ol {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}
/* === CX GUIDE NATIVE PAGE 20260706 END === */

/* === CX DESKTOP STUCK MOBILE OVERLAY FIX 20260706 START === */
@media (min-width: 1024px) {
  html.platform-theme [class*="fixed"][class*="inset-0"][class*="bg-black"][class*="lg:hidden"] {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
}

html.platform-theme [data-cx-desktop-overlay-hidden="true"] {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
/* === CX DESKTOP STUCK MOBILE OVERLAY FIX 20260706 END === */

/* === CX SIDEBAR MOBILE OVERLAY TRANSPARENT 20260710 START === */
html.platform-theme [class*="fixed"][class*="inset-0"][class*="bg-black"][class*="lg:hidden"],
html.platform-theme [class*="fixed"][class*="inset-0"][class*="bg-black/50"][class*="lg:hidden"] {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
/* === CX SIDEBAR MOBILE OVERLAY TRANSPARENT 20260710 END === */
/* === CX VERSION POPOVER CLICK LAYER FIX 20260710 START === */
html.platform-theme aside.sidebar .sidebar-header,
html.platform-theme aside.sidebar .sidebar-brand,
html.platform-theme aside.sidebar .sidebar-brand > .relative {
  position: relative !important;
  z-index: 1210 !important;
  overflow: visible !important;
}
html.platform-theme aside.sidebar .sidebar-nav,
html.platform-theme aside.sidebar .sidebar-footer {
  position: relative !important;
  z-index: 1 !important;
}
html.platform-theme aside.sidebar .cx-version-popover.absolute,
html.platform-theme aside.sidebar .cx-version-popover [class*="z-50"] {
  position: absolute !important;
  z-index: 1220 !important;
  pointer-events: auto !important;
}
/* === CX VERSION POPOVER CLICK LAYER FIX 20260710 END === */
/* === CX VERSION POPOVER SOLID WHITE 20260710 START === */
html.platform-theme:not(.dark) .cx-version-popover,
html.platform-theme[data-theme="light"] .cx-version-popover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  color: #172033 !important;
  box-shadow: 0 18px 45px -30px rgba(15, 23, 42, .45), 0 1px 0 rgba(255,255,255,.96) inset !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.platform-theme:not(.dark) .cx-version-popover::before,
html.platform-theme:not(.dark) .cx-version-popover::after,
html.platform-theme[data-theme="light"] .cx-version-popover::before,
html.platform-theme[data-theme="light"] .cx-version-popover::after {
  display: none !important;
  opacity: 0 !important;
}
html.platform-theme:not(.dark) .cx-version-popover :is(p, span, div, button, a, h1, h2, h3, h4, h5, h6),
html.platform-theme[data-theme="light"] .cx-version-popover :is(p, span, div, button, a, h1, h2, h3, h4, h5, h6) {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  text-shadow: none !important;
}
html.platform-theme:not(.dark) .cx-version-popover :is(button, a),
html.platform-theme[data-theme="light"] .cx-version-popover :is(button, a) {
  background-color: transparent !important;
  color: #1f2a44 !important;
  -webkit-text-fill-color: #1f2a44 !important;
}
/* === CX VERSION POPOVER SOLID WHITE 20260710 END === */

/* === CX ANNOUNCEMENT DARK BLUE PURPLE 20260712 START === */
html.platform-theme.dark .platform-announcement-overlay,
html.platform-theme[data-theme="dark"] .platform-announcement-overlay {
  background: rgba(3, 6, 18, .82) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

html.platform-theme.dark .platform-announcement-card,
html.platform-theme[data-theme="dark"] .platform-announcement-card {
  border: 1px solid rgba(124, 92, 255, .34) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(124, 92, 255, .18), transparent 36%),
    radial-gradient(circle at 92% 12%, rgba(20, 200, 244, .14), transparent 38%),
    linear-gradient(145deg, rgba(9, 12, 28, .98), rgba(6, 10, 24, .96)) !important;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, .58),
    0 0 42px rgba(79, 140, 255, .14),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html.platform-theme.dark .platform-announcement-header,
html.platform-theme[data-theme="dark"] .platform-announcement-header {
  border-color: rgba(124, 92, 255, .22) !important;
  background:
    linear-gradient(115deg, rgba(124, 92, 255, .17), rgba(79, 140, 255, .10) 48%, rgba(20, 200, 244, .08)) !important;
}

html.platform-theme.dark .platform-announcement-header .h-10.w-10,
html.platform-theme[data-theme="dark"] .platform-announcement-header .h-10.w-10 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  background: linear-gradient(135deg, #7c5cff 0%, #4f8cff 52%, #14c8f4 100%) !important;
  box-shadow: 0 12px 30px rgba(79, 140, 255, .32) !important;
}

html.platform-theme.dark .platform-announcement-header .inline-flex.rounded-lg,
html.platform-theme[data-theme="dark"] .platform-announcement-header .inline-flex.rounded-lg {
  color: #c4b5fd !important;
  -webkit-text-fill-color: #c4b5fd !important;
  border: 1px solid rgba(124, 92, 255, .42) !important;
  background: rgba(124, 92, 255, .14) !important;
  box-shadow: none !important;
}

html.platform-theme.dark .platform-announcement-header .inline-flex.rounded-lg *,
html.platform-theme[data-theme="dark"] .platform-announcement-header .inline-flex.rounded-lg * {
  color: #c4b5fd !important;
  -webkit-text-fill-color: #c4b5fd !important;
}

html.platform-theme.dark .platform-announcement-header .inline-flex.rounded-lg span span,
html.platform-theme[data-theme="dark"] .platform-announcement-header .inline-flex.rounded-lg span span {
  background: #22d3ee !important;
}

html.platform-theme.dark .platform-announcement-header h1,
html.platform-theme.dark .platform-announcement-header h2,
html.platform-theme.dark .platform-announcement-header h3,
html.platform-theme[data-theme="dark"] .platform-announcement-header h1,
html.platform-theme[data-theme="dark"] .platform-announcement-header h2,
html.platform-theme[data-theme="dark"] .platform-announcement-header h3 {
  color: #f7f8ff !important;
  -webkit-text-fill-color: #f7f8ff !important;
  text-shadow: none !important;
}

html.platform-theme.dark .platform-announcement-header time,
html.platform-theme.dark .platform-announcement-header [class*="text-gray"],
html.platform-theme[data-theme="dark"] .platform-announcement-header time,
html.platform-theme[data-theme="dark"] .platform-announcement-header [class*="text-gray"] {
  color: #9aa7c7 !important;
  -webkit-text-fill-color: #9aa7c7 !important;
}

html.platform-theme.dark .platform-announcement-content,
html.platform-theme[data-theme="dark"] .platform-announcement-content {
  color: #cbd5ec !important;
  -webkit-text-fill-color: #cbd5ec !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(20, 200, 244, .07), transparent 36%),
    linear-gradient(180deg, rgba(8, 12, 29, .98), rgba(6, 10, 24, .98)) !important;
  scrollbar-color: rgba(124, 92, 255, .72) rgba(255, 255, 255, .05) !important;
}

html.platform-theme.dark .platform-announcement-content::-webkit-scrollbar-thumb,
html.platform-theme[data-theme="dark"] .platform-announcement-content::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7c5cff, #4f8cff 56%, #14c8f4) !important;
}

html.platform-theme.dark .platform-announcement-content .absolute.left-0,
html.platform-theme[data-theme="dark"] .platform-announcement-content .absolute.left-0 {
  background: linear-gradient(180deg, #7c5cff 0%, #4f8cff 56%, #14c8f4 100%) !important;
}

html.platform-theme.dark .platform-announcement-content :is(.markdown-body, .prose, p, li),
html.platform-theme[data-theme="dark"] .platform-announcement-content :is(.markdown-body, .prose, p, li) {
  color: #cbd5ec !important;
  -webkit-text-fill-color: #cbd5ec !important;
}

html.platform-theme.dark .platform-announcement-content :is(h1, h2, h3, strong),
html.platform-theme[data-theme="dark"] .platform-announcement-content :is(h1, h2, h3, strong) {
  color: #f7f8ff !important;
  -webkit-text-fill-color: #f7f8ff !important;
}

html.platform-theme.dark .platform-announcement-content :is(.markdown-body, .prose) li::marker,
html.platform-theme[data-theme="dark"] .platform-announcement-content :is(.markdown-body, .prose) li::marker {
  color: #8b7cff !important;
}

html.platform-theme.dark .platform-announcement-content :is(.markdown-body, .prose) blockquote,
html.platform-theme[data-theme="dark"] .platform-announcement-content :is(.markdown-body, .prose) blockquote {
  border-color: rgba(79, 140, 255, .60) !important;
  background: rgba(79, 140, 255, .08) !important;
}

html.platform-theme.dark .platform-announcement-content :is(.markdown-body, .prose) a,
html.platform-theme[data-theme="dark"] .platform-announcement-content :is(.markdown-body, .prose) a {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
}

html.platform-theme.dark .platform-announcement-footer,
html.platform-theme[data-theme="dark"] .platform-announcement-footer {
  border-color: rgba(124, 92, 255, .20) !important;
  background: rgba(7, 10, 24, .92) !important;
}

html.platform-theme.dark .platform-announcement-confirm,
html.platform-theme[data-theme="dark"] .platform-announcement-confirm {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  background: linear-gradient(135deg, #7c5cff 0%, #4f8cff 52%, #14c8f4 100%) !important;
  box-shadow: 0 16px 34px rgba(79, 140, 255, .30) !important;
}

html.platform-theme.dark .platform-announcement-confirm *,
html.platform-theme[data-theme="dark"] .platform-announcement-confirm * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: #ffffff !important;
}
/* === CX ANNOUNCEMENT DARK BLUE PURPLE 20260712 END === */

/* Keep usage date-range menus above the glass chart cards. */
html.platform-theme .card:has(.date-picker-trigger) {
  position: relative !important;
  z-index: 1000020 !important;
  overflow: visible !important;
}

html.platform-theme .date-picker-dropdown {
  z-index: 1000030 !important;
}

/* === CX API ENDPOINT CARD LIGHT/DARK 20260714 START === */
html.platform-theme.theme-keys .cx-api-endpoint-card {
  position: relative !important;
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 50px !important;
  align-items: center !important;
  padding: 8px 10px !important;
  gap: 7px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  border-radius: 8px !important;
  letter-spacing: 0 !important;
  backdrop-filter: blur(20px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.18) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

html.platform-theme.theme-keys .cx-keys-actions-row {
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-wrap {
  width: auto !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
  margin-right: auto !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-name {
  flex: 0 0 auto !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-badge {
  flex: 0 0 auto !important;
  padding: 3px 7px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html.platform-theme.theme-keys :is(.cx-api-endpoint-badge, .cx-api-endpoint-separator) {
  display: none !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-separator {
  opacity: .55 !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-tools {
  display: flex !important;
  min-width: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 6px !important;
  justify-content: flex-start !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-url {
  min-width: 0 !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-tooltip {
  display: none !important;
}

html.platform-theme.theme-keys :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed) {
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 7px !important;
}

html.platform-theme.theme-keys :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed) svg {
  width: 14px !important;
  height: 14px !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-card,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-card {
  border: 1px solid rgba(79, 140, 255, .34) !important;
  color: #1c2742 !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .94), rgba(240, 243, 255, .92) 48%, rgba(229, 249, 255, .90)) !important;
  box-shadow:
    0 14px 34px rgba(76, 92, 160, .13),
    inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-card:hover,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-card:hover {
  border-color: rgba(124, 92, 255, .52) !important;
  box-shadow:
    0 18px 40px rgba(76, 92, 160, .18),
    0 0 0 1px rgba(20, 200, 244, .09),
    inset 0 1px 0 #ffffff !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-name,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-name {
  color: #253252 !important;
  -webkit-text-fill-color: #253252 !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-badge,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-badge {
  border: 1px solid rgba(124, 92, 255, .24) !important;
  color: #5b45d6 !important;
  -webkit-text-fill-color: #5b45d6 !important;
  background: rgba(124, 92, 255, .10) !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-separator,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-separator {
  color: #7f8aa8 !important;
  -webkit-text-fill-color: #7f8aa8 !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-url,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-url {
  color: #075f8f !important;
  -webkit-text-fill-color: #075f8f !important;
}

html.platform-theme.theme-keys:not(.dark) :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed),
html.platform-theme.theme-keys[data-theme="light"] :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed) {
  border: 1px solid rgba(79, 140, 255, .22) !important;
  color: #52617d !important;
  background: rgba(255, 255, 255, .68) !important;
}

html.platform-theme.theme-keys:not(.dark) :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed):hover,
html.platform-theme.theme-keys[data-theme="light"] :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed):hover {
  border-color: rgba(124, 92, 255, .42) !important;
  color: #5b45d6 !important;
  background: rgba(124, 92, 255, .10) !important;
}

html.platform-theme.theme-keys.dark .cx-api-endpoint-card,
html.platform-theme.theme-keys[data-theme="dark"] .cx-api-endpoint-card {
  border: 1px solid rgba(124, 92, 255, .38) !important;
  color: #edf2ff !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(20, 200, 244, .12), transparent 38%),
    linear-gradient(120deg, rgba(15, 18, 42, .96), rgba(16, 23, 54, .94) 52%, rgba(8, 31, 51, .92)) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, .34),
    0 0 28px rgba(79, 140, 255, .10),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html.platform-theme.theme-keys.dark .cx-api-endpoint-card:hover,
html.platform-theme.theme-keys[data-theme="dark"] .cx-api-endpoint-card:hover {
  border-color: rgba(20, 200, 244, .48) !important;
  box-shadow:
    0 22px 50px rgba(0, 0, 0, .42),
    0 0 34px rgba(124, 92, 255, .15),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

html.platform-theme.theme-keys.dark .cx-api-endpoint-name,
html.platform-theme.theme-keys[data-theme="dark"] .cx-api-endpoint-name {
  color: #f2f5ff !important;
  -webkit-text-fill-color: #f2f5ff !important;
}

html.platform-theme.theme-keys.dark .cx-api-endpoint-badge,
html.platform-theme.theme-keys[data-theme="dark"] .cx-api-endpoint-badge {
  border: 1px solid rgba(139, 124, 255, .38) !important;
  color: #c8c2ff !important;
  -webkit-text-fill-color: #c8c2ff !important;
  background: rgba(124, 92, 255, .16) !important;
}

html.platform-theme.theme-keys.dark .cx-api-endpoint-separator,
html.platform-theme.theme-keys[data-theme="dark"] .cx-api-endpoint-separator {
  color: #7180a5 !important;
  -webkit-text-fill-color: #7180a5 !important;
}

html.platform-theme.theme-keys.dark .cx-api-endpoint-url,
html.platform-theme.theme-keys[data-theme="dark"] .cx-api-endpoint-url {
  color: #67e8f9 !important;
  -webkit-text-fill-color: #67e8f9 !important;
}

html.platform-theme.theme-keys.dark :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed),
html.platform-theme.theme-keys[data-theme="dark"] :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed) {
  border: 1px solid rgba(103, 232, 249, .20) !important;
  color: #a9b7d7 !important;
  background: rgba(255, 255, 255, .055) !important;
}

html.platform-theme.theme-keys.dark :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed):hover,
html.platform-theme.theme-keys[data-theme="dark"] :is(.cx-api-endpoint-copy, .cx-api-endpoint-speed):hover {
  border-color: rgba(103, 232, 249, .42) !important;
  color: #67e8f9 !important;
  background: rgba(20, 200, 244, .10) !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-tooltip,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-tooltip {
  border-color: rgba(79, 140, 255, .24) !important;
  color: #33415f !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 18px 42px rgba(46, 60, 110, .18) !important;
}

html.platform-theme.theme-keys.dark .cx-api-endpoint-tooltip,
html.platform-theme.theme-keys[data-theme="dark"] .cx-api-endpoint-tooltip {
  border-color: rgba(124, 92, 255, .34) !important;
  color: #d9e2fa !important;
  background: rgba(10, 14, 34, .98) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .44) !important;
}

@media (max-width: 640px) {
  html.platform-theme.theme-keys .cx-api-endpoint-card {
    width: 100% !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  html.platform-theme.theme-keys .cx-api-endpoint-tools {
    width: 100% !important;
    flex-basis: 100% !important;
  }
}
/* === CX API ENDPOINT CARD LIGHT/DARK 20260714 END === */

/* === CX API ENDPOINT COPY BUTTON COMPACT FIX 20260715 START === */
html.platform-theme.theme-keys .cx-api-endpoint-tools > button.cx-api-endpoint-copy {
  display: inline-flex !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  flex: 0 0 26px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-tools > button.cx-api-endpoint-copy svg {
  display: block !important;
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: inherit !important;
  fill: none !important;
  stroke: currentColor !important;
}

html.platform-theme.theme-keys .cx-api-endpoint-tools > button.cx-api-endpoint-copy svg :is(path, rect, polyline, line) {
  opacity: 1 !important;
  visibility: visible !important;
  fill: none !important;
  stroke: currentColor !important;
}
/* === CX API ENDPOINT COPY BUTTON COMPACT FIX 20260715 END === */

/* === CX KEYS TOOLBAR ALIGNMENT 20260717 START === */
html.platform-theme.theme-keys .table-page-layout {
  gap: 12px !important;
}

html.platform-theme.theme-keys .cx-keys-actions-row {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}

html.platform-theme.theme-keys .cx-keys-actions-row > * {
  flex-shrink: 0 !important;
}

html.platform-theme.theme-keys .cx-keys-actions-row > :is(.cx-api-endpoint-wrap, .cx-api-endpoint-card) {
  min-width: 0 !important;
  flex: 0 1 auto !important;
  margin-right: auto !important;
}

html.platform-theme.theme-keys .cx-keys-actions-row > .cx-api-endpoint-wrap > .cx-api-endpoint-card {
  margin-right: 0 !important;
}

@media (max-width: 760px) {
  html.platform-theme.theme-keys .cx-keys-actions-row {
    flex-wrap: wrap !important;
  }

  html.platform-theme.theme-keys .cx-keys-actions-row > :is(.cx-api-endpoint-wrap, .cx-api-endpoint-card) {
    width: 100% !important;
    flex-basis: 100% !important;
    margin-right: 0 !important;
  }
}
/* === CX KEYS TOOLBAR ALIGNMENT 20260717 END === */

/* === CX KEYS LIGHT COPY ICON CONTRAST 20260717 START === */
html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-copy,
html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-copy :is(svg, path, rect, polyline, line),
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-copy,
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-copy :is(svg, path, rect, polyline, line) {
  color: #42506d !important;
  stroke: #42506d !important;
}

html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-copy:is(.is-copied, [class*="text-emerald"]),
html.platform-theme.theme-keys:not(.dark) .cx-api-endpoint-copy:is(.is-copied, [class*="text-emerald"]) :is(svg, path, rect, polyline, line),
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-copy:is(.is-copied, [class*="text-emerald"]),
html.platform-theme.theme-keys[data-theme="light"] .cx-api-endpoint-copy:is(.is-copied, [class*="text-emerald"]) :is(svg, path, rect, polyline, line) {
  color: #059669 !important;
  stroke: #059669 !important;
}
/* === CX KEYS LIGHT COPY ICON CONTRAST 20260717 END === */

/* === CX REDEEM COMPACT TOP BAR 20260829 START === */
html.platform-theme.theme-redeem .cx-redeem-hero {
  display: none !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone {
  display: grid !important;
  grid-template-columns: minmax(220px, .48fr) minmax(0, 1.52fr) !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 0 16px !important;
  padding: 18px 24px !important;
  min-height: 0 !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone__header p {
  margin: 5px 0 0 !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone > .card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-code-standalone > .cx-redeem-code-card.cx-advanced-card-ready {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-code-standalone > .cx-redeem-code-card.cx-advanced-card-ready::before,
html.platform-theme.theme-console.theme-redeem body #app main .cx-redeem-code-standalone > .cx-redeem-code-card.cx-advanced-card-ready::after {
  display: none !important;
  content: none !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone > .card > .p-6 {
  padding: 0 !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  align-items: center !important;
  gap: 14px !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone form > * {
  margin-top: 0 !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone form button[type="submit"] {
  width: 150px !important;
  min-height: 54px !important;
  margin: 0 !important;
  align-self: center !important;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone :is(.input-label, .input-hint) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.platform-theme.theme-redeem .cx-official-shop-embed {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  html.platform-theme.theme-redeem .cx-redeem-code-standalone {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  html.platform-theme.theme-redeem .cx-redeem-code-standalone form {
    grid-template-columns: 1fr !important;
  }

  html.platform-theme.theme-redeem .cx-redeem-code-standalone form button[type="submit"] {
    width: 100% !important;
  }
}
/* === CX REDEEM COMPACT TOP BAR 20260829 END === */

/* === CX ROUTE BRAND + REDEEM TRANSITION FIX 20260829 START === */
/* The brand link also targets /admin/dashboard. Keep its text color when the
   router marks it active, otherwise the light sidebar renders it white. */
html.platform-theme.theme-console .sidebar a.sidebar-brand-title.router-link-active,
html.platform-theme.theme-console .sidebar a.sidebar-brand-title.router-link-exact-active,
html.platform-theme.theme-console aside.sidebar a.sidebar-brand-title.router-link-active,
html.platform-theme.theme-console aside.sidebar a.sidebar-brand-title.router-link-exact-active {
  color: var(--px-text) !important;
  -webkit-text-fill-color: var(--px-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hide only the main content during the few milliseconds in which Vue has
   rendered the legacy recharge plans but the official embedded shop has not
   yet been moved into place. Sidebar and header remain usable. */
html.platform-theme.theme-redeem.cx-redeem-route-pending main > * {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.platform-theme.theme-redeem.cx-redeem-route-pending main::before {
  content: "正在加载自助充值…";
  display: grid;
  place-items: center;
  min-height: 220px;
  margin: 32px;
  border: 1px solid rgba(38, 183, 218, .22);
  border-radius: 24px;
  color: var(--px-text-muted, #60708a);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  visibility: visible !important;
  opacity: 1 !important;
  background: rgba(255, 255, 255, .68);
  box-shadow: 0 20px 50px rgba(50, 65, 102, .10);
}
/* === CX ROUTE BRAND + REDEEM TRANSITION FIX 20260829 END === */

/* === CX OFFICIAL SHOP EMBED 20260827 START === */
html.platform-theme.theme-redeem .cx-redeem-shop-replaced {
  display: none !important;
}

html.platform-theme.theme-redeem .cx-official-shop-embed {
  position: relative;
  margin: 24px 0;
  overflow: hidden;
  border: 1px solid var(--cx-redeem-border, rgba(38, 183, 218, .26));
  border-radius: 24px;
  background: var(--cx-redeem-panel-bg, rgba(255, 255, 255, .84));
  box-shadow: var(--cx-redeem-shadow, 0 20px 50px rgba(50, 65, 102, .14));
}

html.platform-theme.theme-redeem .cx-official-shop-embed__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--cx-redeem-border, rgba(38, 183, 218, .22));
}

html.platform-theme.theme-redeem .cx-official-shop-embed__header h2 {
  margin: 0;
  color: var(--cx-redeem-page-text, #17223b);
  font-size: 20px;
  font-weight: 800;
}

html.platform-theme.theme-redeem .cx-official-shop-embed__header p {
  margin: 6px 0 0;
  color: var(--cx-redeem-muted, #56627c);
  font-size: 14px;
}

html.platform-theme.theme-redeem .cx-official-shop-embed__header a {
  flex: 0 0 auto;
  padding: 10px 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, #7c5cff, #19bce5);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

html.platform-theme.theme-redeem .cx-official-shop-embed iframe {
  display: block;
  width: 100%;
  min-height: 820px;
  border: 0;
  background: #fff;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone {
  margin: 24px 0;
  padding: 20px 24px 24px;
  border: 1px solid var(--cx-redeem-border, rgba(38, 183, 218, .26));
  border-radius: 24px;
  background: var(--cx-redeem-panel-bg, rgba(255, 255, 255, .84));
  box-shadow: var(--cx-redeem-shadow, 0 20px 50px rgba(50, 65, 102, .14));
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone__header h2 {
  margin: 0;
  color: var(--cx-redeem-page-text, #17223b);
  font-size: 20px;
  font-weight: 800;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone__header p {
  margin: 6px 0 18px;
  color: var(--cx-redeem-muted, #56627c);
  font-size: 14px;
}

html.platform-theme.theme-redeem .cx-redeem-code-standalone > .card {
  max-width: 620px;
  margin: 0 auto;
}

@media (max-width: 760px) {
  html.platform-theme.theme-redeem .cx-official-shop-embed {
    margin: 16px -2px;
    border-radius: 18px;
  }

  html.platform-theme.theme-redeem .cx-official-shop-embed__header {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px;
  }

  html.platform-theme.theme-redeem .cx-official-shop-embed__header a {
    width: 100%;
    text-align: center;
  }

  html.platform-theme.theme-redeem .cx-redeem-code-standalone {
    margin: 16px -2px;
    padding: 18px;
    border-radius: 18px;
  }

  html.platform-theme.theme-redeem .cx-official-shop-embed iframe {
    min-height: 720px;
  }
}
/* === CX OFFICIAL SHOP EMBED 20260827 END === */