/* ===== 白天模式 · 冷灰情报台风格（非暖色 cream 默认） ===== */
body[data-appearance="day"] {
  color-scheme: light;

  --bg-0: #e6ebf2;
  --bg-1: #dce3ec;
  --bg-2: #d0d9e4;
  --bg-dossier: #eef2f7;
  /* 分层 surface：卡片不用纯白，仅弹层/顶栏接近白 */
  --surface: #f3f6fa;
  --surface-strong: #f8fafc;
  --surface-elevated: #ffffff;
  --text-0: #0b1520;
  --text-1: #243647;
  --text-2: #47586a;
  --shadow-neon: 0 8px 28px rgba(15, 35, 55, 0.08), 0 2px 8px rgba(15, 35, 55, 0.05);
  --locked-amber: rgba(180, 130, 20, 0.14);

  --matrix-fade: rgba(238, 242, 247, 0.45);
  --grid-line: rgba(11, 21, 32, 0.055);
  --glass-fill: rgba(11, 21, 32, 0.035);
  --glass-fill-hover: rgba(11, 21, 32, 0.065);
  --glass-border: rgba(11, 21, 32, 0.09);
  --glass-border-strong: rgba(11, 21, 32, 0.13);
  --navbar-bg-top: #ffffff;
  --navbar-bg-bot: #f8fafc;
  --footer-bg: rgba(230, 235, 242, 0.85);
  --card-shadow: 0 4px 16px -4px rgba(15, 35, 55, 0.1), 0 1px 3px rgba(15, 35, 55, 0.06);
  --card-border-color: rgba(11, 21, 32, 0.1);
  --terminal-bg: #f0f4f8;
  --btn-primary-text: #ffffff;
  --link-hover-glow: none;
  /* 移动端底栏（白天） */
  --tabbar-bg: var(--surface-strong);
  --tabbar-dock-bg: var(--surface-strong);
  --tabbar-border: var(--glass-border-strong);
  --tabbar-shadow: 0 8px 24px -8px rgba(15, 35, 55, 0.12), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  --fab-hub-ring: var(--surface-elevated);
  --fab-hub-icon: #041018;
  --fab-hub-halo: color-mix(in srgb, var(--theme-primary) 22%, var(--glass-border-strong));
  --fab-hub-halo-bg: var(--surface-strong);
  --fab-hub-halo-shadow: 0 4px 12px -4px rgba(15, 35, 55, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --fab-hub-shadow: 0 6px 16px -4px rgba(15, 35, 55, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  --fab-hub-shadow-active: 0 10px 24px -4px rgba(15, 35, 55, 0.22), 0 0 16px -2px color-mix(in srgb, var(--theme-primary) 35%, transparent);
  /* 页头 Hero：实底 + 清晰边框 */
  --hero-bg: var(--surface);
  --hero-border: rgba(11, 21, 32, 0.16);
  --hero-shadow: 0 4px 16px -4px rgba(15, 35, 55, 0.1), 0 1px 3px rgba(15, 35, 55, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --hero-actions-divider: rgba(11, 21, 32, 0.12);
  /* 移动端面板 · 白天 */
  --m-panel-border: rgba(11, 21, 32, 0.16);
  --m-panel-border-strong: rgba(11, 21, 32, 0.22);
  --m-panel-bg: var(--surface);
  --m-panel-shadow: 0 2px 10px -3px rgba(15, 35, 55, 0.1), 0 1px 2px rgba(15, 35, 55, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.75);
  --m-divider: rgba(11, 21, 32, 0.12);
  --m-hero-bg: linear-gradient(145deg, rgba(0, 122, 92, 0.1), var(--surface));
  --m-hero-visual-size: 44px;
  --m-hero-visual-opacity: 0.62;
  --vip-strip-bg: color-mix(in srgb, var(--theme-primary) 9%, var(--surface));
  --vip-strip-border: color-mix(in srgb, var(--theme-primary) 28%, var(--glass-border));
}

body[data-appearance="day"] {
  background:
    radial-gradient(920px 500px at 8% -8%, color-mix(in srgb, var(--theme-secondary) 10%, transparent), transparent 58%),
    linear-gradient(180deg, var(--bg-0), var(--bg-1) 42%, var(--bg-2));
}

body[data-appearance="day"] #matrix-canvas {
  opacity: 0.04;
}

/* 白天 accent：加深对比度，保证 4.5:1 可读性 */
body[data-appearance="day"][data-theme="green"] {
  --theme-primary: #007a5c;
  --theme-secondary: #006888;
  --theme-accent: #b80078;
  --theme-primary-soft: rgba(0, 122, 92, 0.12);
  --border: rgba(0, 122, 92, 0.22);
}
body[data-appearance="day"][data-theme="blue"] {
  --theme-primary: #2563eb;
  --theme-secondary: #1d4ed8;
  --theme-accent: #7c3aed;
  --theme-primary-soft: rgba(37, 99, 235, 0.12);
  --border: rgba(37, 99, 235, 0.22);
}
body[data-appearance="day"][data-theme="purple"] {
  --theme-primary: #7c3aed;
  --theme-secondary: #c026d3;
  --theme-accent: #0284c7;
  --theme-primary-soft: rgba(124, 58, 237, 0.12);
  --border: rgba(124, 58, 237, 0.22);
}
body[data-appearance="day"][data-theme="red"] {
  --theme-primary: #dc2626;
  --theme-secondary: #ea580c;
  --theme-accent: #ca8a04;
  --theme-primary-soft: rgba(220, 38, 38, 0.12);
  --border: rgba(220, 38, 38, 0.22);
}
body[data-appearance="day"][data-theme="orange"] {
  --theme-primary: #ea580c;
  --theme-secondary: #ca8a04;
  --theme-accent: #dc2626;
  --theme-primary-soft: rgba(234, 88, 12, 0.12);
  --border: rgba(234, 88, 12, 0.22);
}
body[data-appearance="day"][data-theme="pink"] {
  --theme-primary: #db2777;
  --theme-secondary: #7c3aed;
  --theme-accent: #0284c7;
  --theme-primary-soft: rgba(219, 39, 119, 0.12);
  --border: rgba(219, 39, 119, 0.22);
}
body[data-appearance="day"][data-theme="cyan"] {
  --theme-primary: #0891b2;
  --theme-secondary: #0d9488;
  --theme-accent: #7c3aed;
  --theme-primary-soft: rgba(8, 145, 178, 0.12);
  --border: rgba(8, 145, 178, 0.22);
}
body[data-appearance="day"][data-theme="gold"] {
  --theme-primary: #b45309;
  --theme-secondary: #ca8a04;
  --theme-accent: #db2777;
  --theme-primary-soft: rgba(180, 83, 9, 0.12);
  --border: rgba(180, 83, 9, 0.22);
}

/* 组件层白天微调 */
body[data-appearance="day"] .navbar,
body[data-appearance="day"] .m-topbar,
body[data-appearance="day"] .account-mobile-bar,
body[data-appearance="day"] .notif-mobile-bar {
  background: var(--surface-elevated);
  border-bottom-color: var(--glass-border-strong);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85), 0 4px 14px -6px rgba(15, 35, 55, 0.08);
}

body[data-appearance="day"] .notif-bell-btn {
  background: var(--glass-fill);
  border-color: var(--glass-border-strong);
}

/* 页头 Hero：场景色描边增强层次 */
body[data-appearance="day"] .page-hero.deco-theme-intel {
  --hero-border: color-mix(in srgb, var(--theme-primary) 28%, rgba(11, 21, 32, 0.14));
}

body[data-appearance="day"] .page-hero.deco-theme-notice {
  --hero-border: color-mix(in srgb, var(--theme-primary) 28%, rgba(11, 21, 32, 0.14));
}

body[data-appearance="day"] .page-hero.deco-theme-vip {
  --hero-border: color-mix(in srgb, var(--theme-primary) 28%, rgba(11, 21, 32, 0.14));
}

body[data-appearance="day"] .page-hero.deco-theme-ai {
  --hero-border: color-mix(in srgb, var(--theme-primary) 28%, rgba(11, 21, 32, 0.14));
}

body[data-appearance="day"] .page-hero.deco-theme-informant {
  --hero-border: color-mix(in srgb, var(--hero-accent, var(--theme-primary)) 28%, rgba(11, 21, 32, 0.14));
}

body[data-appearance="day"] .page-hero .page-hero-visual.deco-visual--sm {
  opacity: 0.58;
}

/* 移动端 · 首页 / 更新预警 · 白天边框增强 */
body[data-appearance="day"] .home-hero {
  border-color: color-mix(in srgb, var(--theme-primary) 26%, rgba(11, 21, 32, 0.14));
  box-shadow: var(--m-panel-shadow);
}

body[data-appearance="day"] .m-tab-hero {
  background: var(--surface);
  border-color: color-mix(in srgb, var(--theme-primary) 22%, rgba(11, 21, 32, 0.14));
  box-shadow: var(--m-panel-shadow);
}

body[data-appearance="day"] .m-tab-hero.deco-theme-notice {
  border-color: color-mix(in srgb, #2563eb 24%, rgba(11, 21, 32, 0.14));
}

body[data-appearance="day"] .m-tab-hero.deco-theme-vip {
  --hero-accent: #b45309;
}

body[data-appearance="day"] .m-tab-hero.deco-theme-informant {
  --hero-accent: #92680a;
}

body[data-appearance="day"] .m-tab-hero .m-tab-hero-chip {
  color: var(--hero-accent, var(--theme-primary));
  border-left-color: var(--hero-accent, var(--theme-primary));
}

body[data-appearance="day"] .m-tab-hero .m-tab-hero-visual {
  color: var(--hero-accent, var(--theme-primary));
}

body[data-appearance="day"] .home-overview,
body[data-appearance="day"] .home-action-card,
body[data-appearance="day"] .home-about,
body[data-appearance="day"] .home-feature-card {
  box-shadow: var(--m-panel-shadow);
}

body[data-appearance="day"] .home-tag {
  background: var(--glass-fill);
  border-color: var(--glass-border-strong);
}

body[data-appearance="day"] .home-pulse {
  border-top-color: var(--m-divider);
}

body[data-appearance="day"] .home-overview-divider {
  background: var(--m-divider);
}

body[data-appearance="day"] .notice-card {
  border-color: var(--m-panel-border);
  background: var(--surface);
  box-shadow: var(--m-panel-shadow);
  margin-bottom: 8px;
  padding-left: 12px;
}

body[data-appearance="day"] .notice-card.unread {
  border-color: color-mix(in srgb, var(--theme-primary) 32%, var(--m-panel-border));
}

body[data-appearance="day"] .notice-card.unread .notice-body {
  border: 1px solid color-mix(in srgb, var(--theme-primary) 22%, transparent);
}

body[data-appearance="day"] .notice-skeleton-card {
  border-color: var(--m-panel-border);
  background: var(--surface);
  box-shadow: var(--m-panel-shadow);
}

body[data-appearance="day"] .notice-toolbar {
  box-shadow: var(--m-panel-shadow);
}

body[data-appearance="day"] .timeline-rail::before {
  background: var(--m-divider);
}

body[data-appearance="day"] .timeline-dot {
  background: rgba(11, 21, 32, 0.12);
  border-color: rgba(11, 21, 32, 0.2);
}

body[data-appearance="day"] .notice-card:hover {
  background: var(--surface-strong);
  border-color: var(--m-panel-border-strong);
}

body[data-appearance="day"] .home-notice-alert {
  border-color: rgba(37, 99, 235, 0.45);
  background: rgba(37, 99, 235, 0.1);
  box-shadow: var(--m-panel-shadow);
}

body[data-appearance="day"] body.mobile-nav-page .vip-status-card {
  background: var(--vip-strip-bg);
  border-color: var(--vip-strip-border);
  box-shadow: var(--m-panel-shadow);
}

body[data-appearance="day"] .stat {
  background: var(--surface);
  box-shadow: var(--card-shadow);
}

body[data-appearance="day"] .card::before {
  background:
    repeating-linear-gradient(0deg, transparent, transparent 27px, rgba(11, 21, 32, 0.025) 27px, rgba(11, 21, 32, 0.025) 28px),
    repeating-linear-gradient(90deg, transparent, transparent 27px, rgba(11, 21, 32, 0.025) 27px, rgba(11, 21, 32, 0.025) 28px);
  -webkit-mask-image: linear-gradient(145deg, rgba(0, 0, 0, 0.2) 0%, transparent 48%);
  mask-image: linear-gradient(145deg, rgba(0, 0, 0, 0.2) 0%, transparent 48%);
}

body[data-appearance="day"] .divider {
  background: linear-gradient(90deg, transparent, rgba(11, 21, 32, 0.12), transparent);
}

body[data-appearance="day"] .btn-outline {
  border-color: var(--glass-border-strong);
}
body[data-appearance="day"] .btn-outline:hover {
  background: var(--glass-fill-hover);
  border-color: rgba(11, 21, 32, 0.22);
}

body[data-appearance="day"] .feat,
body[data-appearance="day"] .intel-card,
body[data-appearance="day"] .plan,
body[data-appearance="day"] .stat,
body[data-appearance="day"] .card {
  border-color: var(--card-border-color);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-appearance="day"] .intel-card {
  background: var(--surface);
  box-shadow: var(--card-shadow);
}

body[data-appearance="day"] .intel-card:hover {
  background: var(--surface-strong);
  box-shadow: 0 8px 24px -8px rgba(15, 35, 55, 0.14);
  border-color: color-mix(in srgb, var(--theme-primary) 28%, var(--card-border-color));
}

body[data-appearance="day"] .source-level-tag {
  background: color-mix(in srgb, var(--sl-color) 10%, var(--surface));
  border-color: color-mix(in srgb, var(--sl-color) 28%, var(--glass-border));
}
body[data-appearance="day"] .source-level-tag--elite,
body[data-appearance="day"] .source-level-tag--legend {
  background: color-mix(in srgb, var(--sl-color) 14%, var(--surface));
  border-color: color-mix(in srgb, var(--sl-color) 34%, var(--glass-border));
}

body[data-appearance="day"] .filter-chip {
  background: var(--glass-fill);
  border-color: var(--glass-border);
}
body[data-appearance="day"] .filter-chip.active {
  background: var(--theme-primary-soft);
}

body[data-appearance="day"] .user-pill {
  background: var(--glass-fill);
  border-color: var(--glass-border);
}

body[data-appearance="day"] .avatar {
  color: #ffffff;
}

body[data-appearance="day"] .toast {
  box-shadow: var(--card-shadow);
}

body[data-appearance="day"] .skeleton-line {
  background: linear-gradient(90deg, rgba(11, 21, 32, 0.04) 25%, rgba(11, 21, 32, 0.08) 50%, rgba(11, 21, 32, 0.04) 75%);
  background-size: 200% 100%;
}

body[data-appearance="day"] .terminal {
  box-shadow: 0 20px 50px -24px rgba(15, 35, 55, 0.15), inset 0 0 40px color-mix(in srgb, var(--theme-primary) 4%, transparent);
}

body[data-appearance="day"] .logo-badge {
  color: #ffffff;
  box-shadow: var(--shadow-neon);
}

body[data-appearance="day"] .watermark-layer {
  opacity: 0.12;
}

/* 移动端底栏 */
body[data-appearance="day"] .m-tabbar {
  background: var(--tabbar-bg);
  border-color: var(--tabbar-border);
  box-shadow: var(--tabbar-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-appearance="day"] .m-tabbar-dock {
  background: var(--tabbar-bg);
}

body[data-appearance="day"] .fab-hub {
  background: linear-gradient(145deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);
  box-shadow: var(--fab-hub-shadow);
}

body[data-appearance="day"] .fab-hub__halo {
  border-color: var(--fab-hub-halo);
  background: var(--fab-hub-halo-bg);
  box-shadow: var(--fab-hub-halo-shadow);
}

body[data-appearance="day"] .fab-hub__icon {
  color: var(--fab-hub-icon);
}

body[data-appearance="day"] .fab-hub__badge {
  border-color: var(--surface-elevated);
  box-shadow: 0 2px 6px rgba(255, 77, 109, 0.35);
}

body[data-appearance="day"] .m-tab.center.active .fab-hub,
body[data-appearance="day"] .m-tab.center:active .fab-hub {
  box-shadow: var(--fab-hub-shadow-active);
}

body[data-appearance="day"] .m-tab.active:not(.center) {
  color: var(--btn-primary-text);
  box-shadow: 0 4px 12px -4px color-mix(in srgb, var(--theme-primary) 40%, transparent);
}

body[data-appearance="day"] .m-tab.active:not(.center) .label {
  color: var(--btn-primary-text);
}

body[data-appearance="day"] .m-tab.center.active .label {
  color: var(--theme-primary);
}

/* 移除无效选择器 .m-tab-dock */

/* 装饰主题在白天降低霓虹感 */
body[data-appearance="day"] .deco-theme-intel { --deco-glow: rgba(0, 122, 92, 0.06); --deco-grid: rgba(0, 122, 92, 0.04); }
body[data-appearance="day"] .deco-theme-auth { --deco-glow: rgba(0, 122, 92, 0.06); --deco-grid: rgba(0, 122, 92, 0.04); }
body[data-appearance="day"] .deco-theme-notice { --deco-glow: rgba(37, 99, 235, 0.06); --deco-grid: rgba(37, 99, 235, 0.04); }
body[data-appearance="day"] .deco-theme-vip { --deco-glow: rgba(180, 83, 9, 0.08); --deco-grid: rgba(180, 83, 9, 0.04); }
body[data-appearance="day"] .deco-theme-admin { --deco-glow: rgba(180, 130, 20, 0.08); --deco-grid: rgba(180, 130, 20, 0.04); }

@media (prefers-reduced-motion: reduce) {
  body[data-appearance="day"] #matrix-canvas {
    opacity: 0;
  }
}

/* Element Plus 白天适配 */
body[data-appearance="day"] {
  --el-bg-color: var(--surface);
  --el-bg-color-overlay: var(--surface-elevated);
  --el-fill-color-blank: var(--surface-strong);
  --el-fill-color-light: #eef2f7;
  --el-text-color-primary: var(--text-0);
  --el-text-color-regular: var(--text-1);
  --el-text-color-secondary: var(--text-2);
  --el-text-color-placeholder: var(--text-2);
  --el-border-color: var(--glass-border-strong);
  --el-border-color-light: var(--glass-border);
  --el-color-primary: var(--theme-primary);
}

body[data-appearance="day"] .admin-sidebar {
  background: rgba(255, 255, 255, 0.92);
  border-right-color: var(--glass-border);
}

body[data-appearance="day"] .admin-table th,
body[data-appearance="day"] .admin-table td {
  border-bottom-color: var(--glass-border);
}

body[data-appearance="day"] .admin-table tr:hover {
  background: var(--glass-fill);
}

body[data-appearance="day"] .menu-item:hover {
  background: var(--glass-fill-hover);
}

body[data-appearance="day"] .menu-item.active {
  background: var(--theme-primary-soft);
}

/* 移动端 markdown / 表单 */
body[data-appearance="day"] :deep(.markdown-body code),
body[data-appearance="day"] .markdown-body code {
  background: var(--glass-fill);
}

body[data-appearance="day"] :deep(.markdown-body pre),
body[data-appearance="day"] .markdown-body pre {
  background: var(--glass-fill);
  border-color: var(--glass-border);
}

body[data-appearance="day"] :deep(.markdown-body th) {
  background: var(--glass-fill);
}

body[data-appearance="day"] .m-search-input {
  background: var(--glass-fill);
  border-color: var(--glass-border);
}

body[data-appearance="day"] .vip-progress-card {
  border-color: var(--card-border-color);
}

body[data-appearance="day"] .auth-card::before {
  opacity: 0.15;
}