/**
 * 全站主题：由 system_basic_config.appTheme 驱动，html[data-app-theme] 在 site-i18n-fouc.js 尽早设置。
 * light：不设 data-app-theme，各页沿用自身 :root。
 */

/* —— 黑色星空（加深） —— */
html[data-app-theme="starry_dark"] {
  color-scheme: dark;
  /* 整体再压暗一档，与首页星空一致 */
  --bg: rgba(6, 7, 12, 0.94);
  --card: rgba(14, 16, 26, 0.98);
  --card-soft: rgba(20, 22, 34, 0.92);
  --text: #eef1f8;
  --muted: #a8b4c8;
  --border: rgba(70, 80, 120, 0.42);
  --line: rgba(70, 80, 120, 0.42);
  --blue: #6aa6ff;
  --primary: #6aa6ff;
  --link: #6aa6ff;
  --green: #3dcd70;
  --red: #f8717a;
  --accent: #d4b456;
  --bid: #3dcd70;
  --ask: #f8717a;
  --buy-btn: #16a34a;
  --sell-btn: #e11d48;
  --teal: #4dd4c4;
  --long: #22c55e;
  --short: #f8717a;
  --ob-bid: #22c55e;
  --ob-ask: #f8717a;
  min-height: 100%;
  background: transparent;
  isolation: isolate;
}

html[data-app-theme="starry_dark"] body {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--text);
}

/* 星空挂在 html::before，避免被 body 底色盖住（交易页等两侧与首页一致） */
html[data-app-theme="starry_dark"] body::before {
  content: none !important;
  display: none !important;
}

html[data-app-theme="starry_dark"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 130% 85% at 50% -12%, rgba(32, 40, 72, 0.32), transparent 58%),
    radial-gradient(1.2px 1.2px at 6% 12%, rgba(255, 255, 255, 0.92), transparent),
    radial-gradient(1px 1px at 14% 8%, rgba(255, 255, 255, 0.55), transparent),
    radial-gradient(1px 1px at 22% 18%, rgba(255, 255, 255, 0.82), transparent),
    radial-gradient(1.5px 1.5px at 31% 6%, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(1px 1px at 38% 22%, rgba(255, 255, 255, 0.72), transparent),
    radial-gradient(1px 1px at 47% 11%, rgba(255, 255, 255, 0.58), transparent),
    radial-gradient(1.2px 1.2px at 55% 19%, rgba(255, 255, 255, 0.88), transparent),
    radial-gradient(1px 1px at 63% 7%, rgba(255, 255, 255, 0.48), transparent),
    radial-gradient(1px 1px at 71% 15%, rgba(255, 255, 255, 0.7), transparent),
    radial-gradient(1.5px 1.5px at 79% 9%, rgba(255, 255, 255, 0.62), transparent),
    radial-gradient(1px 1px at 87% 20%, rgba(255, 255, 255, 0.78), transparent),
    radial-gradient(1px 1px at 93% 12%, rgba(255, 255, 255, 0.52), transparent),
    radial-gradient(1px 1px at 11% 35%, rgba(255, 255, 255, 0.42), transparent),
    radial-gradient(1.2px 1.2px at 29% 42%, rgba(255, 255, 255, 0.68), transparent),
    radial-gradient(1px 1px at 44% 38%, rgba(255, 255, 255, 0.48), transparent),
    radial-gradient(1px 1px at 58% 45%, rgba(255, 255, 255, 0.62), transparent),
    radial-gradient(1.5px 1.5px at 72% 36%, rgba(255, 255, 255, 0.82), transparent),
    radial-gradient(1px 1px at 84% 44%, rgba(255, 255, 255, 0.48), transparent),
    radial-gradient(1px 1px at 17% 58%, rgba(255, 255, 255, 0.52), transparent),
    radial-gradient(1px 1px at 52% 62%, rgba(255, 255, 255, 0.58), transparent),
    radial-gradient(1.2px 1.2px at 76% 58%, rgba(255, 255, 255, 0.72), transparent),
    radial-gradient(1px 1px at 8% 78%, rgba(255, 255, 255, 0.38), transparent),
    radial-gradient(1px 1px at 35% 82%, rgba(255, 255, 255, 0.52), transparent),
    radial-gradient(1.5px 1.5px at 61% 76%, rgba(255, 255, 255, 0.68), transparent),
    radial-gradient(1px 1px at 89% 84%, rgba(255, 255, 255, 0.42), transparent),
    linear-gradient(168deg, #000000 0%, #030306 40%, #000000 100%);
}

/* —— 深蓝星空（加深） —— */
html[data-app-theme="starry_blue"] {
  color-scheme: dark;
  --bg: rgba(4, 14, 32, 0.95);
  --card: rgba(8, 26, 48, 0.98);
  --card-soft: rgba(12, 34, 58, 0.93);
  --text: #e8f2ff;
  --muted: #9ab8d8;
  --border: rgba(50, 100, 160, 0.45);
  --line: rgba(50, 100, 160, 0.45);
  --blue: #4ab8f5;
  --primary: #4ab8f5;
  --link: #4ab8f5;
  --green: #3dcd70;
  --red: #f8717a;
  --accent: #e8d48b;
  --bid: #3dcd70;
  --ask: #f8717a;
  --buy-btn: #16a34a;
  --sell-btn: #e11d48;
  --teal: #4dd4c4;
  --long: #3dcd70;
  --short: #f8717a;
  --ob-bid: #3dcd70;
  --ob-ask: #f8717a;
  min-height: 100%;
  background: transparent;
  isolation: isolate;
}

html[data-app-theme="starry_blue"] body {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--text);
}

html[data-app-theme="starry_blue"] body::before {
  content: none !important;
  display: none !important;
}

html[data-app-theme="starry_blue"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 125% 90% at 50% -8%, rgba(24, 90, 160, 0.42), transparent 60%),
    radial-gradient(1.2px 1.2px at 7% 14%, rgba(220, 240, 255, 0.9), transparent),
    radial-gradient(1px 1px at 18% 9%, rgba(200, 230, 255, 0.55), transparent),
    radial-gradient(1px 1px at 26% 20%, rgba(220, 240, 255, 0.78), transparent),
    radial-gradient(1.5px 1.5px at 36% 8%, rgba(180, 220, 255, 0.5), transparent),
    radial-gradient(1px 1px at 45% 24%, rgba(210, 235, 255, 0.7), transparent),
    radial-gradient(1px 1px at 54% 11%, rgba(200, 230, 255, 0.55), transparent),
    radial-gradient(1.2px 1.2px at 62% 18%, rgba(230, 245, 255, 0.85), transparent),
    radial-gradient(1px 1px at 70% 10%, rgba(190, 220, 255, 0.48), transparent),
    radial-gradient(1px 1px at 78% 16%, rgba(210, 235, 255, 0.68), transparent),
    radial-gradient(1.5px 1.5px at 86% 12%, rgba(200, 230, 255, 0.58), transparent),
    radial-gradient(1px 1px at 92% 22%, rgba(220, 240, 255, 0.75), transparent),
    radial-gradient(1px 1px at 12% 38%, rgba(190, 215, 255, 0.45), transparent),
    radial-gradient(1.2px 1.2px at 30% 44%, rgba(210, 235, 255, 0.65), transparent),
    radial-gradient(1px 1px at 48% 40%, rgba(190, 220, 255, 0.48), transparent),
    radial-gradient(1px 1px at 60% 48%, rgba(200, 230, 255, 0.6), transparent),
    radial-gradient(1.5px 1.5px at 74% 38%, rgba(230, 245, 255, 0.8), transparent),
    radial-gradient(1px 1px at 85% 46%, rgba(190, 220, 255, 0.5), transparent),
    radial-gradient(1px 1px at 16% 60%, rgba(200, 225, 255, 0.52), transparent),
    radial-gradient(1px 1px at 53% 64%, rgba(210, 235, 255, 0.55), transparent),
    radial-gradient(1.2px 1.2px at 77% 60%, rgba(220, 240, 255, 0.7), transparent),
    radial-gradient(1px 1px at 9% 80%, rgba(180, 210, 255, 0.4), transparent),
    radial-gradient(1px 1px at 38% 84%, rgba(200, 230, 255, 0.52), transparent),
    radial-gradient(1.5px 1.5px at 64% 78%, rgba(210, 240, 255, 0.65), transparent),
    radial-gradient(1px 1px at 90% 86%, rgba(190, 220, 255, 0.42), transparent),
    linear-gradient(168deg, #010612 0%, #041228 48%, #000208 100%);
}

/* 主容器：统一用变量底，覆盖各页写死的 #fff / #f7f8fa */
html[data-app-theme="starry_dark"] .phone,
html[data-app-theme="starry_blue"] .phone {
  background: var(--bg) !important;
}

/* 首页快捷图标底、描边在深色下可读 */
html[data-app-theme="starry_dark"] .quick-item .ic,
html[data-app-theme="starry_blue"] .quick-item .ic {
  background: transparent !important;
}

html[data-app-theme="starry_dark"] .quick-item .ic svg,
html[data-app-theme="starry_blue"] .quick-item .ic svg {
  stroke: #cbd5e1;
}

/* 登录/注册等白底主容器 */
html[data-app-theme="starry_dark"] .auth-wrap .input-wrap,
html[data-app-theme="starry_blue"] .auth-wrap .input-wrap {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--line);
}

html[data-app-theme="starry_dark"] .auth-wrap .input-wrap input,
html[data-app-theme="starry_blue"] .auth-wrap .input-wrap input {
  background: transparent;
  color: var(--text);
}

html[data-app-theme="starry_dark"] .auth-wrap .title,
html[data-app-theme="starry_blue"] .auth-wrap .title {
  color: var(--text);
}

html[data-app-theme="starry_dark"] .sub,
html[data-app-theme="starry_blue"] .sub {
  color: var(--muted) !important;
}

