/*
 * 门户皮肤适配（LeadStory 重要事件）
 * ---------------------------------------------------------------------------
 * 本系统原生为浅色。门户「夜观」等深色皮肤下切换深色变体，
 * 浅色皮肤与直接访问时本文件不生效（无 data-portal-scheme 属性）。
 * 本系统无涨跌语义，分类色仅用于标签识别。
 */

html[data-portal-scheme="dark"] {
  --bg: #0b0f16;
  --card: #141a24;
  --surface-2: #171e2a;
  --surface-3: #1c2431;
  --text: #e6edf3;
  --muted: #94a3b8;
  --primary: #6ea8fe;
  --primary-ink: #9dc1ff;
  --primary-soft: rgba(110, 168, 254, .16);
  --border: #263042;
  --border-strong: #35415a;
  --danger: #f0656a;
  --danger-soft: rgba(240, 101, 106, .14);
  --ok: #3fbf7f;
  --ok-soft: rgba(63, 191, 127, .16);
  --warn: #f0b56a;
  --warn-soft: rgba(255, 143, 31, .16);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-md: 0 10px 28px -14px rgba(0, 0, 0, .75), 0 2px 8px rgba(0, 0, 0, .35);
  --hero-bg: linear-gradient(135deg, #161d2a 0%, #131a26 55%, #101827 100%);
  --rank-bg: #1c2534;
  --rank-text: #b6c2d1;
}

html[data-portal-scheme="dark"] .nav {
  background: rgba(20, 26, 36, .88);
  border-bottom-color: var(--border);
}
html[data-portal-scheme="dark"] .nav .brand { color: var(--text); }
html[data-portal-scheme="dark"] .nav .brand-mark { color: #0b0f16; }
html[data-portal-scheme="dark"] .nav-links a { color: var(--text); }
html[data-portal-scheme="dark"] .nav-links a:hover { background: var(--surface-3); }
html[data-portal-scheme="dark"] .nav-links a.active {
  background: var(--primary-soft); color: var(--primary-ink);
}
html[data-portal-scheme="dark"] .nav-login { color: var(--text); border-color: var(--border-strong); }

html[data-portal-scheme="dark"] .hero::after {
  background: radial-gradient(circle, rgba(110, 168, 254, .16), transparent 68%);
}
html[data-portal-scheme="dark"] .event-card:hover { border-color: var(--border-strong); }
html[data-portal-scheme="dark"] .switch .knob { background: #e6edf3; }
html[data-portal-scheme="dark"] .src { color: var(--muted); }
html[data-portal-scheme="dark"] .card,
html[data-portal-scheme="dark"] .panel,
html[data-portal-scheme="dark"] .empty { background: var(--card); border-color: var(--border); }

/* 深色下的分类色：软底色转半透明，文字提亮 */
html[data-portal-scheme="dark"] .cat-politics { --cat: #6ea8fe; --cat-soft: rgba(110, 168, 254, .16); --cat-ink: #a8c8ff; }
html[data-portal-scheme="dark"] .cat-finance  { --cat: #f5b14c; --cat-soft: rgba(245, 177, 76, .16); --cat-ink: #f7c877; }
html[data-portal-scheme="dark"] .cat-tech     { --cat: #b18cff; --cat-soft: rgba(177, 140, 255, .18); --cat-ink: #cbb2ff; }
html[data-portal-scheme="dark"] .cat-world    { --cat: #4cc9e0; --cat-soft: rgba(76, 201, 224, .16); --cat-ink: #8adcee; }
html[data-portal-scheme="dark"] .cat-society  { --cat: #4ecb8f; --cat-soft: rgba(78, 203, 143, .16); --cat-ink: #8adeb6; }
html[data-portal-scheme="dark"] .cat-culture  { --cat: #f472b6; --cat-soft: rgba(244, 114, 182, .16); --cat-ink: #f9a8d4; }
html[data-portal-scheme="dark"] .cat-health   { --cat: #57d68a; --cat-soft: rgba(87, 214, 138, .16); --cat-ink: #93e7b4; }
html[data-portal-scheme="dark"] .cat-other    { --cat: #94a3b8; --cat-soft: rgba(148, 163, 184, .16); --cat-ink: #c3cedb; }

/* 兼容旧页面（新闻库 / 日志 / 配置 / 导入 / 详情 / 嵌入） */
html[data-portal-scheme="dark"] .badge { background: var(--primary-soft); color: var(--primary-ink); }
html[data-portal-scheme="dark"] .badge.primary { background: var(--ok-soft); color: var(--ok); }
html[data-portal-scheme="dark"] .badge.manual { background: var(--warn-soft); color: var(--warn); }
html[data-portal-scheme="dark"] .status-enabled { background: var(--ok-soft); color: var(--ok); }
html[data-portal-scheme="dark"] .status-disabled,
html[data-portal-scheme="dark"] .status-failed { background: var(--danger-soft); color: var(--danger); }
html[data-portal-scheme="dark"] .status-running { background: var(--warn-soft); color: var(--warn); }
html[data-portal-scheme="dark"] .tag { background: var(--surface-3); color: var(--muted); }
html[data-portal-scheme="dark"] .alert { background: var(--danger-soft); color: var(--danger); }
html[data-portal-scheme="dark"] .alert.ok { background: var(--ok-soft); color: var(--ok); }
html[data-portal-scheme="dark"] table { background: var(--card); border-color: var(--border); }
html[data-portal-scheme="dark"] th, html[data-portal-scheme="dark"] td { border-bottom-color: var(--border); }
html[data-portal-scheme="dark"] th { background: var(--surface-2); color: var(--muted); }
html[data-portal-scheme="dark"] tbody tr:hover td { background: var(--surface-2); }
html[data-portal-scheme="dark"] form.form input,
html[data-portal-scheme="dark"] form.form select,
html[data-portal-scheme="dark"] form.form textarea,
html[data-portal-scheme="dark"] .inline-form input,
html[data-portal-scheme="dark"] .sched-form .field input,
html[data-portal-scheme="dark"] .sched-row .num {
  background: var(--surface-2); color: var(--text); border-color: var(--border-strong);
}
html[data-portal-scheme="dark"] code { background: var(--surface-3); }
html[data-portal-scheme="dark"] button.btn-ghost {
  background: var(--card); color: var(--text); border-color: var(--border-strong);
}
html[data-portal-scheme="dark"] button.btn-ghost:hover {
  color: var(--primary); border-color: var(--primary); background: var(--card);
}
html[data-portal-scheme="dark"] .btn-link.ghost { background: var(--card); color: var(--primary); }
html[data-portal-scheme="dark"] .filters .chip { background: var(--card); color: var(--text); }
html[data-portal-scheme="dark"] .filters .chip b { background: var(--surface-3); }