/* Auto-generated theme: Indigo Night (dark)
 * Scope: [data-theme="dark"] — overrides theme-zitong.css
 * Generated by gen_themes.py
 */
[data-theme="dark"] {
  --bg-primary: #0F1117;
  --bg-secondary: #161A22;
  --bg-tertiary: #1E2430;
  --bg-hover: #232B3A;
  --text-primary: #E7E9EE;
  --text-secondary: #A0A6B4;
  --text-muted: #6B7280;
  --text-white: #FFFFFF;
  --accent: #6366F1;
  --accent-rgb: 99,102,241;
  --accent-dim: #4F46E5;
  --accent-glow: rgba(var(--accent-rgb),0.30);
  --accent-text: #A5B4FC;
  --purple: var(--accent);
  --danger: #EF4444;
  --warning: #F59E0B;
  --info: #38BDF8;
  --success: #10B981;
  --border: rgba(255,255,255,0.08);
  --topbar-bg: #14161F;
  --sidebar-bg: #0B0D13;
  --sidebar-active: rgba(var(--accent-rgb),0.22);
}

/* ===== Layout chrome ===== */
[data-theme="dark"] .tc-topbar,
[data-theme="dark"] #tc-topbar {
  background: var(--topbar-bg) !important;
  border-bottom: 1px solid var(--border) !important;
}
[data-theme="dark"] .tc-sidebar,
[data-theme="dark"] #tc-sidebar {
  background: var(--sidebar-bg) !important;
  color: var(--text-primary) !important;
}
[data-theme="dark"] .tc-sidebar .tc-nav-item,
[data-theme="dark"] #tc-sidebar a,
[data-theme="dark"] .tc-sidebar a {
  color: var(--text-secondary) !important;
}
[data-theme="dark"] .tc-sidebar .tc-nav-item.active,
[data-theme="dark"] #tc-sidebar a.active,
[data-theme="dark"] .tc-sidebar a.active {
  background: var(--sidebar-active) !important;
  color: #fff !important;
}
[data-theme="dark"] #tc-main-layout,
[data-theme="dark"] #tc-content-area {
  background: var(--bg-primary) !important;
}
[data-theme="dark"] .tc-card {
  background: var(--bg-secondary) !important;
  border-color: var(--border) !important;
}

/* ===== Solid primary buttons keep white label ===== */
[data-theme="dark"] .tc-btn-primary,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .promo-btn-success,
[data-theme="dark"] .tc-btn-accent,
[data-theme="dark"] #micro-create,
[data-theme="dark"] #config-save,
[data-theme="dark"] #micro-submit,
[data-theme="dark"] [class*="btn"][class*="primary"] {
  color: #fff !important;
}

/* ===== Brand banner tint ===== */
[data-theme="dark"] #tc-content-area > div[style*="min-height:100px"] {
  background: linear-gradient(135deg, var(--accent-glow), transparent) !important;
  border-color: var(--accent-glow) !important;
  color: var(--text-primary) !important;
}
[data-theme="dark"] #tc-content-area > div[style*="min-height:100px"] > span {
  color: var(--text-primary) !important;
}

/* ===== Light-mode only: kill dark bg video, force light login surface ===== */


/* ============================================================
   HOVER GLOW —— 鼠标移到哪个图标，哪个图标自动点亮（高级感）
   覆盖范围：顶栏一级导航 / 顶栏右侧按钮 / 侧栏菜单与分组
   实现四层叠加：光斑底衬 + 图标辉光 + 文字发光 + 微浮起
   全部引用 var(--accent) / var(--accent-glow)，换主题自动跟随
   ============================================================ */

/* ---------- 顶栏：毛玻璃高级底 ---------- */
[data-theme="dark"] .tc-topbar,
[data-theme="dark"] #tc-topbar {
  background: rgba(18,20,28,0.86) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  border-bottom: 1px solid rgba(var(--accent-rgb),0.16) !important;
}

