/* ================================================================
   LUX DEEP · 深邃质感设计系统 (Theme C)
   深色基调 · 玻璃拟态 · 微光流转 · 科技奢华
   纯 CSS 视觉重塑,不改 DOM;作用于 Semi UI 暗色模式
   ================================================================ */

/* ---------- 设计令牌 ---------- */
:root {
  /* 深邃背景层 */
  --deep-bg-0: #0a0e17;      /* 最底 */
  --deep-bg-1: #0f1420;      /* 面板底 */
  --deep-bg-2: #151b2b;      /* 卡片底 */
  --deep-bg-3: #1c2436;      /* 悬浮层 */

  /* 玻璃 */
  --glass-bg: rgba(24, 32, 50, 0.55);
  --glass-bg-strong: rgba(20, 28, 44, 0.78);
  --glass-border: rgba(148, 176, 255, 0.10);
  --glass-border-lit: rgba(158, 190, 255, 0.28);

  /* 微光 · 品牌辉光(青蓝 → 紫）*/
  --glow-cyan: #38e0d0;
  --glow-blue: #4f8cff;
  --glow-violet: #9b7bff;
  --glow-gold: #e4c07a;

  /* 文字 */
  --ink-1: #eef3ff;   /* 主 */
  --ink-2: #b7c2dc;   /* 次 */
  --ink-3: #7c88a6;   /* 弱 */

  --deep-radius: 16px;
  --deep-radius-sm: 11px;
  --deep-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --deep-shadow:
    0 2px 8px rgba(0, 0, 0, 0.40),
    0 12px 40px rgba(0, 0, 0, 0.36);
  --deep-shadow-lit:
    0 2px 10px rgba(0, 0, 0, 0.45),
    0 18px 56px rgba(0, 0, 0, 0.42),
    0 0 0 1px var(--glass-border-lit),
    0 0 40px rgba(79, 140, 255, 0.10);
}

/* ---------- 全局深邃底 + 流转辉光背景 ---------- */
body[theme-mode="dark"],
body[theme-mode="dark"] .semi-layout,
body[theme-mode="dark"] .semi-layout-content {
  background-color: var(--deep-bg-0) !important;
  color: var(--ink-1);
}
body[theme-mode="dark"]::before {
  content: "";
  position: fixed;
  inset: -20% -10% -10% -10%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(50% 40% at 12% 8%, rgba(79, 140, 255, 0.14), transparent 70%),
    radial-gradient(46% 42% at 88% 6%, rgba(155, 123, 255, 0.12), transparent 70%),
    radial-gradient(60% 50% at 78% 92%, rgba(56, 224, 208, 0.08), transparent 72%);
  filter: saturate(1.1);
  animation: deepDrift 22s ease-in-out infinite alternate;
}
@keyframes deepDrift {
  0%   { transform: translate3d(0,0,0) scale(1); opacity: 0.9; }
  100% { transform: translate3d(0,-2%,0) scale(1.06); opacity: 1; }
}
/* 保证内容在辉光之上 */
body[theme-mode="dark"] .semi-layout,
body[theme-mode="dark"] #root { position: relative; z-index: 1; }

/* ---------- 玻璃拟态卡片 ---------- */
body[theme-mode="dark"] .semi-card {
  background: var(--glass-bg);
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--deep-radius) !important;
  box-shadow: var(--deep-shadow);
  transition: transform 0.5s var(--deep-ease), box-shadow 0.5s var(--deep-ease), border-color 0.5s var(--deep-ease);
  position: relative;
  overflow: hidden;
}
/* 卡片顶部一道流光高光 */
body[theme-mode="dark"] .semi-card::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(158, 190, 255, 0.55), transparent);
  opacity: 0.6;
}
body[theme-mode="dark"] .semi-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--deep-shadow-lit);
  border-color: var(--glass-border-lit) !important;
}

