/* ================================================================
   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;
}

/* ================================================================
   订阅套餐卡 · AURORA TIERS 重设计 (充值页)
   命中稳定类名 .newapi-subscription-plan-card(-vip/-svip),
   覆盖运营行内样式,统一为"分层极光"语言:
     - 每张卡顶部一道分层色带(tier accent bar),标识等级
     - 普通卡:冷调玻璃,hover 上浮 + 蓝辉光
     - 推荐卡(.ring-2):蓝紫极光描边 + 呼吸辉光
     - VIP:金调玻璃 + 金色分层带 + 极光流转
     - 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;
}

/* —— 顶部分层色带(tier accent bar)—— */
.newapi-subscription-plan-card > .semi-card-body::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(90deg, var(--glow-blue), var(--glow-violet));
  opacity: 0.85;
}
.newapi-subscription-plan-card-vip > .semi-card-body::before {
  background: linear-gradient(90deg, #ef8f8f, #e5484d, #c0323a);
}
.newapi-subscription-plan-card-svip > .semi-card-body::before {
  height: 4px;
  background: linear-gradient(90deg, #f6d372 0%, #ffb833 30%, #ffe9a8 50%, #ffb833 70%, #f6d372 100%);
  background-size: 220% 100%;
  animation: tierFlow 6s linear infinite;
  opacity: 1;
}
@keyframes tierFlow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 220% 50%; }
}