/* ---------- 顶栏一级导航项 ---------- */
[data-theme="dark"] .tc-topbar-nav-item {
  border-radius: 10px !important;
  transition: color 200ms cubic-bezier(.4,0,.2,1),
              box-shadow 240ms cubic-bezier(.4,0,.2,1),
              transform 200ms cubic-bezier(.4,0,.2,1) !important;
}
/* 光斑底衬（::after 已被 active 下划线占用，这里用 ::before） */
[data-theme="dark"] .tc-topbar-nav-item::before {
  content: "" !important;
  position: absolute !important;
  left: 1px !important;
  right: 1px !important;
  top: 5px !important;
  bottom: 5px !important;
  border-radius: 10px !important;
  background: radial-gradient(130% 130% at 50% 66%,
              rgba(var(--accent-rgb),0.44) 0%,
              rgba(var(--accent-rgb),0.15) 50%,
              rgba(var(--accent-rgb),0) 76%) !important;
  opacity: 0 !important;
  transition: opacity 220ms cubic-bezier(.4,0,.2,1) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
/* 图标 / 文字抬到光斑之上 */
[data-theme="dark"] .tc-topbar-nav-icon,
[data-theme="dark"] .tc-topbar-nav-label,
[data-theme="dark"] .tc-topbar-nav-chevron {
  position: relative !important;
  z-index: 1 !important;
}
[data-theme="dark"] .tc-topbar-nav-item:hover {
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 1px rgba(var(--accent-rgb),0.32),
              0 10px 24px -12px rgba(var(--accent-rgb),0.85) !important;
}
[data-theme="dark"] .tc-topbar-nav-item:hover::before {
  opacity: 1 !important;
}
/* 图标：白核 + 靛蓝辉光双层 drop-shadow */
[data-theme="dark"] .tc-topbar-nav-item:hover .tc-topbar-nav-icon {
  opacity: 1 !important;
  transform: scale(1.14) !important;
  filter: brightness(0) invert(1)
          drop-shadow(0 0 3px rgba(255,255,255,0.95))
          drop-shadow(0 0 8px var(--accent))
          drop-shadow(0 0 18px rgba(var(--accent-rgb),0.80)) !important;
  transition: filter 220ms cubic-bezier(.4,0,.2,1),
              transform 220ms cubic-bezier(.4,0,.2,1),
              opacity 220ms cubic-bezier(.4,0,.2,1) !important;
}
[data-theme="dark"] .tc-topbar-nav-item:hover .tc-topbar-nav-label {
  color: #FFFFFF !important;
  text-shadow: 0 0 8px rgba(var(--accent-rgb),0.95),
               0 0 20px rgba(var(--accent-rgb),0.60) !important;
}
[data-theme="dark"] .tc-topbar-nav-item:hover .tc-topbar-nav-chevron {
  opacity: 1 !important;
  filter: brightness(0) invert(1) drop-shadow(0 0 6px var(--accent)) !important;
}

/* 选中项：常态即带辉光，保持"活着的"高级感 */
[data-theme="dark"] .tc-topbar-nav-item.active .tc-topbar-nav-icon {
  opacity: 1 !important;
  filter: brightness(0) invert(1)
          drop-shadow(0 0 6px rgba(var(--accent-rgb),0.90)) !important;
}
[data-theme="dark"] .tc-topbar-nav-item.active::after {
  box-shadow: 0 0 8px var(--accent), 0 0 18px rgba(var(--accent-rgb),0.80) !important;
}

/* ---------- 顶栏右侧：应用按钮 / 退出 ---------- */
[data-theme="dark"] .tc-topbar-app-trigger {
  transition: color 200ms cubic-bezier(.4,0,.2,1),
              background 200ms cubic-bezier(.4,0,.2,1),
              box-shadow 240ms cubic-bezier(.4,0,.2,1) !important;
}
[data-theme="dark"] .tc-topbar-app-trigger:hover {
  color: var(--accent-text) !important;
  background: rgba(var(--accent-rgb),0.20) !important;
  box-shadow: 0 0 0 1px rgba(var(--accent-rgb),0.40),
              0 8px 20px -8px rgba(var(--accent-rgb),0.85) !important;
}
[data-theme="dark"] .tc-topbar-app-trigger:hover .tc-topbar-app-icon {
  filter: drop-shadow(0 0 6px var(--accent))
          drop-shadow(0 0 14px rgba(var(--accent-rgb),0.70)) !important;
}
[data-theme="dark"] .tc-btn-logout {
  transition: color 200ms cubic-bezier(.4,0,.2,1),
              background 200ms cubic-bezier(.4,0,.2,1),
              border-color 200ms cubic-bezier(.4,0,.2,1),
              box-shadow 240ms cubic-bezier(.4,0,.2,1) !important;
}
[data-theme="dark"] .tc-btn-logout:hover {
  color: #FFFFFF !important;
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 14px rgba(var(--accent-rgb),0.75),
              0 8px 20px -8px rgba(var(--accent-rgb),0.90) !important;
}

/* ---------- 侧栏：菜单项 / 分组 / 店铺项 ---------- */
[data-theme="dark"] .tc-nav-item,
[data-theme="dark"] #tc-sidebar-nav .nav-item,
[data-theme="dark"] .tc-store-sidebar-item,
[data-theme="dark"] .tc-nav-group-title {
  transition: background 200ms cubic-bezier(.4,0,.2,1),
              color 200ms cubic-bezier(.4,0,.2,1),
              box-shadow 240ms cubic-bezier(.4,0,.2,1) !important;
}
[data-theme="dark"] .tc-nav-item:hover,
[data-theme="dark"] #tc-sidebar-nav .nav-item:hover,
[data-theme="dark"] .tc-store-sidebar-item:hover {
  background: rgba(var(--accent-rgb),0.14) !important;
  color: #FFFFFF !important;
  box-shadow: inset 2px 0 0 var(--accent),
              0 6px 18px -12px rgba(var(--accent-rgb),0.90) !important;
}
[data-theme="dark"] .tc-nav-item:hover .tc-nav-icon,
[data-theme="dark"] #tc-sidebar-nav .nav-item:hover .tc-nav-icon,
[data-theme="dark"] .tc-nav-group-title:hover .tc-nav-icon,
[data-theme="dark"] .tc-store-sidebar-item:hover .tc-store-sidebar-group-icon {
  filter: saturate(1.40) brightness(1.35)
          drop-shadow(0 0 6px var(--accent))
          drop-shadow(0 0 14px rgba(var(--accent-rgb),0.70)) !important;
  transform: scale(1.10) !important;
  transition: filter 220ms cubic-bezier(.4,0,.2,1),
              transform 220ms cubic-bezier(.4,0,.2,1) !important;
}
[data-theme="dark"] .tc-nav-group-title:hover {
  color: #FFFFFF !important;
}
[data-theme="dark"] .tc-nav-group-title:hover .tc-nav-caret {
  color: var(--accent-text) !important;
  text-shadow: 0 0 8px var(--accent) !important;
}
/* 侧栏选中项：常态左光条 + 辉光 */
[data-theme="dark"] .tc-nav-item.active,
[data-theme="dark"] #tc-sidebar-nav .nav-item.active {
  box-shadow: inset 2px 0 0 var(--accent),
              0 0 16px -4px rgba(var(--accent-rgb),0.65) !important;
}
[data-theme="dark"] .tc-nav-item.active .tc-nav-icon {
  filter: saturate(1.25) brightness(1.25)
          drop-shadow(0 0 6px rgba(var(--accent-rgb),0.90)) !important;
}