/* ---------- 侧边栏 / 顶栏玻璃化 ---------- */
body[theme-mode="dark"] .semi-navigation,
body[theme-mode="dark"] .semi-layout-header,
body[theme-mode="dark"] .semi-layout-sider {
  background: var(--glass-bg-strong) !important;
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  border-color: var(--glass-border) !important;
}
/* 选中导航项:辉光胶囊 */
body[theme-mode="dark"] .semi-navigation-item-selected {
  background: linear-gradient(135deg, rgba(79,140,255,0.20), rgba(155,123,255,0.14)) !important;
  border-radius: var(--deep-radius-sm) !important;
  box-shadow: inset 0 0 0 1px var(--glass-border-lit), 0 0 22px rgba(79,140,255,0.16);
  color: var(--ink-1) !important;
}
body[theme-mode="dark"] .semi-navigation-item {
  border-radius: var(--deep-radius-sm) !important;
  transition: background 0.3s var(--deep-ease);
}

/* ---------- 按钮:辉光主按钮 + 微动效 ---------- */
body[theme-mode="dark"] .semi-button {
  border-radius: var(--deep-radius-sm) !important;
  transition: transform 0.25s var(--deep-ease), box-shadow 0.25s var(--deep-ease), filter 0.25s var(--deep-ease);
  letter-spacing: 0.3px;
}
body[theme-mode="dark"] .semi-button.semi-button-primary {
  background: linear-gradient(135deg, var(--glow-blue), var(--glow-violet)) !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(79,140,255,0.30), inset 0 1px 0 rgba(255,255,255,0.18);
}
body[theme-mode="dark"] .semi-button.semi-button-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(79,140,255,0.42), 0 0 0 3px rgba(155,123,255,0.16), inset 0 1px 0 rgba(255,255,255,0.22);
  filter: brightness(1.06);
}
body[theme-mode="dark"] .semi-button:not(.semi-button-primary):hover {
  transform: translateY(-1px);
  border-color: var(--glass-border-lit) !important;
}

/* ---------- 输入 / 选择:玻璃底 + 聚焦辉光环 ---------- */
body[theme-mode="dark"] .semi-input-wrapper,
body[theme-mode="dark"] .semi-select,
body[theme-mode="dark"] .semi-textarea-wrapper {
  background: rgba(12, 18, 30, 0.6) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--deep-radius-sm) !important;
  transition: box-shadow 0.3s var(--deep-ease), border-color 0.3s var(--deep-ease);
}
body[theme-mode="dark"] .semi-input-wrapper:focus-within,
body[theme-mode="dark"] .semi-select-focus,
body[theme-mode="dark"] .semi-textarea-wrapper:focus-within {
  border-color: var(--glow-blue) !important;
  box-shadow: 0 0 0 3px rgba(79,140,255,0.18), 0 0 22px rgba(79,140,255,0.12) !important;
}

/* ---------- 表格:通透 + 行悬停辉光 ---------- */
body[theme-mode="dark"] .semi-table,
body[theme-mode="dark"] .semi-table-thead,
body[theme-mode="dark"] .semi-table th {
  background: transparent !important;
}
body[theme-mode="dark"] .semi-table-tbody .semi-table-row:hover .semi-table-row-cell {
  background: rgba(79,140,255,0.07) !important;
}

/* ---------- 弹窗 / 抽屉 / 下拉:强玻璃 ---------- */
body[theme-mode="dark"] .semi-modal-content,
body[theme-mode="dark"] .semi-sidesheet-inner,
body[theme-mode="dark"] .semi-dropdown-menu,
body[theme-mode="dark"] .semi-popover-content {
  background: var(--glass-bg-strong) !important;
  backdrop-filter: blur(24px) saturate(1.3);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  border: 1px solid var(--glass-border-lit) !important;
  border-radius: var(--deep-radius) !important;
  box-shadow: var(--deep-shadow-lit) !important;
}

/* ---------- 标签 / 徽标:玻璃药丸 ---------- */
body[theme-mode="dark"] .semi-tag {
  border-radius: 9px !important;
  backdrop-filter: blur(6px);
}

/* ---------- 文字层次 ---------- */
body[theme-mode="dark"] .semi-typography,
body[theme-mode="dark"] h1, body[theme-mode="dark"] h2, body[theme-mode="dark"] h3 {
  color: var(--ink-1);
}
body[theme-mode="dark"] .semi-typography-secondary { color: var(--ink-2) !important; }
body[theme-mode="dark"] .semi-typography-tertiary,
body[theme-mode="dark"] .semi-typography-quaternary { color: var(--ink-3) !important; }

