html[data-mobile-theme="mobile_blue"] {
  --mobile-blue-primary: var(--mobile-blue-config-primary, #2f6bff);
  --mobile-blue-primary-soft: var(--mobile-blue-config-primary-soft, #6ea8ff);
  --mobile-blue-success: var(--mobile-blue-config-success, #22c55e);
  --mobile-blue-warning: var(--mobile-blue-config-warning, #f59e0b);
  --mobile-blue-danger: var(--mobile-blue-config-danger, #fb7185);
  --mobile-blue-background: #f3f5fa;
  --mobile-blue-surface: #fff;
  --mobile-blue-surface-muted: #e7eefe;
  --mobile-blue-text: #141a26;
  --mobile-blue-text-muted: #69758d;
  --mobile-blue-line: rgba(47,107,255,.14);
  --mobile-blue-chip: #e7eefe;
  --mobile-blue-dock-height: clamp(60px, 16.4vw, 68px);
  --mobile-blue-bar: rgba(255,255,255,.9);
  --mobile-blue-glass-line: rgba(47,107,255,.2);
  --mobile-blue-shadow: 0 18px 50px rgba(32,52,92,.18);
  --mobile-blue-backdrop: rgba(17,26,44,.42);
  --mobile-blue-selected: rgba(128,140,160,.18);
  --mobile-blue-font: -apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC",sans-serif;
  --mobile-blue-page-padding: 16px;
  --mobile-blue-card-radius: 20px;
  --mobile-blue-button-height: 48px;
  --mobile-blue-bottom-nav-height: 80px;
  --mobile-blue-safe-top: env(safe-area-inset-top,0px);
  --mobile-blue-safe-bottom: env(safe-area-inset-bottom,0px);
}
html[data-mobile-theme="mobile_blue"][data-color-mode="dark"] {
  --mobile-blue-background: var(--mobile-blue-config-background, #080c16);
  --mobile-blue-surface: var(--mobile-blue-config-surface, #121a2e);
  --mobile-blue-surface-muted: var(--mobile-blue-config-surface-muted, #18233d);
  --mobile-blue-text: var(--mobile-blue-config-text, #f4f6fc);
  --mobile-blue-text-muted: var(--mobile-blue-config-text-muted, #98a2bb);
  --mobile-blue-line: rgba(130,165,255,.18);
  --mobile-blue-chip: rgba(47,107,255,.18);
  --mobile-blue-bar: rgba(16,22,40,.86);
  --mobile-blue-glass-line: rgba(255,255,255,.28);
  --mobile-blue-shadow: 0 18px 50px rgba(0,0,0,.4);
  --mobile-blue-backdrop: rgba(5,8,18,.64);
  --mobile-blue-selected: rgba(128,140,160,.22);
}
@media (max-width:767px) {
  html[data-mobile-theme="mobile_blue"][data-color-mode="dark"] { color-scheme:dark; }
  html[data-mobile-theme="mobile_blue"][data-color-mode="light"] { color-scheme:light; }
}