/* ---------- 应用抽屉：图标以「自身品牌色」点亮（不串色）---------- */
[data-theme="dark"] .ad-activity-item {
  border-radius: 10px !important;
  transition: background 200ms cubic-bezier(.4,0,.2,1),
              transform 200ms cubic-bezier(.4,0,.2,1),
              box-shadow 240ms cubic-bezier(.4,0,.2,1) !important;
}
[data-theme="dark"] .ad-activity-item:hover {
  background: rgba(var(--accent-rgb),0.10) !important;
  transform: translateX(3px) !important;
  box-shadow: inset 2px 0 0 var(--accent),
              0 8px 22px -14px rgba(var(--accent-rgb),0.95) !important;
}
[data-theme="dark"] .ad-activity-item:hover .ad-activity-icon {
  filter: drop-shadow(0 0 7px currentColor)
          drop-shadow(0 0 16px currentColor) !important;
  transform: scale(1.10) !important;
  transition: filter 220ms cubic-bezier(.4,0,.2,1),
              transform 220ms cubic-bezier(.4,0,.2,1) !important;
}
[data-theme="dark"] .ad-floating-btn:hover {
  box-shadow: 0 0 14px rgba(var(--accent-rgb),0.75),
              0 8px 20px -8px rgba(var(--accent-rgb),0.90) !important;
}
[data-theme="dark"] .ad-guide-link:hover {
  color: var(--accent-text) !important;
  text-shadow: 0 0 10px rgba(var(--accent-rgb),0.80) !important;
}
[data-theme="dark"] .ad-apps-title::before {
  box-shadow: 0 0 8px var(--accent) !important;
}