/* ---------- 纤细辉光滚动条 ---------- */
body[theme-mode="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
body[theme-mode="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(120, 150, 220, 0.22);
  border-radius: 8px; border: 2px solid transparent; background-clip: content-box;
}
body[theme-mode="dark"] ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(var(--glow-blue), var(--glow-violet));
  background-clip: content-box;
}

/* ================================================================
   订阅套餐卡 · LUX DEEP 重设计 (充值页)
   命中稳定类名 .newapi-subscription-plan-card(-vip/-svip),
   覆盖运营行内样式(VIP暖白金卡/SVIP图卡),统一为深邃玻璃+辉光语言:
     - 普通卡:玻璃拟态,hover 蓝紫辉光浮起
     - 推荐卡:紫辉光描边(替代 tailwind purple ring)
     - VIP:金调深玻璃(gold-tinted glass)
     - SVIP:保留卡面图,叠深邃罩 + 金辉光描边
     - 全部:hover 斜向流光扫过(与主题"微光流转"同语言)
   ================================================================ */

/* —— 基础:统一圆角/裁剪/过渡,为流光层做定位 —— */
.newapi-subscription-plan-card {
  border-radius: var(--deep-radius) !important;
  overflow: hidden !important;
  position: relative;
  isolation: isolate;
  transition:
    transform 0.5s var(--deep-ease),
    box-shadow 0.5s var(--deep-ease),
    border-color 0.5s var(--deep-ease) !important;
  will-change: transform;
}
/* 卡身/内容层不再使用运营行内底色(暖白渐变等),交给卡面统一渲染 */
.newapi-subscription-plan-card .semi-card-body {
  background: transparent !important;
}

/* —— hover 流光扫过(::before;::after 留给主题顶部流光高光) —— */
.newapi-subscription-plan-card::before {
  content: "";
  position: absolute;
  top: -60%;
  left: -90%;
  width: 50%;
  height: 220%;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(100deg,
    transparent 0%, rgba(255,255,255,0) 35%,
    rgba(214,228,255,0.34) 50%,
    rgba(255,255,255,0) 65%, transparent 100%);
  transform: skewX(-18deg);
  filter: blur(2px);
  opacity: 0;
}
.newapi-subscription-plan-card:hover::before {
  animation: planSheen 0.95s cubic-bezier(0.22,1,0.36,1) forwards;
}
/* VIP/SVIP 的流光带一点金 */
.newapi-subscription-plan-card-vip::before,
.newapi-subscription-plan-card-svip::before {
  background: linear-gradient(100deg,
    transparent 0%, rgba(255,255,255,0) 35%,
    rgba(255,232,178,0.36) 50%,
    rgba(255,255,255,0) 65%, transparent 100%);
}
@keyframes planSheen {
  0%   { left: -90%; opacity: 0; }
  16%  { opacity: 1; }
  100% { left: 150%; opacity: 0; }
}

/* —— 深色模式 —— */
/* 普通卡:跟随主题玻璃,hover 蓝紫辉光已由全局 .semi-card 提供 */
body[theme-mode="dark"] .newapi-subscription-plan-card:hover {
  transform: translateY(-5px);
}
/* 价格数字:tailwind purple-600 在深色玻璃上太暗 → 主题紫罗兰 */
body[theme-mode="dark"] .newapi-subscription-plan-card .text-purple-600 {
  color: #b9a4ff !important;
}