/* ========== 玻璃质感卡片：覆盖各页写死 #fff，与浅色正文变量一致 ========== */
html[data-app-theme="starry_dark"] .phone > header.top,
html[data-app-theme="starry_dark"] .phone > header.bar,
html[data-app-theme="starry_dark"] .phone .top,
html[data-app-theme="starry_dark"] .phone .profile,
html[data-app-theme="starry_dark"] .phone .action-grid,
html[data-app-theme="starry_dark"] .phone .invite-card,
html[data-app-theme="starry_dark"] .phone .menu-list,
html[data-app-theme="starry_dark"] .phone .proj-tabs-wrap,
html[data-app-theme="starry_dark"] .phone .list,
html[data-app-theme="starry_dark"] .phone .ct-brand,
html[data-app-theme="starry_dark"] .phone .so-top,
html[data-app-theme="starry_dark"] .phone .page-inner > .top,
html[data-app-theme="starry_blue"] .phone > header.top,
html[data-app-theme="starry_blue"] .phone > header.bar,
html[data-app-theme="starry_blue"] .phone .top,
html[data-app-theme="starry_blue"] .phone .profile,
html[data-app-theme="starry_blue"] .phone .action-grid,
html[data-app-theme="starry_blue"] .phone .invite-card,
html[data-app-theme="starry_blue"] .phone .menu-list,
html[data-app-theme="starry_blue"] .phone .proj-tabs-wrap,
html[data-app-theme="starry_blue"] .phone .list,
html[data-app-theme="starry_blue"] .phone .ct-brand,
html[data-app-theme="starry_blue"] .phone .so-top,
html[data-app-theme="starry_blue"] .phone .page-inner > .top {
  background: var(--card) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  color: var(--text);
}