/* —— 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;
}
/* SVIP 流光带一点金 */
.newapi-subscription-plan-card-svip::before {
  background: linear-gradient(100deg,
    transparent 0%, rgba(255,255,255,0) 35%,
    rgba(255,232,178,0.40) 50%,
    rgba(255,255,255,0) 65%, transparent 100%);
}
/* VIP 流光带一点红 */
.newapi-subscription-plan-card-vip::before {
  background: linear-gradient(100deg,
    transparent 0%, rgba(255,255,255,0) 35%,
    rgba(255,205,205,0.42) 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(-6px);
}
/* 价格数字: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 30px rgba(155,123,255,0.18) !important;
  animation: tierBreathe 3.6s var(--deep-ease) infinite;
}
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 52px rgba(155,123,255,0.34) !important;
  animation: none;
}
@keyframes tierBreathe {
  0%, 100% { box-shadow: var(--deep-shadow), 0 0 24px rgba(155,123,255,0.14); }
  50%      { box-shadow: var(--deep-shadow), 0 0 44px rgba(126,164,255,0.30); }
}

/* VIP:红调深玻璃(QQ 会员红,覆盖行内暖白底) */
body[theme-mode="dark"] .newapi-subscription-plan-card-vip {
  background:
    radial-gradient(120% 90% at 85% -10%, rgba(229,72,77,0.20), transparent 55%),
    linear-gradient(160deg, rgba(48,24,26,0.82), rgba(24,13,14,0.88)) !important;
  border: 1px solid rgba(229,110,115,0.36) !important;
  box-shadow: var(--deep-shadow), inset 0 1px 0 rgba(255,205,205,0.12) !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card-vip:hover {
  border-color: rgba(240,140,143,0.60) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,0.48),
    0 26px 60px rgba(0,0,0,0.46),
    0 0 46px rgba(229,72,77,0.24),
    inset 0 1px 0 rgba(255,205,205,0.18) !important;
}
/* VIP 价格/次级文字:红调 */
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .text-purple-600 {
  color: #ff9ea0 !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: #d8a5a6 !important;
}

/* SVIP:浅香槟金卡(最高级,两个模式统一浅金底+黑字);金极光边框流转 */
body[theme-mode="dark"] .newapi-subscription-plan-card-svip {
  background:
    radial-gradient(120% 90% at 85% -12%, rgba(255,244,210,0.9), transparent 60%),
    linear-gradient(160deg, #fbefc9 0%, #fdf6e0 100%) !important;
  border: 1px solid rgba(214,164,58,0.60) !important;
  box-shadow:
    var(--deep-shadow),
    0 0 34px rgba(245,214,130,0.22),
    inset 0 1px 0 rgba(255,250,230,0.6) !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card-svip:hover {
  border-color: rgba(255,224,150,0.78) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,0.50),
    0 28px 64px rgba(0,0,0,0.48),
    0 0 60px rgba(245,214,130,0.36),
    inset 0 1px 0 rgba(255,244,205,0.26) !important;
}
/* SVIP 价格/次级文字:黑色(卡已改浅金底) */
body[theme-mode="dark"] .newapi-subscription-plan-card-svip .text-purple-600 {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
body[theme-mode="dark"] .newapi-subscription-plan-card-svip .semi-typography-tertiary,
body[theme-mode="dark"] .newapi-subscription-plan-card-svip .semi-typography-quaternary {
  color: #3a3a3a !important;
  -webkit-text-fill-color: #3a3a3a !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(-5px);
  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;
  animation: tierBreatheLite 3.6s var(--deep-ease) infinite;
}
@keyframes tierBreatheLite {
  0%, 100% { box-shadow: var(--lite-shadow), 0 0 22px rgba(155,123,255,0.12); }
  50%      { box-shadow: var(--lite-shadow), 0 0 38px rgba(79,140,255,0.22); }
}
/* 浅色 VIP:粉红暖底(QQ 会员红),红描边柔化 + hover 红晕 */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-vip {
  border-color: rgba(229,72,77,0.32) !important;
}
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-vip:hover {
  border-color: rgba(229,72,77,0.52) !important;
  box-shadow: var(--lite-shadow-lit), 0 0 36px rgba(229,72,77,0.20) !important;
}
/* 浅色 VIP 卡身:淡粉红渐变(覆盖上面的 transparent 统一规则) */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-vip .semi-card-body {
  background: linear-gradient(180deg, #fff0f0 0%, #fffafb 100%) !important;
}
/* VIP 卡身:极淡红色斜纹肌理(::after,不占用色带 ::before),与红调语言统一 */
.newapi-subscription-plan-card-vip > .semi-card-body { position: relative; }
.newapi-subscription-plan-card-vip > .semi-card-body::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    135deg,
    rgba(229,72,77,0.05) 0px,
    rgba(229,72,77,0.05) 2px,
    transparent 2px,
    transparent 9px
  );
}
/* 卡内内容抬到肌理之上 */
.newapi-subscription-plan-card-vip > .semi-card-body > * { position: relative; z-index: 1; }

/* 浅色 SVIP:浅金香槟玻璃(最高级),去运营深红卡面图,金边 + hover 金晕 */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-svip {
  /* 盖掉 JS 行内注入的深红卡面图 Dt */
  background: linear-gradient(180deg, #fdf3d4 0%, #fffdf3 100%) !important;
  border-color: rgba(214,164,58,0.50) !important;
  box-shadow: var(--lite-shadow), 0 0 0 1px rgba(214,164,58,0.26) !important;
}
/* 浅色 SVIP 卡身:香槟金渐变(覆盖上面的 transparent 统一规则) */
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-svip .semi-card-body {
  background: linear-gradient(180deg, #fdf3d4 0%, #fffdf3 100%) !important;
}
body:not([theme-mode="dark"]) .newapi-subscription-plan-card-svip:hover {
  border-color: rgba(214,164,58,0.68) !important;
  box-shadow: var(--lite-shadow-lit), 0 0 44px rgba(228,189,99,0.32) !important;
}
/* 浅色 SVIP 文字:统一黑色,最高对比度
   (压掉 JS 行内浅金字 #f8e7ad/#ffe38a/#fff3c4,只配旧深红底;
    金字在香槟金浅底上看不清,故全部改黑色) */
/* 兜底:卡内所有文字(含嵌套 div 上的行内金字)→ 近黑 */
.newapi-subscription-plan-card-svip,
.newapi-subscription-plan-card-svip .semi-card-body,
.newapi-subscription-plan-card-svip .semi-card-body * {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  text-shadow: none !important;
}
/* 次级/权益文字:深灰黑,拉开层次 */
.newapi-subscription-plan-card-svip .semi-typography-tertiary,
.newapi-subscription-plan-card-svip .semi-typography-quaternary,
.newapi-subscription-plan-card-svip .text-gray-500,
.newapi-subscription-plan-card-svip .text-gray-400 {
  color: #3a3a3a !important;
  -webkit-text-fill-color: #3a3a3a !important;
}
/* 标题:纯黑,加重字重 */
.newapi-subscription-plan-card-svip .semi-typography-primary,
.newapi-subscription-plan-card-svip h1.semi-typography,
.newapi-subscription-plan-card-svip h2.semi-typography,
.newapi-subscription-plan-card-svip h3.semi-typography,
.newapi-subscription-plan-card-svip h4.semi-typography,
.newapi-subscription-plan-card-svip h5.semi-typography,
.newapi-subscription-plan-card-svip h6.semi-typography {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
  letter-spacing: 0.3px;
}
/* 价格数字(z 态去掉了 text-purple-600,靠行内 #ffe38a)→ 纯黑 */
.newapi-subscription-plan-card-svip .text-xl,
.newapi-subscription-plan-card-svip .text-3xl {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
}
/* SVIP 卡身:极淡金色斜纹肌理,呼应香槟金语言 */
.newapi-subscription-plan-card-svip > .semi-card-body { position: relative; }
.newapi-subscription-plan-card-svip > .semi-card-body::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    135deg,
    rgba(228,192,122,0.07) 0px,
    rgba(228,192,122,0.07) 2px,
    transparent 2px,
    transparent 9px
  );
}
.newapi-subscription-plan-card-svip > .semi-card-body > * { position: relative; z-index: 1; }

/* —— 深色模式可读性:卡内 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;
}
/* SVIP 上灰字:黑色(卡已改浅金底) */
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: #3a3a3a !important;
  -webkit-text-fill-color: #3a3a3a !important;
}
/* VIP 上灰字转红调 */
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .text-gray-600,
body[theme-mode="dark"] .newapi-subscription-plan-card-vip .text-gray-500 {
  color: #d8a5a6 !important;
}

/* —— 减少动效偏好:关闭色带流转与呼吸辉光 —— */
@media (prefers-reduced-motion: reduce) {
  .newapi-subscription-plan-card-svip > .semi-card-body::before { animation: none; }
  body[theme-mode="dark"] .newapi-subscription-plan-card.ring-2,
  body:not([theme-mode="dark"]) .newapi-subscription-plan-card.ring-2 { animation: none; }
}

/* ---------- 尊重减少动效偏好 ---------- */
@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; }
}