/* 推荐卡:紫辉光描边替代 ring-purple-500 */
body[theme-mode="dark"] .newapi-subscription-plan-card.ring-2 {
  --tw-ring-color: transparent;
  border-color: rgba(155,123,255,0.45) !important;
  box-shadow: var(--deep-shadow), 0 0 34px rgba(155,123,255,0.20) !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card.ring-2:hover {
  border-color: rgba(175,148,255,0.65) !important;
  box-shadow: var(--deep-shadow-lit), 0 0 48px rgba(155,123,255,0.30) !important;
}

/* VIP:金调深玻璃(覆盖行内 #fff8e1 暖白底) */
body[theme-mode="dark"] .newapi-subscription-plan-card-vip {
  background:
    radial-gradient(120% 90% at 85% -10%, rgba(228,192,122,0.16), transparent 55%),
    linear-gradient(160deg, rgba(44,37,24,0.78), rgba(22,19,13,0.85)) !important;
  border: 1px solid rgba(228,192,122,0.32) !important;
  box-shadow: var(--deep-shadow), inset 0 1px 0 rgba(255,236,190,0.12) !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card-vip:hover {
  border-color: rgba(238,205,138,0.55) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,0.48),
    0 26px 60px rgba(0,0,0,0.46),
    0 0 42px rgba(228,192,122,0.18),
    inset 0 1px 0 rgba(255,236,190,0.18) !important;
}
/* VIP 价格/次级文字:金调 */
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .text-purple-600 {
  color: #f0d9a0 !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .semi-typography-tertiary,
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .semi-typography-quaternary {
  color: #cbb98e !important;
}

/* SVIP:保留运营卡面图,叠深邃罩,与主题同一暗度 */
body[theme-mode="dark"] .newapi-subscription-plan-card-svip {
  background:
    linear-gradient(180deg, rgba(12,9,16,0.50), rgba(12,8,18,0.70)),
    url('/assets/svip-card-bg-20260430.png') center / cover no-repeat !important;
  border: 1px solid rgba(232,196,122,0.42) !important;
  box-shadow: var(--deep-shadow), inset 0 1px 0 rgba(255,240,200,0.14) !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card-svip:hover {
  border-color: rgba(244,208,138,0.62) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,0.50),
    0 28px 64px rgba(0,0,0,0.48),
    0 0 46px rgba(232,196,122,0.24),
    inset 0 1px 0 rgba(255,240,200,0.20) !important;
}

/* VIP/SVIP 顶部流光高光改金色(全局是蓝白) */
body[theme-mode="dark"] .newapi-subscription-plan-card-vip::after,
body[theme-mode="dark"] .newapi-subscription-plan-card-svip::after {
  background: linear-gradient(90deg, transparent, rgba(238,205,138,0.55), transparent);
}

/* —— 浅色模式:云白玻璃语言,金卡保留暖底只做精修 —— */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card {
  border: 1px solid var(--lite-border) !important;
  box-shadow: var(--lite-shadow) !important;
}
body:not([theme-mode="dark"]) .newapi-subscription-plan-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--lite-shadow-lit) !important;
}
body:not([theme-mode="dark"]) .newapi-subscription-plan-card.ring-2 {
  --tw-ring-color: transparent;
  border-color: rgba(155,123,255,0.40) !important;
  box-shadow: var(--lite-shadow), 0 0 30px rgba(155,123,255,0.16) !important;
}
/* 浅色 VIP:保留暖白底,金描边柔化 + hover 金晕 */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-vip {
  border-color: rgba(225,173,27,0.35) !important;
}
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-vip:hover {
  border-color: rgba(225,173,27,0.55) !important;
  box-shadow: var(--lite-shadow-lit), 0 0 36px rgba(228,189,99,0.22) !important;
}
/* 浅色 VIP 卡身保留运营暖白渐变(覆盖上面的 transparent 统一规则) */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-vip .semi-card-body {
  background: linear-gradient(180deg, #fff8e1 0%, #fffdf5 100%) !important;
}
/* 浅色 SVIP:压掉运营行内深红重投影,与深色模式同款深邃罩,金边柔化 */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-svip {
  background:
    linear-gradient(180deg, rgba(12,9,16,0.28), rgba(12,8,18,0.44)),
    url('/assets/svip-card-bg-20260430.png') center / cover no-repeat !important;
  border-color: rgba(228,189,99,0.45) !important;
  box-shadow: var(--lite-shadow), 0 0 0 1px rgba(228,189,99,0.24) !important;
}
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-svip:hover {
  box-shadow: var(--lite-shadow-lit), 0 0 40px rgba(201,141,34,0.28) !important;
}

/* —— 深色模式可读性:卡内 tailwind 灰字(浅底残留)提亮 —— */
body[theme-mode="dark"] .newapi-subscription-plan-card .text-gray-600,
body[theme-mode="dark"] .newapi-subscription-plan-card .text-gray-500 {
  color: var(--ink-2) !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card .text-gray-400 {
  color: var(--ink-3) !important;
}
/* VIP/SVIP 上灰字转金调 */
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .text-gray-600,
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .text-gray-500,
body[theme-mode="dark"] .newapi-subscription-plan-card-svip .text-gray-600,
body[theme-mode="dark"] .newapi-subscription-plan-card-svip .text-gray-500 {
  color: #d6c69f !important;
}

/* ---------- 尊重减少动效偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
  body[theme-mode="dark"]::before { animation: none; }
  body[theme-mode="dark"] .semi-card,
  body[theme-mode="dark"] .semi-button { transition: none; }
}

/* ================================================================
   LUX DEEP · 浅色模式 (Light variant)
   云白玻璃 · 冷雅辉光 · 通透留白 — 与深色同源不同调
   选择器: body:not([theme-mode="dark"])
   ================================================================ */
:root {
  --lite-glow-blue: #4f8cff;
  --lite-glow-violet: #9b7bff;
  --lite-glow-cyan: #2bb8c8;
  --lite-glass: rgba(255, 255, 255, 0.62);
  --lite-glass-strong: rgba(255, 255, 255, 0.82);
  --lite-border: rgba(79, 110, 170, 0.14);
  --lite-border-lit: rgba(79, 140, 255, 0.34);
  --lite-ink-1: #1c2436;
  --lite-ink-2: #46536e;
  --lite-ink-3: #7c88a6;
  --lite-shadow:
    0 1px 3px rgba(40, 60, 110, 0.06),
    0 10px 30px rgba(40, 60, 110, 0.08);
  --lite-shadow-lit:
    0 2px 8px rgba(40, 60, 110, 0.08),
    0 18px 48px rgba(40, 60, 110, 0.12),
    0 0 0 1px var(--lite-border-lit),
    0 0 36px rgba(79, 140, 255, 0.10);
}

/* 通透云白底 + 流转柔光 */
body:not([theme-mode="dark"]),
body:not([theme-mode="dark"]) .semi-layout,
body:not([theme-mode="dark"]) .semi-layout-content {
  background-color: #eef2fb !important;
  color: var(--lite-ink-1);
}
body:not([theme-mode="dark"])::before {
  content: "";
  position: fixed;
  inset: -20% -10% -10% -10%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(50% 40% at 12% 8%, rgba(79,140,255,0.12), transparent 70%),
    radial-gradient(46% 42% at 88% 6%, rgba(155,123,255,0.10), transparent 70%),
    radial-gradient(60% 50% at 78% 92%, rgba(43,184,200,0.08), transparent 72%);
  animation: deepDrift 22s ease-in-out infinite alternate;
}
body:not([theme-mode="dark"]) .semi-layout,
body:not([theme-mode="dark"]) #root { position: relative; z-index: 1; }

/* 云白玻璃卡片 */
body:not([theme-mode="dark"]) .semi-card {
  background: var(--lite-glass);
  backdrop-filter: blur(16px) saturate(1.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  border: 1px solid var(--lite-border) !important;
  border-radius: var(--deep-radius) !important;
  box-shadow: var(--lite-shadow);
  transition: transform 0.5s var(--deep-ease), box-shadow 0.5s var(--deep-ease), border-color 0.5s var(--deep-ease);
  position: relative;
  overflow: hidden;
}
body:not([theme-mode="dark"]) .semi-card::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(79,140,255,0.4), transparent);
  opacity: 0.6;
}
body:not([theme-mode="dark"]) .semi-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--lite-shadow-lit);
  border-color: var(--lite-border-lit) !important;
}