html[data-app-theme="starry_dark"] .phone .top h1,
html[data-app-theme="starry_dark"] .phone .name,
html[data-app-theme="starry_blue"] .phone .top h1,
html[data-app-theme="starry_blue"] .phone .name {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .meta,
html[data-app-theme="starry_blue"] .phone .meta {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .amount,
html[data-app-theme="starry_blue"] .phone .amount {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .action-item,
html[data-app-theme="starry_blue"] .phone .action-item {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .action-ico,
html[data-app-theme="starry_blue"] .phone .action-ico {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-app-theme="starry_dark"] .phone .menu-row,
html[data-app-theme="starry_blue"] .phone .menu-row {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .menu-right,
html[data-app-theme="starry_blue"] .phone .menu-right {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .icon-btn,
html[data-app-theme="starry_dark"] .phone .app-back,
html[data-app-theme="starry_blue"] .phone .icon-btn,
html[data-app-theme="starry_blue"] .phone .app-back {
  color: var(--text) !important;
}

/* —— 资产页 —— */
html[data-app-theme="starry_dark"] .phone .proj-tab,
html[data-app-theme="starry_blue"] .phone .proj-tab {
  color: var(--muted) !important;
  background: transparent !important;
}

html[data-app-theme="starry_dark"] .phone .proj-tab.active,
html[data-app-theme="starry_blue"] .phone .proj-tab.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
  font-weight: 700;
}

html[data-app-theme="starry_dark"] .phone .pair,
html[data-app-theme="starry_blue"] .phone .pair {
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .row,
html[data-app-theme="starry_blue"] .phone .row {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .k,
html[data-app-theme="starry_blue"] .phone .k {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .empty-tip,
html[data-app-theme="starry_blue"] .phone .empty-tip {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .item,
html[data-app-theme="starry_blue"] .phone .item {
  border-bottom-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .hd,
html[data-app-theme="starry_blue"] .phone .hd {
  background: linear-gradient(145deg, rgba(30, 58, 95, 0.98) 0%, rgba(15, 23, 42, 0.95) 48%, rgba(12, 74, 110, 0.92) 100%) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

html[data-app-theme="starry_blue"] .phone .hd {
  background: linear-gradient(145deg, rgba(14, 80, 130, 0.98) 0%, rgba(8, 47, 73, 0.96) 45%, rgba(7, 89, 133, 0.95) 100%) !important;
}

html[data-app-theme="starry_dark"] .phone .act-bar,
html[data-app-theme="starry_blue"] .phone .act-bar {
  background: linear-gradient(145deg, rgba(25, 55, 95, 0.95), rgba(15, 40, 72, 0.92)) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

html[data-app-theme="starry_blue"] .phone .act-bar {
  background: linear-gradient(145deg, rgba(12, 74, 120, 0.96), rgba(8, 52, 88, 0.94)) !important;
}

/* —— 交易 / 合约顶栏与区块 —— */
html[data-app-theme="starry_dark"] .phone .chart-block,
html[data-app-theme="starry_dark"] .phone #chartWrap,
html[data-app-theme="starry_blue"] .phone .chart-block,
html[data-app-theme="starry_blue"] .phone #chartWrap {
  background: var(--card) !important;
}

html[data-app-theme="starry_dark"] .phone .so-fav-btn:hover,
html[data-app-theme="starry_blue"] .phone .so-fav-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-app-theme="starry_dark"] .phone .tf-btn.active,
html[data-app-theme="starry_blue"] .phone .tf-btn.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}

/* —— 量化页 —— */
html[data-app-theme="starry_dark"] .phone .pnl-top,
html[data-app-theme="starry_dark"] .phone .q-symbol-bar,
html[data-app-theme="starry_dark"] .phone .q-price-block,
html[data-app-theme="starry_dark"] .phone .qt-depth-wrap,
html[data-app-theme="starry_dark"] .phone .qt-bot-sec,
html[data-app-theme="starry_dark"] .phone .so-drawer,
html[data-app-theme="starry_dark"] .phone .so-drawer-close,
html[data-app-theme="starry_dark"] .phone .qt-sheet,
html[data-app-theme="starry_dark"] .phone .qt-grid-card,
html[data-app-theme="starry_blue"] .phone .pnl-top,
html[data-app-theme="starry_blue"] .phone .q-symbol-bar,
html[data-app-theme="starry_blue"] .phone .q-price-block,
html[data-app-theme="starry_blue"] .phone .qt-depth-wrap,
html[data-app-theme="starry_blue"] .phone .qt-bot-sec,
html[data-app-theme="starry_blue"] .phone .so-drawer,
html[data-app-theme="starry_blue"] .phone .so-drawer-close,
html[data-app-theme="starry_blue"] .phone .qt-sheet,
html[data-app-theme="starry_blue"] .phone .qt-grid-card {
  background: var(--card) !important;
  color: var(--text);
  border-color: var(--border) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
}

/* 创建机器人弹层内「AI策略」小标签：不用大盘块投影，避免出现标题下一块突兀阴影 */
html[data-app-theme="starry_dark"] .phone .qt-ai-tab,
html[data-app-theme="starry_blue"] .phone .qt-ai-tab {
  background: var(--card-soft) !important;
  color: var(--primary) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

html[data-app-theme="starry_dark"] .phone .qt-depth th,
html[data-app-theme="starry_blue"] .phone .qt-depth th {
  background: var(--card-soft) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone #qtPairDrawerList .market-row,
html[data-app-theme="starry_blue"] .phone #qtPairDrawerList .market-row {
  background: var(--card) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .so-drawer-thead,
html[data-app-theme="starry_blue"] .phone .so-drawer-thead {
  background: var(--card-soft) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .qt-grid-fields input,
html[data-app-theme="starry_blue"] .phone .qt-grid-fields input,
html[data-app-theme="starry_dark"] .phone #qtLevMult,
html[data-app-theme="starry_blue"] .phone #qtLevMult {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .so-drawer-title,
html[data-app-theme="starry_dark"] .phone .qt-sheet-hd h2,
html[data-app-theme="starry_blue"] .phone .so-drawer-title,
html[data-app-theme="starry_blue"] .phone .qt-sheet-hd h2 {
  color: var(--text) !important;
}

/* —— 底栏：毛玻璃 + 可读灰字 / 金色当前项 —— */
html[data-app-theme="starry_dark"] .tabbar {
  background: rgba(10, 12, 20, 0.92) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.35);
}

html[data-app-theme="starry_blue"] .tabbar {
  background: rgba(6, 20, 40, 0.93) !important;
  border-top: 1px solid rgba(80, 140, 220, 0.16) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.35);
}

html[data-app-theme="starry_dark"] .tabbar .tab,
html[data-app-theme="starry_blue"] .tabbar .tab {
  color: #cbd5e1 !important;
}

html[data-app-theme="starry_dark"] .tabbar .tab svg,
html[data-app-theme="starry_blue"] .tabbar .tab svg {
  stroke: #cbd5e1 !important;
  opacity: 1;
}

html[data-app-theme="starry_dark"] .tabbar .tab.active,
html[data-app-theme="starry_blue"] .tabbar .tab.active {
  color: #e8c76a !important;
}

html[data-app-theme="starry_dark"] .tabbar .tab.active svg,
html[data-app-theme="starry_blue"] .tabbar .tab.active svg {
  stroke: #e8c76a !important;
}

html[data-app-theme="starry_dark"] .tabbar .tab.active .tab-icon-slot,
html[data-app-theme="starry_blue"] .tabbar .tab.active .tab-icon-slot {
  filter: none !important;
}

html[data-app-theme="starry_dark"] .tabbar .tab.active .tab-icon-slot img,
html[data-app-theme="starry_blue"] .tabbar .tab.active .tab-icon-slot img {
  opacity: 1;
  filter: brightness(1.06) contrast(1.03);
}

html[data-app-theme="starry_dark"] .tabbar .tab:not(.active) .tab-icon-slot img,
html[data-app-theme="starry_blue"] .tabbar .tab:not(.active) .tab-icon-slot img {
  opacity: 0.92;
  filter: brightness(1.12) contrast(1.05);
}

html[data-app-theme="starry_dark"] .quant-tabbar .tab.active .tab-icon-slot,
html[data-app-theme="starry_blue"] .quant-tabbar .tab.active .tab-icon-slot {
  filter: none !important;
  box-shadow: none !important;
}

/* 登录白底 .phone */
html[data-app-theme="starry_dark"] .phone .auth-wrap,
html[data-app-theme="starry_blue"] .phone .auth-wrap {
  color: var(--text);
}

/* —— 秒合约 / 现货交易大块白底 —— */
html[data-app-theme="starry_dark"] .phone .sc-price-block,
html[data-app-theme="starry_dark"] .phone .ct-tf-wrap,
html[data-app-theme="starry_dark"] .phone .sc-chart-block,
html[data-app-theme="starry_dark"] .phone #scChartWrap,
html[data-app-theme="starry_dark"] .phone .sc-depth-wrap,
html[data-app-theme="starry_dark"] .phone .sc-form,
html[data-app-theme="starry_dark"] .phone .sc-orders-empty,
html[data-app-theme="starry_dark"] .phone .sc-ocard,
html[data-app-theme="starry_dark"] .phone .sc-ct-modal-card,
html[data-app-theme="starry_blue"] .phone .sc-price-block,
html[data-app-theme="starry_blue"] .phone .ct-tf-wrap,
html[data-app-theme="starry_blue"] .phone .sc-chart-block,
html[data-app-theme="starry_blue"] .phone #scChartWrap,
html[data-app-theme="starry_blue"] .phone .sc-depth-wrap,
html[data-app-theme="starry_blue"] .phone .sc-form,
html[data-app-theme="starry_blue"] .phone .sc-orders-empty,
html[data-app-theme="starry_blue"] .phone .sc-ocard,
html[data-app-theme="starry_blue"] .phone .sc-ct-modal-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--text);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-app-theme="starry_dark"] .phone .sc-form .sc-dir-row,
html[data-app-theme="starry_dark"] .phone .sc-period:not(.active),
html[data-app-theme="starry_blue"] .phone .sc-form .sc-dir-row,
html[data-app-theme="starry_blue"] .phone .sc-period:not(.active) {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-app-theme="starry_dark"] .phone .sc-amt-inner,
html[data-app-theme="starry_blue"] .phone .sc-amt-inner {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .sc-amt-inner input,
html[data-app-theme="starry_blue"] .phone .sc-amt-inner input {
  background: transparent !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .sc-amt-inner button,
html[data-app-theme="starry_blue"] .phone .sc-amt-inner button {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .sc-pc-cancel,
html[data-app-theme="starry_blue"] .phone .sc-pc-cancel {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .sc-ocard-badge,
html[data-app-theme="starry_blue"] .phone .sc-ocard-badge {
  background: var(--card-soft) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .chart-detail,
html[data-app-theme="starry_blue"] .phone .chart-detail {
  background: rgba(32, 36, 52, 0.94) !important;
  border-color: var(--line) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

html[data-app-theme="starry_blue"] .phone .chart-detail {
  background: rgba(24, 44, 78, 0.94) !important;
}

html[data-app-theme="starry_dark"] .phone .chart-detail-time,
html[data-app-theme="starry_blue"] .phone .chart-detail-time {
  border-bottom-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .chart-detail-ma,
html[data-app-theme="starry_blue"] .phone .chart-detail-ma {
  border-top-color: var(--line) !important;
}

/* —— 秒合约：摘要条 + 选币抽屉 —— */
html[data-app-theme="starry_dark"] .phone .sc-sum,
html[data-app-theme="starry_blue"] .phone .sc-sum {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--text);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-app-theme="starry_dark"] .phone #scPairDrawer.so-drawer,
html[data-app-theme="starry_dark"] .phone #scPairDrawerList.so-drawer-body,
html[data-app-theme="starry_dark"] .phone #scPairDrawerList .market-row,
html[data-app-theme="starry_dark"] .phone .so-drawer-close,
html[data-app-theme="starry_dark"] .phone .so-drawer-thead,
html[data-app-theme="starry_blue"] .phone #scPairDrawer.so-drawer,
html[data-app-theme="starry_blue"] .phone #scPairDrawerList.so-drawer-body,
html[data-app-theme="starry_blue"] .phone #scPairDrawerList .market-row,
html[data-app-theme="starry_blue"] .phone .so-drawer-close,
html[data-app-theme="starry_blue"] .phone .so-drawer-thead {
  background: var(--card) !important;
  color: var(--text);
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone #scPairDrawerList .market-row:active,
html[data-app-theme="starry_dark"] .phone #scPairDrawerList .market-row.is-current,
html[data-app-theme="starry_blue"] .phone #scPairDrawerList .market-row:active,
html[data-app-theme="starry_blue"] .phone #scPairDrawerList .market-row.is-current {
  background: var(--card-soft) !important;
}

html[data-app-theme="starry_dark"] .phone #scPairDrawer .so-drawer-tabs button.active,
html[data-app-theme="starry_blue"] .phone #scPairDrawer .so-drawer-tabs button.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}

/* —— 现货交易页 —— */
html[data-app-theme="starry_dark"] .phone .so-form,
html[data-app-theme="starry_dark"] .phone .so-book,
html[data-app-theme="starry_dark"] .phone .so-orders,
html[data-app-theme="starry_dark"] .phone .so-drawer,
html[data-app-theme="starry_dark"] .phone #pairDrawerList.so-drawer-body,
html[data-app-theme="starry_dark"] .phone #pairDrawerList .market-row,
html[data-app-theme="starry_dark"] .phone .ct-modal-card,
html[data-app-theme="starry_blue"] .phone .so-form,
html[data-app-theme="starry_blue"] .phone .so-book,
html[data-app-theme="starry_blue"] .phone .so-orders,
html[data-app-theme="starry_blue"] .phone .so-drawer,
html[data-app-theme="starry_blue"] .phone #pairDrawerList.so-drawer-body,
html[data-app-theme="starry_blue"] .phone #pairDrawerList .market-row,
html[data-app-theme="starry_blue"] .phone .ct-modal-card {
  background: var(--card) !important;
  color: var(--text);
  border-color: var(--border) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
}

html[data-app-theme="starry_dark"] .phone #pairDrawerList .market-row:active,
html[data-app-theme="starry_dark"] .phone #pairDrawerList .market-row.is-current,
html[data-app-theme="starry_blue"] .phone #pairDrawerList .market-row:active,
html[data-app-theme="starry_blue"] .phone #pairDrawerList .market-row.is-current {
  background: var(--card-soft) !important;
}

html[data-app-theme="starry_dark"] .phone .so-side-tabs,
html[data-app-theme="starry_dark"] .phone .so-side-tabs button,
html[data-app-theme="starry_blue"] .phone .so-side-tabs,
html[data-app-theme="starry_blue"] .phone .so-side-tabs button {
  background: transparent !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .so-side-tabs button:not(.active),
html[data-app-theme="starry_blue"] .phone .so-side-tabs button:not(.active) {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .so-side-tabs button.buy:not(.active),
html[data-app-theme="starry_blue"] .phone .so-side-tabs button.buy:not(.active) {
  color: var(--buy, var(--green)) !important;
}

html[data-app-theme="starry_dark"] .phone .so-side-tabs button.sell:not(.active),
html[data-app-theme="starry_blue"] .phone .so-side-tabs button.sell:not(.active) {
  color: var(--sell, var(--red)) !important;
}

html[data-app-theme="starry_dark"] .phone .so-side-tabs button.active.buy,
html[data-app-theme="starry_blue"] .phone .so-side-tabs button.active.buy {
  background: var(--buy, var(--green)) !important;
  color: #fff !important;
}

html[data-app-theme="starry_dark"] .phone .so-side-tabs button.active.sell,
html[data-app-theme="starry_blue"] .phone .so-side-tabs button.active.sell {
  background: var(--sell, var(--red)) !important;
  color: #fff !important;
}

html[data-app-theme="starry_dark"] .phone .so-otype-select,
html[data-app-theme="starry_blue"] .phone .so-otype-select {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .so-price-box .px-btn,
html[data-app-theme="starry_dark"] .phone .so-amt-row .unit,
html[data-app-theme="starry_blue"] .phone .so-price-box .px-btn,
html[data-app-theme="starry_blue"] .phone .so-amt-row .unit {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .so-price-box input,
html[data-app-theme="starry_dark"] .phone .so-amt-row input,
html[data-app-theme="starry_blue"] .phone .so-price-box input,
html[data-app-theme="starry_blue"] .phone .so-amt-row input {
  background: transparent !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .so-usd-hint,
html[data-app-theme="starry_dark"] .phone .ob-mid-usd,
html[data-app-theme="starry_blue"] .phone .so-usd-hint,
html[data-app-theme="starry_blue"] .phone .ob-mid-usd {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .so-pos-btns .so-act-sec,
html[data-app-theme="starry_blue"] .phone .so-pos-btns .so-act-sec {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .so-pos-btns .so-act-sec:active,
html[data-app-theme="starry_blue"] .phone .so-pos-btns .so-act-sec:active {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-app-theme="starry_dark"] .phone .ct-modal-tabs button,
html[data-app-theme="starry_blue"] .phone .ct-modal-tabs button {
  background: var(--card-soft) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .ct-modal-tabs button.active,
html[data-app-theme="starry_blue"] .phone .ct-modal-tabs button.active {
  background: var(--card) !important;
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .so-sell-cancel,
html[data-app-theme="starry_blue"] .phone .so-sell-cancel {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .so-drawer-tabs button.active,
html[data-app-theme="starry_blue"] .phone .so-drawer-tabs button.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .so-drawer-close,
html[data-app-theme="starry_blue"] .phone .so-drawer-close {
  background: var(--card-soft) !important;
  color: var(--text) !important;
}

/* —— 永续合约页 —— */
html[data-app-theme="starry_dark"] .phone .ct-tf-wrap,
html[data-app-theme="starry_dark"] .phone .ct-chart-block,
html[data-app-theme="starry_dark"] .phone #chartWrap,
html[data-app-theme="starry_dark"] .phone .ct-stats,
html[data-app-theme="starry_dark"] .phone .ct-pos-tabs,
html[data-app-theme="starry_dark"] .phone .ct-open-wrap,
html[data-app-theme="starry_dark"] .phone .ct-form,
html[data-app-theme="starry_dark"] .phone .ct-book,
html[data-app-theme="starry_dark"] .phone .ct-ent,
html[data-app-theme="starry_blue"] .phone .ct-tf-wrap,
html[data-app-theme="starry_blue"] .phone .ct-chart-block,
html[data-app-theme="starry_blue"] .phone #chartWrap,
html[data-app-theme="starry_blue"] .phone .ct-stats,
html[data-app-theme="starry_blue"] .phone .ct-pos-tabs,
html[data-app-theme="starry_blue"] .phone .ct-open-wrap,
html[data-app-theme="starry_blue"] .phone .ct-form,
html[data-app-theme="starry_blue"] .phone .ct-book,
html[data-app-theme="starry_blue"] .phone .ct-ent {
  background: var(--card) !important;
  color: var(--text);
  border-color: var(--border) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-app-theme="starry_dark"] .phone .ct-modal-card,
html[data-app-theme="starry_blue"] .phone .ct-modal-card {
  background: var(--card) !important;
  color: var(--text);
}

html[data-app-theme="starry_dark"] .phone .ct-modal-tabs button,
html[data-app-theme="starry_blue"] .phone .ct-modal-tabs button {
  background: var(--card-soft) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .ct-modal-tabs button.active,
html[data-app-theme="starry_blue"] .phone .ct-modal-tabs button.active {
  background: var(--card) !important;
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .ct-row2 select,
html[data-app-theme="starry_blue"] .phone .ct-row2 select {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  /* 让 Chromium 下拉面板跟随深色主题 */
  color-scheme: dark;
}

html[data-app-theme="starry_dark"] .phone .ct-row2 select option,
html[data-app-theme="starry_dark"] .phone .ct-row2 select optgroup {
  background: #1a1f2e;
  color: #eaf0ff;
}

html[data-app-theme="starry_blue"] .phone .ct-row2 select option,
html[data-app-theme="starry_blue"] .phone .ct-row2 select optgroup {
  background: #0f2744;
  color: #eaf4ff;
}

html[data-app-theme="starry_dark"] .phone .ct-field input,
html[data-app-theme="starry_blue"] .phone .ct-field input {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .ct-step-btn,
html[data-app-theme="starry_blue"] .phone .ct-step-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .chart-detail,
html[data-app-theme="starry_blue"] .phone .chart-detail {
  background: rgba(32, 36, 52, 0.94) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_blue"] .phone .chart-detail {
  background: rgba(24, 44, 78, 0.94) !important;
}

/* —— 行情页 trade：K 线容器与缩略 —— */
html[data-app-theme="starry_dark"] .phone #macroChartWrap,
html[data-app-theme="starry_dark"] .phone .macro-chart-wrap,
html[data-app-theme="starry_dark"] .phone .chart-range-wrap,
html[data-app-theme="starry_blue"] .phone #macroChartWrap,
html[data-app-theme="starry_blue"] .phone .macro-chart-wrap,
html[data-app-theme="starry_blue"] .phone .chart-range-wrap {
  background: var(--card) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .chart-minimap,
html[data-app-theme="starry_blue"] .phone .chart-minimap {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .macro-chart-detail,
html[data-app-theme="starry_blue"] .phone .macro-chart-detail {
  background: rgba(32, 36, 52, 0.94) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_blue"] .phone .macro-chart-detail {
  background: rgba(24, 44, 78, 0.94) !important;
}

/* ========== 全局弹窗 / 抽屉（多数在 .phone 外，挂 body 根下）========== */
html[data-app-theme="starry_dark"] .ct-modal-bg,
html[data-app-theme="starry_dark"] .sc-ct-modal-bg,
html[data-app-theme="starry_dark"] .qt-sheet-backdrop,
html[data-app-theme="starry_dark"] .site-lang-overlay {
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-app-theme="starry_blue"] .ct-modal-bg,
html[data-app-theme="starry_blue"] .sc-ct-modal-bg,
html[data-app-theme="starry_blue"] .qt-sheet-backdrop,
html[data-app-theme="starry_blue"] .site-lang-overlay {
  background: rgba(0, 8, 22, 0.82) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* 居中/底部弹窗卡片：毛玻璃，无白底（挂在 body 根，与 .phone 无关） */
html[data-app-theme="starry_dark"] .ct-modal-card,
html[data-app-theme="starry_dark"] .sc-ct-modal-card {
  background: linear-gradient(165deg, rgba(20, 22, 32, 0.58), rgba(0, 0, 0, 0.42)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(88, 96, 130, 0.28) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

html[data-app-theme="starry_blue"] .ct-modal-card,
html[data-app-theme="starry_blue"] .sc-ct-modal-card {
  background: linear-gradient(165deg, rgba(12, 36, 62, 0.55), rgba(2, 12, 28, 0.45)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(56, 110, 170, 0.32) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(120, 180, 255, 0.08) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

/* 确认弹窗「取消」等按钮在 body 直下，不能用 .phone 前缀 */
html[data-app-theme="starry_dark"] .sc-pc-cancel,
html[data-app-theme="starry_dark"] .so-sell-cancel,
html[data-app-theme="starry_blue"] .sc-pc-cancel,
html[data-app-theme="starry_blue"] .so-sell-cancel {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border: 1px solid rgba(120, 130, 170, 0.35) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html[data-app-theme="starry_dark"] .sc-pc-cancel:active,
html[data-app-theme="starry_dark"] .so-sell-cancel:active,
html[data-app-theme="starry_blue"] .sc-pc-cancel:active,
html[data-app-theme="starry_blue"] .so-sell-cancel:active {
  background: rgba(255, 255, 255, 0.1) !important;
}

html[data-app-theme="starry_dark"] .ct-modal-tabs button,
html[data-app-theme="starry_blue"] .ct-modal-tabs button {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--muted) !important;
  border: none !important;
}

html[data-app-theme="starry_dark"] .ct-modal-tabs button.active,
html[data-app-theme="starry_blue"] .ct-modal-tabs button.active {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .ct-step-btn,
html[data-app-theme="starry_blue"] .ct-step-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .ct-step-btn:active,
html[data-app-theme="starry_blue"] .ct-step-btn:active {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-app-theme="starry_dark"] .ct-modal-submit,
html[data-app-theme="starry_blue"] .ct-modal-submit {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
}

html[data-app-theme="starry_dark"] .ct-modal-hd strong,
html[data-app-theme="starry_dark"] .sc-ct-modal-hd strong,
html[data-app-theme="starry_blue"] .ct-modal-hd strong,
html[data-app-theme="starry_blue"] .sc-ct-modal-hd strong {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .ct-modal-sub,
html[data-app-theme="starry_dark"] .ct-modal-hint,
html[data-app-theme="starry_dark"] .ct-modal-field label,
html[data-app-theme="starry_dark"] .sc-ct-modal-x,
html[data-app-theme="starry_dark"] .ct-modal-x,
html[data-app-theme="starry_blue"] .ct-modal-sub,
html[data-app-theme="starry_blue"] .ct-modal-hint,
html[data-app-theme="starry_blue"] .ct-modal-field label,
html[data-app-theme="starry_blue"] .sc-ct-modal-x,
html[data-app-theme="starry_blue"] .ct-modal-x {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .ct-modal-field > input,
html[data-app-theme="starry_dark"] .ct-plan-trigger-wrap input,
html[data-app-theme="starry_blue"] .ct-modal-field > input,
html[data-app-theme="starry_blue"] .ct-plan-trigger-wrap input {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .ct-plan-trigger-step,
html[data-app-theme="starry_blue"] .ct-plan-trigger-step {
  background: var(--card-soft) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .ct-close-summary,
html[data-app-theme="starry_blue"] .ct-close-summary {
  color: var(--text);
}

html[data-app-theme="starry_dark"] .so-drawer-backdrop,
html[data-app-theme="starry_blue"] .so-drawer-backdrop {
  background: rgba(2, 4, 12, 0.72) !important;
}

html[data-app-theme="starry_blue"] .so-drawer-backdrop {
  background: rgba(0, 8, 22, 0.76) !important;
}

html[data-app-theme="starry_dark"] .so-drawer,
html[data-app-theme="starry_blue"] .so-drawer {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  box-shadow: 8px 0 48px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

html[data-app-theme="starry_dark"] .so-drawer-title,
html[data-app-theme="starry_blue"] .so-drawer-title {
  color: var(--text) !important;
}

/* 币种抽屉在 body 根下：避免被页面内联白底覆盖（秒合约/现货/量化通用） */
html[data-app-theme="starry_dark"] .so-drawer-hd,
html[data-app-theme="starry_dark"] .so-drawer-thead,
html[data-app-theme="starry_dark"] .so-drawer-body,
html[data-app-theme="starry_dark"] #scPairDrawerList .market-row,
html[data-app-theme="starry_dark"] #pairDrawerList .market-row,
html[data-app-theme="starry_dark"] #qtPairDrawerList .market-row,
html[data-app-theme="starry_blue"] .so-drawer-hd,
html[data-app-theme="starry_blue"] .so-drawer-thead,
html[data-app-theme="starry_blue"] .so-drawer-body,
html[data-app-theme="starry_blue"] #scPairDrawerList .market-row,
html[data-app-theme="starry_blue"] #pairDrawerList .market-row,
html[data-app-theme="starry_blue"] #qtPairDrawerList .market-row {
  background: transparent !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .so-drawer-tabs button,
html[data-app-theme="starry_blue"] .so-drawer-tabs button {
  background: transparent !important;
  color: var(--muted) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .so-drawer-tabs button.active,
html[data-app-theme="starry_blue"] .so-drawer-tabs button.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .so-drawer-close,
html[data-app-theme="starry_blue"] .so-drawer-close {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] #scPairDrawerList .market-row:active,
html[data-app-theme="starry_dark"] #scPairDrawerList .market-row.is-current,
html[data-app-theme="starry_dark"] #pairDrawerList .market-row:active,
html[data-app-theme="starry_dark"] #pairDrawerList .market-row.is-current,
html[data-app-theme="starry_dark"] #qtPairDrawerList .market-row:active,
html[data-app-theme="starry_dark"] #qtPairDrawerList .market-row.is-current,
html[data-app-theme="starry_blue"] #scPairDrawerList .market-row:active,
html[data-app-theme="starry_blue"] #scPairDrawerList .market-row.is-current,
html[data-app-theme="starry_blue"] #pairDrawerList .market-row:active,
html[data-app-theme="starry_blue"] #pairDrawerList .market-row.is-current,
html[data-app-theme="starry_blue"] #qtPairDrawerList .market-row:active,
html[data-app-theme="starry_blue"] #qtPairDrawerList .market-row.is-current {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* 量化：底部 sheet 在 body 下，不在 .phone 内 */
html[data-app-theme="starry_dark"] .qt-sheet,
html[data-app-theme="starry_dark"] .qt-sheet.qt-cycle-sheet {
  background: linear-gradient(180deg, rgba(24, 26, 36, 0.72), rgba(0, 0, 0, 0.5)) !important;
  color: var(--text) !important;
  border-top: 1px solid rgba(90, 100, 140, 0.28) !important;
  box-shadow: 0 -24px 64px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

html[data-app-theme="starry_blue"] .qt-sheet,
html[data-app-theme="starry_blue"] .qt-sheet.qt-cycle-sheet {
  background: linear-gradient(180deg, rgba(14, 40, 68, 0.68), rgba(4, 14, 32, 0.48)) !important;
  color: var(--text) !important;
  border-top: 1px solid rgba(56, 110, 170, 0.3) !important;
  box-shadow: 0 -24px 64px rgba(0, 0, 0, 0.68), inset 0 1px 0 rgba(100, 160, 230, 0.08) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

html[data-app-theme="starry_dark"] .qt-ai-tab,
html[data-app-theme="starry_blue"] .qt-ai-tab {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(120, 140, 180, 0.28) !important;
  color: var(--primary) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-app-theme="starry_dark"] .qt-grid-card,
html[data-app-theme="starry_blue"] .qt-grid-card {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(100, 120, 160, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 28px rgba(0, 0, 0, 0.25) !important;
  color: var(--text) !important;
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

html[data-app-theme="starry_dark"] .qt-grid-card div[style*="64748b"],
html[data-app-theme="starry_dark"] .qt-grid-card div[style*="#64748b"],
html[data-app-theme="starry_blue"] .qt-grid-card div[style*="64748b"],
html[data-app-theme="starry_blue"] .qt-grid-card div[style*="#64748b"] {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .qt-cycle-field,
html[data-app-theme="starry_blue"] .qt-cycle-field {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--line) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .qt-cycle-item,
html[data-app-theme="starry_blue"] .qt-cycle-item {
  background: transparent !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .qt-cycle-item.is-selected,
html[data-app-theme="starry_blue"] .qt-cycle-item.is-selected {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] #qtLevMult,
html[data-app-theme="starry_blue"] #qtLevMult {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .qt-grid-hd,
html[data-app-theme="starry_blue"] .qt-grid-hd {
  background: transparent !important;
  border-bottom-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .qt-cycle-top,
html[data-app-theme="starry_blue"] .qt-cycle-top {
  background: transparent !important;
  border-bottom-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .qt-cycle-cancel,
html[data-app-theme="starry_blue"] .qt-cycle-cancel {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .qt-sheet-body,
html[data-app-theme="starry_blue"] .qt-sheet-body {
  background: transparent !important;
}

html[data-app-theme="starry_dark"] .qt-sheet-hd,
html[data-app-theme="starry_dark"] .qt-sheet-hd h2,
html[data-app-theme="starry_blue"] .qt-sheet-hd,
html[data-app-theme="starry_blue"] .qt-sheet-hd h2 {
  color: var(--text) !important;
  border-bottom-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .qt-pick-title,
html[data-app-theme="starry_blue"] .qt-pick-title {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .qt-pick-title.grid,
html[data-app-theme="starry_blue"] .qt-pick-title.grid {
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .qt-pick-title.lev,
html[data-app-theme="starry_blue"] .qt-pick-title.lev {
  color: var(--ask) !important;
}

html[data-app-theme="starry_dark"] .qt-grid-fields input,
html[data-app-theme="starry_dark"] #qtLevMult,
html[data-app-theme="starry_blue"] .qt-grid-fields input,
html[data-app-theme="starry_blue"] #qtLevMult {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .qt-bot-pick-wrap .qt-pick-go,
html[data-app-theme="starry_blue"] .qt-bot-pick-wrap .qt-pick-go {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

/* 语言选择（site-lang-switcher.js 注入样式，需更高优先级） */
html[data-app-theme="starry_dark"] .site-lang-panel,
html[data-app-theme="starry_blue"] .site-lang-panel {
  background: var(--card) !important;
  border-color: var(--border) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}

html[data-app-theme="starry_dark"] .site-lang-head,
html[data-app-theme="starry_dark"] .site-lang-headwrap,
html[data-app-theme="starry_dark"] .site-lang-scroll,
html[data-app-theme="starry_blue"] .site-lang-head,
html[data-app-theme="starry_blue"] .site-lang-headwrap,
html[data-app-theme="starry_blue"] .site-lang-scroll {
  background: transparent !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .site-lang-title,
html[data-app-theme="starry_blue"] .site-lang-title {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .site-lang-tile,
html[data-app-theme="starry_blue"] .site-lang-tile {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .site-lang-tile span:last-child,
html[data-app-theme="starry_blue"] .site-lang-tile span:last-child {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .site-lang-tile-flag,
html[data-app-theme="starry_blue"] .site-lang-tile-flag {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .site-lang-tile.is-active,
html[data-app-theme="starry_blue"] .site-lang-tile.is-active {
  background: rgba(232, 199, 106, 0.12) !important;
  border-color: rgba(232, 199, 106, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(232, 199, 106, 0.25) !important;
}

html[data-app-theme="starry_dark"] .site-lang-close,
html[data-app-theme="starry_blue"] .site-lang-close {
  background: var(--card-soft) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .header-actions .site-lang-trigger,
html[data-app-theme="starry_dark"] .site-lang-trigger,
html[data-app-theme="starry_blue"] .header-actions .site-lang-trigger,
html[data-app-theme="starry_blue"] .site-lang-trigger {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
}

html[data-app-theme="starry_dark"] .site-lang-trigger-flag,
html[data-app-theme="starry_blue"] .site-lang-trigger-flag {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .site-lang-trigger-chev,
html[data-app-theme="starry_blue"] .site-lang-trigger-chev {
  color: var(--muted) !important;
}

/* ========== 星空主题：系统 alert 替代（site-i18n.js siteGlassAlertRoot）========== */
html[data-app-theme="starry_dark"] .site-glass-alert-root,
html[data-app-theme="starry_blue"] .site-glass-alert-root {
  position: fixed;
  inset: 0;
  z-index: 100003;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html[data-app-theme="starry_dark"] .site-glass-alert-root {
  background: rgba(0, 0, 0, 0.74) !important;
}

html[data-app-theme="starry_blue"] .site-glass-alert-root {
  background: rgba(0, 8, 22, 0.82) !important;
}

html[data-app-theme="starry_dark"] .site-glass-alert-panel {
  width: 100%;
  max-width: 340px;
  padding: 20px 18px 16px;
  border-radius: 16px;
  background: linear-gradient(165deg, rgba(22, 24, 34, 0.55), rgba(0, 0, 0, 0.4)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(90, 100, 140, 0.28) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
}

html[data-app-theme="starry_blue"] .site-glass-alert-panel {
  width: 100%;
  max-width: 340px;
  padding: 20px 18px 16px;
  border-radius: 16px;
  background: linear-gradient(165deg, rgba(12, 38, 64, 0.52), rgba(4, 16, 36, 0.42)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(56, 110, 170, 0.3) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(120, 180, 255, 0.07) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
}

html[data-app-theme="starry_dark"] .site-glass-alert-msg,
html[data-app-theme="starry_blue"] .site-glass-alert-msg {
  font-size: 15px;
  line-height: 1.55;
  color: var(--text) !important;
  margin-bottom: 16px;
  white-space: pre-wrap;
  word-break: break-word;
}

html[data-app-theme="starry_dark"] .site-glass-alert-ok,
html[data-app-theme="starry_blue"] .site-glass-alert-ok {
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  color: #fff !important;
  background: linear-gradient(135deg, var(--primary), rgba(30, 80, 160, 0.95)) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* ========== 云挖矿 / DEFI / ICO：body 下 sheet + defi 场景 modal ========== */
html[data-app-theme="starry_dark"] .sheet {
  background: linear-gradient(180deg, rgba(24, 26, 36, 0.72), rgba(0, 0, 0, 0.5)) !important;
  color: var(--text) !important;
  border-top: 1px solid rgba(90, 100, 140, 0.28) !important;
  box-shadow: 0 -24px 64px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

html[data-app-theme="starry_blue"] .sheet {
  background: linear-gradient(180deg, rgba(14, 40, 68, 0.68), rgba(4, 14, 32, 0.48)) !important;
  color: var(--text) !important;
  border-top: 1px solid rgba(56, 110, 170, 0.3) !important;
  box-shadow: 0 -24px 64px rgba(0, 0, 0, 0.68), inset 0 1px 0 rgba(100, 160, 230, 0.08) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

html[data-app-theme="starry_dark"] .sheet-hd,
html[data-app-theme="starry_blue"] .sheet-hd {
  color: var(--text) !important;
  border-bottom-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .sheet-bd,
html[data-app-theme="starry_blue"] .sheet-bd {
  color: var(--text) !important;
}

/* 云挖矿购买弹层：页内曾写死 #334155，深色下对比不足，改为纯白文案 */
html[data-app-theme="starry_dark"] .sheet .cloud-sheet-qty-lbl,
html[data-app-theme="starry_blue"] .sheet .cloud-sheet-qty-lbl,
html[data-app-theme="starry_dark"] .sheet .cloud-order-risk-ack,
html[data-app-theme="starry_blue"] .sheet .cloud-order-risk-ack {
  color: #ffffff !important;
}

html[data-app-theme="starry_dark"] .phone.cloud-mining-page .my-grid,
html[data-app-theme="starry_blue"] .phone.cloud-mining-page .my-grid {
  color: #ffffff !important;
}

html[data-app-theme="starry_dark"] .sheet-row,
html[data-app-theme="starry_dark"] .sheet-grid,
html[data-app-theme="starry_blue"] .sheet-row,
html[data-app-theme="starry_blue"] .sheet-grid {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .sheet-grid .k,
html[data-app-theme="starry_blue"] .sheet-grid .k {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .sheet-input,
html[data-app-theme="starry_blue"] .sheet-input {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .sheet-cancel,
html[data-app-theme="starry_blue"] .sheet-cancel {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .sheet-mask {
  background: rgba(0, 0, 0, 0.76) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-app-theme="starry_blue"] .sheet-mask {
  background: rgba(0, 8, 22, 0.82) !important;
}

html[data-app-theme="starry_dark"] .modal-mask {
  background: rgba(0, 0, 0, 0.76) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-app-theme="starry_blue"] .modal-mask {
  background: rgba(0, 8, 22, 0.82) !important;
}

html[data-app-theme="starry_dark"] .modal {
  background: linear-gradient(165deg, rgba(22, 24, 34, 0.58), rgba(0, 0, 0, 0.42)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(88, 96, 130, 0.28) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
}

html[data-app-theme="starry_blue"] .modal {
  background: linear-gradient(165deg, rgba(12, 38, 64, 0.52), rgba(4, 16, 36, 0.42)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(56, 110, 170, 0.3) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(120, 180, 255, 0.07) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
}

html[data-app-theme="starry_dark"] .modal-content,
html[data-app-theme="starry_blue"] .modal-content {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .modal-head,
html[data-app-theme="starry_blue"] .modal-head {
  color: var(--text) !important;
}

/* ========== DEFI / ICO / 云挖矿：tabs、卡片、空态（页内写死 #fff）========== */
html[data-app-theme="starry_dark"] .phone .tabs,
html[data-app-theme="starry_blue"] .phone .tabs {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .tabs .tab,
html[data-app-theme="starry_blue"] .phone .tabs .tab {
  color: var(--muted) !important;
  background: transparent !important;
}

html[data-app-theme="starry_dark"] .phone .tabs .tab.active,
html[data-app-theme="starry_blue"] .phone .tabs .tab.active {
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .tabs > .tab.active,
html[data-app-theme="starry_blue"] .phone .tabs > .tab.active {
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-app-theme="starry_dark"] .phone .card,
html[data-app-theme="starry_dark"] .phone .my-card,
html[data-app-theme="starry_blue"] .phone .card,
html[data-app-theme="starry_blue"] .phone .my-card {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
}

html[data-app-theme="starry_dark"] .phone .list > .card .meta,
html[data-app-theme="starry_blue"] .phone .list > .card .meta {
  color: var(--green) !important;
}

/* 云挖矿的 .list 是列表容器，不应被全局玻璃卡片样式撑成外层卡片 */
html[data-app-theme="starry_dark"] .phone.cloud-mining-page .list,
html[data-app-theme="starry_blue"] .phone.cloud-mining-page .list {
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-app-theme="starry_dark"] .phone.cloud-mining-page .list > .card,
html[data-app-theme="starry_blue"] .phone.cloud-mining-page .list > .card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-app-theme="starry_dark"] .phone .empty,
html[data-app-theme="starry_blue"] .phone .empty {
  background: var(--card-soft) !important;
  color: var(--muted) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .miner-img,
html[data-app-theme="starry_blue"] .phone .miner-img {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .desc,
html[data-app-theme="starry_blue"] .phone .desc {
  color: var(--muted) !important;
}

/* 云挖矿：周期下拉 option 勿用白底（与深色玻璃主题一致，部分浏览器会采用这些色渲染弹层） */
html[data-app-theme="starry_dark"] .phone.cloud-mining-page .card select.cloud-mining-cycle option,
html[data-app-theme="starry_blue"] .phone.cloud-mining-page .card select.cloud-mining-cycle option {
  background-color: var(--card-soft) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone > .tabs,
html[data-app-theme="starry_blue"] .phone > .tabs {
  gap: 8px;
}

html[data-app-theme="starry_dark"] .phone > .tabs > .tab,
html[data-app-theme="starry_blue"] .phone > .tabs > .tab {
  background: var(--card-soft) !important;
  color: var(--muted) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone > .tabs > .tab.active,
html[data-app-theme="starry_blue"] .phone > .tabs > .tab.active {
  color: var(--primary) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--primary) !important;
}

/* DEFI 卡片内标题与标签 */
html[data-app-theme="starry_dark"] .phone .coin h3,
html[data-app-theme="starry_blue"] .phone .coin h3 {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .coin p,
html[data-app-theme="starry_blue"] .phone .coin p {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .tag,
html[data-app-theme="starry_blue"] .phone .tag {
  background: rgba(124, 179, 255, 0.15) !important;
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .rate-lbl,
html[data-app-theme="starry_blue"] .phone .rate-lbl {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .scene,
html[data-app-theme="starry_blue"] .phone .scene {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .hold-card .g,
html[data-app-theme="starry_blue"] .phone .hold-card .g {
  color: var(--muted) !important;
}

/* ICO 卡片正文 */
html[data-app-theme="starry_dark"] .phone .ico-name,
html[data-app-theme="starry_blue"] .phone .ico-name {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .ico-gain-range,
html[data-app-theme="starry_blue"] .phone .ico-gain-range {
  font-size: 18px !important;
  color: #38bdf8 !important;
  white-space: nowrap !important;
  text-align: right !important;
  padding-right: 4px !important;
}

html[data-app-theme="starry_dark"] .phone .hold-card .hold-est-range .hold-est-v,
html[data-app-theme="starry_blue"] .phone .hold-card .hold-est-range .hold-est-v {
  color: #38bdf8 !important;
}

html[data-app-theme="starry_dark"] .phone .ico-deadline,
html[data-app-theme="starry_dark"] .phone .ico-progress,
html[data-app-theme="starry_dark"] .phone .ico-grid,
html[data-app-theme="starry_blue"] .phone .ico-deadline,
html[data-app-theme="starry_blue"] .phone .ico-progress,
html[data-app-theme="starry_blue"] .phone .ico-grid {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .ico-grid .k,
html[data-app-theme="starry_blue"] .phone .ico-grid .k {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .ico-grid .v,
html[data-app-theme="starry_blue"] .phone .ico-grid .v {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone img.ico-logo,
html[data-app-theme="starry_blue"] .phone img.ico-logo {
  background: transparent !important;
}

html[data-app-theme="starry_dark"] .phone .ico-logo.ph,
html[data-app-theme="starry_blue"] .phone .ico-logo.ph {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--muted) !important;
}

/* ICO：进度条与统计表（ico.html 内联白底写在主题表之后，需更高优先级玻璃底） */
html[data-app-theme="starry_dark"] .phone .ico-progress-wrap,
html[data-app-theme="starry_blue"] .phone .ico-progress-wrap {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

html[data-app-theme="starry_dark"] .phone .ico-stats,
html[data-app-theme="starry_blue"] .phone .ico-stats {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

html[data-app-theme="starry_dark"] .phone .ico-progress-meta .ico-progress-cap,
html[data-app-theme="starry_blue"] .phone .ico-progress-meta .ico-progress-cap {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .ico-progress-bar,
html[data-app-theme="starry_blue"] .phone .ico-progress-bar {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-app-theme="starry_dark"] .phone .ico-stat-sub,
html[data-app-theme="starry_blue"] .phone .ico-stat-sub {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .ico-stat-annual-lbl,
html[data-app-theme="starry_blue"] .phone .ico-stat-annual-lbl {
  border-top-color: var(--line) !important;
}

/* ========== 借贷页 loan.html ========== */
html[data-app-theme="starry_dark"] .phone header.bar,
html[data-app-theme="starry_dark"] .phone .bar,
html[data-app-theme="starry_blue"] .phone header.bar,
html[data-app-theme="starry_blue"] .phone .bar {
  background: var(--card) !important;
  color: var(--text) !important;
  border-bottom-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .bar h1,
html[data-app-theme="starry_dark"] .phone .bar-tool,
html[data-app-theme="starry_blue"] .phone .bar h1,
html[data-app-theme="starry_blue"] .phone .bar-tool {
  color: var(--text) !important;
}

/* 首页 index.html：顶栏与星空 / banner 融合，避免一整条实色「切」开画面 */
html[data-app-theme="starry_dark"] .phone > header.header {
  background: linear-gradient(
    180deg,
    rgba(6, 7, 12, 0.82) 0%,
    rgba(6, 7, 12, 0.38) 55%,
    rgba(6, 7, 12, 0.06) 100%
  ) !important;
  color: var(--text) !important;
  border-bottom: 1px solid rgba(120, 130, 170, 0.12) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.18);
}

/* 首页行情列表「更多」：玻璃态，与星空主题行情卡片一致 */
html[data-app-theme="starry_dark"] .phone .market-more-btn,
html[data-app-theme="starry_blue"] .phone .market-more-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .market-more-btn:active,
html[data-app-theme="starry_blue"] .phone .market-more-btn:active {
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-app-theme="starry_blue"] .phone > header.header {
  background: linear-gradient(
    180deg,
    rgba(4, 14, 32, 0.82) 0%,
    rgba(4, 14, 32, 0.36) 55%,
    rgba(4, 14, 32, 0.06) 100%
  ) !important;
  color: var(--text) !important;
  border-bottom: 1px solid rgba(60, 110, 170, 0.18) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.2);
}

html[data-app-theme="starry_dark"] .phone .hero,
html[data-app-theme="starry_dark"] .phone .fcard,
html[data-app-theme="starry_dark"] .phone .step,
html[data-app-theme="starry_dark"] .phone .form-wrap,
html[data-app-theme="starry_dark"] .phone .faq-item,
html[data-app-theme="starry_blue"] .phone .hero,
html[data-app-theme="starry_blue"] .phone .fcard,
html[data-app-theme="starry_blue"] .phone .step,
html[data-app-theme="starry_blue"] .phone .form-wrap,
html[data-app-theme="starry_blue"] .phone .faq-item {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
}

html[data-app-theme="starry_dark"] .phone .hero h2,
html[data-app-theme="starry_dark"] .phone .fcard h3,
html[data-app-theme="starry_dark"] .phone .section-title,
html[data-app-theme="starry_dark"] .phone .form-wrap h3,
html[data-app-theme="starry_dark"] .phone .faq h3,
html[data-app-theme="starry_blue"] .phone .hero h2,
html[data-app-theme="starry_blue"] .phone .fcard h3,
html[data-app-theme="starry_blue"] .phone .section-title,
html[data-app-theme="starry_blue"] .phone .form-wrap h3,
html[data-app-theme="starry_blue"] .phone .faq h3 {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .fcard p,
html[data-app-theme="starry_dark"] .phone .form-wrap .sub,
html[data-app-theme="starry_blue"] .phone .fcard p,
html[data-app-theme="starry_blue"] .phone .form-wrap .sub {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .step,
html[data-app-theme="starry_blue"] .phone .step {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .step b,
html[data-app-theme="starry_blue"] .phone .step b {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .field label,
html[data-app-theme="starry_blue"] .phone .field label {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .field input[type="number"],
html[data-app-theme="starry_dark"] .phone .field select,
html[data-app-theme="starry_blue"] .phone .field input[type="number"],
html[data-app-theme="starry_blue"] .phone .field select {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .field select option,
html[data-app-theme="starry_blue"] .phone .field select option {
  background: #1a1f2e;
  color: var(--text);
}

html[data-app-theme="starry_blue"] .phone .field select option {
  background: #0f2744;
}

html[data-app-theme="starry_dark"] .phone .hint-line,
html[data-app-theme="starry_blue"] .phone .hint-line {
  color: var(--primary) !important;
}

/* ========== 量化：周期列表、抽屉按钮、深度表体等残留浅底 ========== */
html[data-app-theme="starry_dark"] .phone .qt-cycle-item,
html[data-app-theme="starry_dark"] .phone .qt-cycle-item.is-selected,
html[data-app-theme="starry_blue"] .phone .qt-cycle-item,
html[data-app-theme="starry_blue"] .phone .qt-cycle-item.is-selected {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .qt-cycle-item.is-selected,
html[data-app-theme="starry_blue"] .phone .qt-cycle-item.is-selected {
  color: var(--text) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

html[data-app-theme="starry_dark"] .phone .qt-cycle-field,
html[data-app-theme="starry_blue"] .phone .qt-cycle-field {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .so-drawer-close,
html[data-app-theme="starry_blue"] .phone .so-drawer-close {
  background: var(--card-soft) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .qt-depth td,
html[data-app-theme="starry_blue"] .phone .qt-depth td {
  background: transparent !important;
  color: var(--text) !important;
  border-bottom-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .qt-bid-q,
html[data-app-theme="starry_dark"] .phone .qt-ask-q,
html[data-app-theme="starry_blue"] .phone .qt-bid-q,
html[data-app-theme="starry_blue"] .phone .qt-ask-q {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone #qtPairDrawerList .chg.flat,
html[data-app-theme="starry_blue"] .phone #qtPairDrawerList .chg.flat {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone #qtUsdHint,
html[data-app-theme="starry_blue"] .phone #qtUsdHint {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .q-pair-name,
html[data-app-theme="starry_blue"] .phone .q-pair-name {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .qt-cycle-cancel,
html[data-app-theme="starry_blue"] .phone .qt-cycle-cancel {
  color: var(--muted) !important;
}

/* ========== 量化盈亏 quant-pnl ========== */
html[data-app-theme="starry_dark"] .phone .pnl-card,
html[data-app-theme="starry_blue"] .phone .pnl-card {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .pnl-card .k,
html[data-app-theme="starry_dark"] .phone .pnl-row2 .k,
html[data-app-theme="starry_blue"] .phone .pnl-card .k,
html[data-app-theme="starry_blue"] .phone .pnl-row2 .k {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-card .v,
html[data-app-theme="starry_blue"] .phone .pnl-card .v {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-card .pnl-row2,
html[data-app-theme="starry_blue"] .phone .pnl-card .pnl-row2 {
  border-top-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .q-switch,
html[data-app-theme="starry_blue"] .phone .q-switch {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-page-btns button,
html[data-app-theme="starry_blue"] .phone .pnl-page-btns button {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-tab.active,
html[data-app-theme="starry_blue"] .phone .pnl-tab.active {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone a.pnl-tab:hover,
html[data-app-theme="starry_dark"] .phone a.pnl-tab:focus,
html[data-app-theme="starry_blue"] .phone a.pnl-tab:hover,
html[data-app-theme="starry_blue"] .phone a.pnl-tab:focus {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone a.pnl-tab:not(.active),
html[data-app-theme="starry_blue"] .phone a.pnl-tab:not(.active) {
  color: var(--muted) !important;
}

/* 量化盈亏：运行中概览、机器人卡片、分页区（原页内写死浅灰/白底） */
html[data-app-theme="starry_dark"] .phone .pnl-bot-card,
html[data-app-theme="starry_blue"] .phone .pnl-bot-card {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 28px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .pnl-bot-card .col .k,
html[data-app-theme="starry_blue"] .phone .pnl-bot-card .col .k {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-bot-card .col .v,
html[data-app-theme="starry_blue"] .phone .pnl-bot-card .col .v {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-robot,
html[data-app-theme="starry_blue"] .phone .pnl-robot {
  background: var(--card) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .pnl-robot-title,
html[data-app-theme="starry_blue"] .phone .pnl-robot-title {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-remain,
html[data-app-theme="starry_blue"] .phone .pnl-remain {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-remain strong,
html[data-app-theme="starry_blue"] .phone .pnl-remain strong {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-mini,
html[data-app-theme="starry_blue"] .phone .pnl-mini {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-mini .k,
html[data-app-theme="starry_blue"] .phone .pnl-mini .k {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-mini .v,
html[data-app-theme="starry_blue"] .phone .pnl-mini .v {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-sec-t,
html[data-app-theme="starry_blue"] .phone .pnl-sec-t {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-sec-paren,
html[data-app-theme="starry_blue"] .phone .pnl-sec-paren {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-tag,
html[data-app-theme="starry_blue"] .phone .pnl-tag {
  border-color: rgba(106, 166, 255, 0.45) !important;
  color: var(--primary) !important;
  background: rgba(106, 166, 255, 0.1) !important;
}

html[data-app-theme="starry_dark"] .phone .pnl-empty,
html[data-app-theme="starry_blue"] .phone .pnl-empty {
  color: var(--muted) !important;
}

/* 量化历史订单 quant-orders：顶栏、列表卡片 */
html[data-app-theme="starry_dark"] .phone .qo-bar,
html[data-app-theme="starry_blue"] .phone .qo-bar {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .qo-bar span,
html[data-app-theme="starry_blue"] .phone .qo-bar span {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .qo-bar .app-back,
html[data-app-theme="starry_blue"] .phone .qo-bar .app-back {
  color: var(--text) !important;
  border-color: var(--line) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* 量化历史：订单列表行（与全站 .phone .card 玻璃底搭配） */
html[data-app-theme="starry_dark"] .phone .card .row,
html[data-app-theme="starry_blue"] .phone .card .row {
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .card .row strong,
html[data-app-theme="starry_blue"] .phone .card .row strong {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .card .muted,
html[data-app-theme="starry_blue"] .phone .card .muted {
  color: var(--muted) !important;
}

/* 永续合约全部委托：卡片、tab、持仓卡片跟随深色玻璃样式 */
html[data-app-theme="starry_dark"] .phone .co-all-card,
html[data-app-theme="starry_blue"] .phone .co-all-card,
html[data-app-theme="starry_dark"] .phone .co-hold-card,
html[data-app-theme="starry_blue"] .phone .co-hold-card {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .co-rec-tabs,
html[data-app-theme="starry_blue"] .phone .co-rec-tabs,
html[data-app-theme="starry_dark"] .phone .co-orow,
html[data-app-theme="starry_blue"] .phone .co-orow {
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .co-rec-tab,
html[data-app-theme="starry_blue"] .phone .co-rec-tab,
html[data-app-theme="starry_dark"] .phone .co-og-lbl,
html[data-app-theme="starry_blue"] .phone .co-og-lbl,
html[data-app-theme="starry_dark"] .phone .co-orow-status,
html[data-app-theme="starry_blue"] .phone .co-orow-status,
html[data-app-theme="starry_dark"] .phone .empty,
html[data-app-theme="starry_blue"] .phone .empty {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .co-rec-tab.active,
html[data-app-theme="starry_blue"] .phone .co-rec-tab.active {
  color: var(--primary) !important;
  border-bottom-color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .co-og-val,
html[data-app-theme="starry_blue"] .phone .co-og-val,
html[data-app-theme="starry_dark"] .phone .co-hold-card [style*="color:var(--text)"],
html[data-app-theme="starry_blue"] .phone .co-hold-card [style*="color:var(--text)"] {
  color: var(--text) !important;
}

/* 量化币种抽屉：列表区与表头（覆盖页内 #fff，保证与 .so-drawer 深色一致） */
html[data-app-theme="starry_dark"] #qtPairDrawerList.so-drawer-body,
html[data-app-theme="starry_blue"] #qtPairDrawerList.so-drawer-body {
  background: var(--card) !important;
}

html[data-app-theme="starry_dark"] .so-drawer-thead,
html[data-app-theme="starry_blue"] .so-drawer-thead {
  background: var(--card-soft) !important;
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .so-drawer-fav,
html[data-app-theme="starry_blue"] .so-drawer-fav {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] #qtPairDrawerList .pair-info strong,
html[data-app-theme="starry_blue"] #qtPairDrawerList .pair-info strong {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] #qtPairDrawerList .pair-info small,
html[data-app-theme="starry_blue"] #qtPairDrawerList .pair-info small {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] #qtPairDrawerList .price-col .price,
html[data-app-theme="starry_blue"] #qtPairDrawerList .price-col .price {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] #qtPairDrawerList .price-col .usd,
html[data-app-theme="starry_blue"] #qtPairDrawerList .price-col .usd {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .so-drawer-foot,
html[data-app-theme="starry_blue"] .so-drawer-foot {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--muted) !important;
}

/* 底部 sheet 挂在 body 下，关闭钮勿仅用 .phone 选择器 */
html[data-app-theme="starry_dark"] .qt-sheet-close,
html[data-app-theme="starry_blue"] .qt-sheet-close {
  color: var(--primary) !important;
  background: transparent !important;
}

/* DEFI 参与底栏内联说明色 */
html[data-app-theme="starry_dark"] .phone .sheet-bd [style*="color:#334155"],
html[data-app-theme="starry_dark"] .phone .sheet-bd [style*="color: #334155"],
html[data-app-theme="starry_blue"] .phone .sheet-bd [style*="color:#334155"],
html[data-app-theme="starry_blue"] .phone .sheet-bd [style*="color: #334155"] {
  color: var(--muted) !important;
}

/* ========== USDT 充值 (usdt-recharge.html) ========== */
html[data-app-theme="starry_dark"] .phone .channel-item,
html[data-app-theme="starry_blue"] .phone .channel-item {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .channel-item .channel-name,
html[data-app-theme="starry_blue"] .phone .channel-item .channel-name {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .channel-item .check,
html[data-app-theme="starry_blue"] .phone .channel-item .check {
  border-color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .channel-item.active .check,
html[data-app-theme="starry_blue"] .phone .channel-item.active .check {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
  color: #fff !important;
}

html[data-app-theme="starry_dark"] .phone .card-line,
html[data-app-theme="starry_blue"] .phone .card-line {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .qr,
html[data-app-theme="starry_blue"] .phone .qr {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .proof-uploader,
html[data-app-theme="starry_blue"] .phone .proof-uploader {
  /* keep uploaded preview background-image visible */
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(106, 166, 255, 0.42) !important;
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .page-inner .hint,
html[data-app-theme="starry_blue"] .phone .page-inner .hint {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .title,
html[data-app-theme="starry_dark"] .phone .section-title,
html[data-app-theme="starry_blue"] .phone .title,
html[data-app-theme="starry_blue"] .phone .section-title {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .address-label,
html[data-app-theme="starry_blue"] .phone .address-label {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .address-text,
html[data-app-theme="starry_blue"] .phone .address-text {
  color: var(--text) !important;
}

/* ========== 缴纳税收 (tax-pay.html) ========== */
html[data-app-theme="starry_dark"] .phone .stat-card,
html[data-app-theme="starry_blue"] .phone .stat-card {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .copy-btn,
html[data-app-theme="starry_blue"] .phone .copy-btn {
  background: rgba(106, 166, 255, 0.18) !important;
  border-color: rgba(106, 166, 255, 0.42) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .tax-meta,
html[data-app-theme="starry_blue"] .phone .tax-meta {
  color: var(--muted) !important;
}

html[data-app-theme="starry_blue"] .phone .copy-btn {
  background: rgba(74, 184, 245, 0.2) !important;
  border-color: rgba(74, 184, 245, 0.45) !important;
}

/* ========== USDT 提款 (usdt-withdraw.html) ========== */
html[data-app-theme="starry_dark"] .phone .card,
html[data-app-theme="starry_blue"] .phone .card {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

/* 通用白底/上传框：覆盖实名认证等页面写死的浅色块 */
html[data-app-theme="starry_dark"] .phone .up-box,
html[data-app-theme="starry_dark"] .phone .upload-box,
html[data-app-theme="starry_dark"] .phone .upload-card,
html[data-app-theme="starry_dark"] .phone .uploader,
html[data-app-theme="starry_dark"] .phone .file-uploader,
html[data-app-theme="starry_dark"] .phone .image-uploader,
html[data-app-theme="starry_blue"] .phone .up-box,
html[data-app-theme="starry_blue"] .phone .upload-box,
html[data-app-theme="starry_blue"] .phone .upload-card,
html[data-app-theme="starry_blue"] .phone .uploader,
html[data-app-theme="starry_blue"] .phone .file-uploader,
html[data-app-theme="starry_blue"] .phone .image-uploader {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(106, 166, 255, 0.42) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone [style*="background:#fff"],
html[data-app-theme="starry_dark"] .phone [style*="background: #fff"],
html[data-app-theme="starry_dark"] .phone [style*="background:#ffffff"],
html[data-app-theme="starry_dark"] .phone [style*="background: #ffffff"],
html[data-app-theme="starry_dark"] .phone [style*="background-color:#fff"],
html[data-app-theme="starry_dark"] .phone [style*="background-color: #fff"],
html[data-app-theme="starry_dark"] .phone [style*="background-color:#ffffff"],
html[data-app-theme="starry_dark"] .phone [style*="background-color: #ffffff"],
html[data-app-theme="starry_blue"] .phone [style*="background:#fff"],
html[data-app-theme="starry_blue"] .phone [style*="background: #fff"],
html[data-app-theme="starry_blue"] .phone [style*="background:#ffffff"],
html[data-app-theme="starry_blue"] .phone [style*="background: #ffffff"],
html[data-app-theme="starry_blue"] .phone [style*="background-color:#fff"],
html[data-app-theme="starry_blue"] .phone [style*="background-color: #fff"],
html[data-app-theme="starry_blue"] .phone [style*="background-color:#ffffff"],
html[data-app-theme="starry_blue"] .phone [style*="background-color: #ffffff"] {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(106, 166, 255, 0.42) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

/* 全站表单下拉：原生 option 弹层无法真正半透明，但可去掉白底并跟随深色主题 */
html[data-app-theme="starry_dark"] .phone select,
html[data-app-theme="starry_dark"] .phone input,
html[data-app-theme="starry_dark"] .phone textarea,
html[data-app-theme="starry_blue"] .phone select,
html[data-app-theme="starry_blue"] .phone input,
html[data-app-theme="starry_blue"] .phone textarea {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone select {
  color-scheme: dark;
}

html[data-app-theme="starry_blue"] .phone select {
  color-scheme: dark;
}

html[data-app-theme="starry_dark"] .phone select option,
html[data-app-theme="starry_dark"] .phone select optgroup {
  background-color: rgba(20, 22, 34, 0.98) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_blue"] .phone select option,
html[data-app-theme="starry_blue"] .phone select optgroup {
  background-color: rgba(12, 34, 58, 0.98) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone select option:checked,
html[data-app-theme="starry_dark"] .phone select option:hover,
html[data-app-theme="starry_blue"] .phone select option:checked,
html[data-app-theme="starry_blue"] .phone select option:hover {
  background-color: rgba(106, 166, 255, 0.28) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone select option:disabled,
html[data-app-theme="starry_blue"] .phone select option:disabled {
  color: var(--muted) !important;
}

/* 全站自定义下拉/弹层白底兜底 */
html[data-app-theme="starry_dark"] .phone .dropdown,
html[data-app-theme="starry_dark"] .phone .dropdown-menu,
html[data-app-theme="starry_dark"] .phone .menu-list,
html[data-app-theme="starry_dark"] .phone .picker,
html[data-app-theme="starry_dark"] .phone .picker-panel,
html[data-app-theme="starry_dark"] .phone .select-menu,
html[data-app-theme="starry_dark"] .phone .select-panel,
html[data-app-theme="starry_dark"] .phone .popup,
html[data-app-theme="starry_dark"] .phone .popover,
html[data-app-theme="starry_dark"] .phone .modal,
html[data-app-theme="starry_dark"] .phone .modal-card,
html[data-app-theme="starry_dark"] .phone .sheet,
html[data-app-theme="starry_dark"] .phone .sheet-panel,
html[data-app-theme="starry_blue"] .phone .dropdown,
html[data-app-theme="starry_blue"] .phone .dropdown-menu,
html[data-app-theme="starry_blue"] .phone .menu-list,
html[data-app-theme="starry_blue"] .phone .picker,
html[data-app-theme="starry_blue"] .phone .picker-panel,
html[data-app-theme="starry_blue"] .phone .select-menu,
html[data-app-theme="starry_blue"] .phone .select-panel,
html[data-app-theme="starry_blue"] .phone .popup,
html[data-app-theme="starry_blue"] .phone .popover,
html[data-app-theme="starry_blue"] .phone .modal,
html[data-app-theme="starry_blue"] .phone .modal-card,
html[data-app-theme="starry_blue"] .phone .sheet,
html[data-app-theme="starry_blue"] .phone .sheet-panel {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .up-box span,
html[data-app-theme="starry_dark"] .phone .upload-box span,
html[data-app-theme="starry_dark"] .phone .upload-card span,
html[data-app-theme="starry_dark"] .phone .uploader span,
html[data-app-theme="starry_dark"] .phone .file-uploader span,
html[data-app-theme="starry_dark"] .phone .image-uploader span,
html[data-app-theme="starry_blue"] .phone .up-box span,
html[data-app-theme="starry_blue"] .phone .upload-box span,
html[data-app-theme="starry_blue"] .phone .upload-card span,
html[data-app-theme="starry_blue"] .phone .uploader span,
html[data-app-theme="starry_blue"] .phone .file-uploader span,
html[data-app-theme="starry_blue"] .phone .image-uploader span {
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .card select,
html[data-app-theme="starry_dark"] .phone .card input,
html[data-app-theme="starry_blue"] .phone .card select,
html[data-app-theme="starry_blue"] .phone .card input {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

/* 云挖矿周期下拉：在上一段 background 简写之后补箭头与模糊（否则 chevron 被清掉） */
html[data-app-theme="starry_dark"] .phone.cloud-mining-page .list > .card select.cloud-mining-cycle {
  background-color: rgba(255, 255, 255, 0.08) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a8b4c8' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 9px center !important;
  background-size: 12px 12px !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_blue"] .phone.cloud-mining-page .list > .card select.cloud-mining-cycle {
  background-color: rgba(255, 255, 255, 0.08) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ab8d8' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 9px center !important;
  background-size: 12px 12px !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .card label,
html[data-app-theme="starry_blue"] .phone .card label {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .gate-card,
html[data-app-theme="starry_blue"] .phone .gate-card {
  background: rgba(120, 53, 15, 0.38) !important;
  border-color: rgba(251, 191, 36, 0.38) !important;
  color: #fde68a !important;
}

html[data-app-theme="starry_dark"] .phone .gate-card a,
html[data-app-theme="starry_blue"] .phone .gate-card a {
  color: var(--primary) !important;
}

/* ========== 借贷 loan.html ========== */
html[data-app-theme="starry_dark"] .phone .bar,
html[data-app-theme="starry_blue"] .phone .bar {
  background: var(--card) !important;
  border-bottom-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .bar h1,
html[data-app-theme="starry_dark"] .phone .bar-tool,
html[data-app-theme="starry_blue"] .phone .bar h1,
html[data-app-theme="starry_blue"] .phone .bar-tool {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .hero,
html[data-app-theme="starry_dark"] .phone .fcard,
html[data-app-theme="starry_dark"] .phone .form-wrap,
html[data-app-theme="starry_dark"] .phone .faq-item,
html[data-app-theme="starry_dark"] .phone .step,
html[data-app-theme="starry_blue"] .phone .hero,
html[data-app-theme="starry_blue"] .phone .fcard,
html[data-app-theme="starry_blue"] .phone .form-wrap,
html[data-app-theme="starry_blue"] .phone .faq-item,
html[data-app-theme="starry_blue"] .phone .step {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

html[data-app-theme="starry_dark"] .phone .field input[type="number"],
html[data-app-theme="starry_dark"] .phone .field select,
html[data-app-theme="starry_blue"] .phone .field input[type="number"],
html[data-app-theme="starry_blue"] .phone .field select {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .field label,
html[data-app-theme="starry_blue"] .phone .field label {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .step b,
html[data-app-theme="starry_blue"] .phone .step b {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .hint-line,
html[data-app-theme="starry_blue"] .phone .hint-line {
  color: var(--primary) !important;
}

/* ========== 借贷材料 loan-materials.html ========== */
html[data-app-theme="starry_dark"] .phone .block,
html[data-app-theme="starry_blue"] .phone .block {
  background: var(--card-soft) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

html[data-app-theme="starry_dark"] .phone .block .row,
html[data-app-theme="starry_blue"] .phone .block .row {
  border-bottom-color: var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .block .row label,
html[data-app-theme="starry_blue"] .phone .block .row label {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .block .row .val,
html[data-app-theme="starry_blue"] .phone .block .row .val {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .block .row .val.blue,
html[data-app-theme="starry_blue"] .phone .block .row .val.blue {
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .upload-cell,
html[data-app-theme="starry_blue"] .phone .upload-cell {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(106, 166, 255, 0.42) !important;
}

html[data-app-theme="starry_dark"] .phone .upload-cell .cam,
html[data-app-theme="starry_blue"] .phone .upload-cell .cam {
  color: var(--primary) !important;
}

html[data-app-theme="starry_dark"] .phone .upload-cell .ph span:last-child,
html[data-app-theme="starry_blue"] .phone .upload-cell .ph span:last-child {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .sec-title,
html[data-app-theme="starry_blue"] .phone .sec-title {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .tip,
html[data-app-theme="starry_blue"] .phone .tip {
  color: var(--primary) !important;
}

/* ========== 借款记录 loan-records.html ========== */
html[data-app-theme="starry_dark"] .phone > .hint,
html[data-app-theme="starry_blue"] .phone > .hint {
  color: var(--muted) !important;
  background: rgba(14, 16, 26, 0.42) !important;
  backdrop-filter: blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
  border: 1px solid var(--line) !important;
}

html[data-app-theme="starry_dark"] .phone .list .card,
html[data-app-theme="starry_blue"] .phone .list .card {
  background: rgba(20, 22, 34, 0.42) !important;
  backdrop-filter: blur(18px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.28) !important;
}

html[data-app-theme="starry_dark"] .phone .list .card .k,
html[data-app-theme="starry_blue"] .phone .list .card .k {
  color: var(--muted) !important;
}

html[data-app-theme="starry_dark"] .phone .list .card .v,
html[data-app-theme="starry_blue"] .phone .list .card .v {
  color: var(--text) !important;
}

html[data-app-theme="starry_dark"] .phone .empty,
html[data-app-theme="starry_blue"] .phone .empty {
  color: var(--muted) !important;
}

/* 提款绑定等：只读输入框浅色底在深色下改为半透明 */
html[data-app-theme="starry_dark"] .phone .card input[readonly],
html[data-app-theme="starry_blue"] .phone .card input[readonly] {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--muted) !important;
}