/* 侧栏/顶栏云白玻璃 */
body:not([theme-mode="dark"]) .semi-navigation,
body:not([theme-mode="dark"]) .semi-layout-header,
body:not([theme-mode="dark"]) .semi-layout-sider {
  background: var(--lite-glass-strong) !important;
  backdrop-filter: blur(20px) saturate(1.3);
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  border-color: var(--lite-border) !important;
}
body:not([theme-mode="dark"]) .semi-navigation-item-selected {
  background: linear-gradient(135deg, rgba(79,140,255,0.16), rgba(155,123,255,0.12)) !important;
  border-radius: var(--deep-radius-sm) !important;
  box-shadow: inset 0 0 0 1px var(--lite-border-lit), 0 0 18px rgba(79,140,255,0.12);
  color: var(--lite-ink-1) !important;
}
body:not([theme-mode="dark"]) .semi-navigation-item {
  border-radius: var(--deep-radius-sm) !important;
  transition: background 0.3s var(--deep-ease);
}

/* 辉光主按钮(浅色同款渐变) */
body:not([theme-mode="dark"]) .semi-button { border-radius: var(--deep-radius-sm) !important; letter-spacing: 0.3px; transition: transform 0.25s var(--deep-ease), box-shadow 0.25s var(--deep-ease), filter 0.25s var(--deep-ease); }
body:not([theme-mode="dark"]) .semi-button.semi-button-primary {
  background: linear-gradient(135deg, var(--lite-glow-blue), var(--lite-glow-violet)) !important;
  border: none !important; color: #fff !important;
  box-shadow: 0 6px 18px rgba(79,140,255,0.28), inset 0 1px 0 rgba(255,255,255,0.3);
}
body:not([theme-mode="dark"]) .semi-button.semi-button-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(79,140,255,0.38), 0 0 0 3px rgba(155,123,255,0.14), inset 0 1px 0 rgba(255,255,255,0.36);
  filter: brightness(1.04);
}
body:not([theme-mode="dark"]) .semi-button:not(.semi-button-primary):hover {
  transform: translateY(-1px);
  border-color: var(--lite-border-lit) !important;
}

/* 输入框:云白玻璃 + 聚焦辉光环 */
body:not([theme-mode="dark"]) .semi-input-wrapper,
body:not([theme-mode="dark"]) .semi-select,
body:not([theme-mode="dark"]) .semi-textarea-wrapper {
  background: rgba(255,255,255,0.7) !important;
  border: 1px solid var(--lite-border) !important;
  border-radius: var(--deep-radius-sm) !important;
  transition: box-shadow 0.3s var(--deep-ease), border-color 0.3s var(--deep-ease);
}
body:not([theme-mode="dark"]) .semi-input-wrapper:focus-within,
body:not([theme-mode="dark"]) .semi-select-focus,
body:not([theme-mode="dark"]) .semi-textarea-wrapper:focus-within {
  border-color: var(--lite-glow-blue) !important;
  box-shadow: 0 0 0 3px rgba(79,140,255,0.16), 0 0 20px rgba(79,140,255,0.10) !important;
}

/* 表格通透 + 行辉光 */
body:not([theme-mode="dark"]) .semi-table,
body:not([theme-mode="dark"]) .semi-table-thead,
body:not([theme-mode="dark"]) .semi-table th { background: transparent !important; }
body:not([theme-mode="dark"]) .semi-table-tbody .semi-table-row:hover .semi-table-row-cell {
  background: rgba(79,140,255,0.06) !important;
}

/* 弹窗/抽屉/下拉:强云白玻璃 */
body:not([theme-mode="dark"]) .semi-modal-content,
body:not([theme-mode="dark"]) .semi-sidesheet-inner,
body:not([theme-mode="dark"]) .semi-dropdown-menu,
body:not([theme-mode="dark"]) .semi-popover-content {
  background: var(--lite-glass-strong) !important;
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  border: 1px solid var(--lite-border-lit) !important;
  border-radius: var(--deep-radius) !important;
  box-shadow: var(--lite-shadow-lit) !important;
}

body:not([theme-mode="dark"]) .semi-tag { border-radius: 9px !important; }
body:not([theme-mode="dark"]) .semi-typography-secondary { color: var(--lite-ink-2) !important; }
body:not([theme-mode="dark"]) .semi-typography-tertiary,
body:not([theme-mode="dark"]) .semi-typography-quaternary { color: var(--lite-ink-3) !important; }

/* 辉光滚动条(浅色) */
body:not([theme-mode="dark"]) ::-webkit-scrollbar { width: 10px; height: 10px; }
body:not([theme-mode="dark"]) ::-webkit-scrollbar-thumb {
  background: rgba(79,110,170,0.20); border-radius: 8px; border: 2px solid transparent; background-clip: content-box;
}
body:not([theme-mode="dark"]) ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(var(--lite-glow-blue), var(--lite-glow-violet)); background-clip: content-box;
}

/* 浅色下也保留运营金卡原样(VIP暖白本就适配浅色,不套玻璃) */
body:not([theme-mode="dark"]) .semi-card[style*="#fff8e1"],
body:not([theme-mode="dark"]) .semi-card[style*="rgb(255, 248, 225)"],
body:not([theme-mode="dark"]) .semi-card[style*="svip-card-bg-20260430.png"] {
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body:not([theme-mode="dark"]) .semi-card[style*="#fff8e1"]::after,
body:not([theme-mode="dark"]) .semi-card[style*="svip-card-bg-20260430.png"]::after { display: none; }

/* ================================================================
   充值页 · 账户统计头图 (.semi-card cover > .relative.h-30)
   与主题同语言:玻璃蓝辉光描边 + 顶部镜面高光 + hover 流光扫过。
   (卡片整体浮起交给全局 .semi-card:hover,头图不单独位移)
   ================================================================ */

.semi-card .relative.h-30 {
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate;
  transition: box-shadow 0.55s cubic-bezier(0.22,1,0.36,1), filter 0.55s cubic-bezier(0.22,1,0.36,1);
}

/* 顶部镜面高光(soft-light 不改底色) */
.semi-card .relative.h-30::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.05) 14%, transparent 30%),
    radial-gradient(130% 55% at 50% -12%, rgba(255,255,255,0.22), transparent 62%);
  mix-blend-mode: soft-light;
}

/* hover 斜向流光扫过 */
.semi-card .relative.h-30::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -85%;
  width: 55%;
  height: 220%;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(100deg,
    transparent 0%, rgba(255,255,255,0) 34%,
    rgba(214,228,255,0.45) 50%,
    rgba(255,255,255,0) 66%, transparent 100%);
  transform: skewX(-18deg);
  filter: blur(2px);
  opacity: 0;
}
.semi-card:hover .relative.h-30::after {
  animation: planSheen 0.95s cubic-bezier(0.22,1,0.36,1) forwards;
}

/* 深色:玻璃蓝描边 + hover 蓝辉光 */
body[theme-mode="dark"] .semi-card .relative.h-30 {
  box-shadow:
    inset 0 0 0 1px rgba(158,190,255,0.22),
    inset 0 1px 0 rgba(255,255,255,0.16);
}
body[theme-mode="dark"] .semi-card:hover .relative.h-30 {
  box-shadow:
    inset 0 0 0 1px rgba(158,190,255,0.38),
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 0 34px rgba(79,140,255,0.18);
}

/* 浅色:柔和蓝边 */
body:not([theme-mode="dark"]) .semi-card .relative.h-30 {
  box-shadow:
    inset 0 0 0 1px rgba(79,140,255,0.20),
    inset 0 1px 0 rgba(255,255,255,0.45);
}
body:not([theme-mode="dark"]) .semi-card:hover .relative.h-30 {
  box-shadow:
    inset 0 0 0 1px rgba(79,140,255,0.34),
    inset 0 1px 0 rgba(255,255,255,0.55),
    0 0 30px rgba(79,140,255,0.14);
}

/* —— 尊重减少动效偏好 —— */
@media (prefers-reduced-motion: reduce) {
  .newapi-subscription-plan-card,
  .newapi-subscription-plan-card:hover { transform: none !important; }
  .newapi-subscription-plan-card:hover::before,
  .semi-card:hover .relative.h-30::after { animation: none; }
}