/* FinClaw Theme System — 暗黑金 + 白昼模式 */
/* 通过 data-theme="dark" | "light" 切换 */

/* ============ 暗黑金模式（默认） ============ */
:root, [data-theme="dark"] {
  --bg: #0a0a0a;
  --bg-2: #111111;
  --sf: #1a1a1a;
  --sf-2: #0d0d0d;
  --bd: #2a2a2a;
  --bd-light: rgba(42,42,42,0.5);
  --t1: #f0ece4;
  --t2: #9a9080;
  --t3: #6b6355;
  --ac: #c9a84c;
  --ac-hover: #b8962e;
  --ac-bg: rgba(201,168,76,0.08);
  --ac-bg-2: rgba(201,168,76,0.15);
  --ac-border: rgba(201,168,76,0.2);
  --ac-glow: rgba(201,168,76,0.06);
  --card-bg: linear-gradient(145deg, #1a1a1a, #0d0d0d);
  --card-border: #2a2a2a;
  --nav-bg: rgba(10,10,10,0.95);
  --input-bg: #111111;
  --input-border: #2a2a2a;
  --code-bg: #1a1a1a;
  --shadow: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.4);
  --carousel-overlay: linear-gradient(180deg, rgba(10,10,10,0.3) 0%, rgba(10,10,10,0.7) 100%);
  --scrollbar-track: #111111;
  --scrollbar-thumb: #2a2a2a;
}

/* ============ 白昼模式 ============ */
[data-theme="light"] {
  --bg: #faf9f7;
  --bg-2: #f0eeeb;
  --sf: #ffffff;
  --sf-2: #f5f4f2;
  --bd: #e5e2dc;
  --bd-light: rgba(229,226,220,0.6);
  --t1: #1a1a1a;
  --t2: #6b6560;
  --t3: #9a9590;
  --ac: #b8962e;
  --ac-hover: #a08428;
  --ac-bg: rgba(184,150,46,0.06);
  --ac-bg-2: rgba(184,150,46,0.12);
  --ac-border: rgba(184,150,46,0.25);
  --ac-glow: rgba(184,150,46,0.04);
  --card-bg: #ffffff;
  --card-border: #e5e2dc;
  --nav-bg: rgba(250,249,247,0.95);
  --input-bg: #ffffff;
  --input-border: #e5e2dc;
  --code-bg: #f0eeeb;
  --shadow: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.08);
  --carousel-overlay: linear-gradient(180deg, rgba(250,249,247,0.2) 0%, rgba(250,249,247,0.6) 100%);
  --scrollbar-track: #f0eeeb;
  --scrollbar-thumb: #d0cdc7;
}

/* ============ 全局过渡 ============ */
body, .bg-card, .card, .nav-bar, .sticky-header,
input, .filter-btn, .tab-btn, .btn-primary, .btn-outline,
.news-card, .author-card, .article-row {
  transition: background-color 0.3s ease, color 0.3s ease,
              border-color 0.3s ease, box-shadow 0.3s ease;
}

/* ============ 强制覆盖内联样式 ============ */
[data-theme="light"] body {
  background: var(--bg) !important;
  color: var(--t1) !important;
}
[data-theme="light"] nav,
[data-theme="light"] .nav-bar,
[data-theme="light"] header {
  background: var(--nav-bg) !important;
  border-bottom-color: var(--bd) !important;
}
[data-theme="light"] footer {
  background: var(--bg-2) !important;
  border-top-color: var(--bd) !important;
}
[data-theme="light"] section {
  background: transparent !important;
}
/* 覆盖所有内联深色背景 */
[data-theme="light"] [style*="background:#0a0a0a"],
[data-theme="light"] [style*="background: #0a0a0a"],
[data-theme="light"] [style*="background:#111111"],
[data-theme="light"] [style*="background: #111111"],
[data-theme="light"] [style*="background:#0d0d0d"],
[data-theme="light"] [style*="background: #0d0d0d"],
[data-theme="light"] [style*="background:#1a1a1a"],
[data-theme="light"] [style*="background: #1a1a1a"],
[data-theme="light"] [style*="background:#0f0f0f"],
[data-theme="light"] [style*="background: #0f0f0f"],
[data-theme="light"] [style*="background:#16181d"],
[data-theme="light"] [style*="background: #16181d"],
[data-theme="light"] [style*="background:#181b22"],
[data-theme="light"] [style*="background: #181b22"],
[data-theme="light"] [style*="background:linear-gradient(145deg,#1a1a1a,#0d0d0d)"],
[data-theme="light"] [style*="background: linear-gradient(145deg, #1a1a1a, #0d0d0d)"],
[data-theme="light"] [style*="background:linear-gradient(145deg, #1a1a1a, #0d0d0d)"],
[data-theme="light"] [style*="background: linear-gradient(145deg,#1a1a1a,#0d0d0d)"],
[data-theme="light"] [style*="background:linear-gradient(145deg, #1a1a1a, #0d0d0d)"] {
  background: var(--sf) !important;
}
/* 覆盖所有内联深色背景（section/p div等） */
[data-theme="light"] section[style*="background"],
[data-theme="light"] div[style*="background:#0"],
[data-theme="light"] div[style*="background: #0"],
[data-theme="light"] p[style*="background:#0"],
[data-theme="light"] p[style*="background: #0"] {
  background: var(--sf) !important;
}
/* 覆盖内联浅色文字 */
[data-theme="light"] [style*="color:#f0ece4"],
[data-theme="light"] [style*="color: #f0ece4"],
[data-theme="light"] [style*="color:#e8ebf0"],
[data-theme="light"] [style*="color: #e8ebf0"],
[data-theme="light"] [style*="color:#ffffff"],
[data-theme="light"] [style*="color: #ffffff"] {
  color: var(--t1) !important;
}
/* 覆盖内联边框色 */
[data-theme="light"] [style*="border-color:#2a2a2a"],
[data-theme="light"] [style*="border-color: #2a2a2a"],
[data-theme="light"] [style*="border-color:#2a2520"],
[data-theme="light"] [style*="border-color: #2a2520"],
[data-theme="light"] [style*="border: 1px solid #2a2a2a"],
[data-theme="light"] [style*="border:1px solid #2a2a2a"],
[data-theme="light"] [style*="border: 1px solid #2a2520"],
[data-theme="light"] [style*="border:1px solid #2a2520"] {
  border-color: var(--bd) !important;
}
/* 覆盖内联导航背景 */
[data-theme="light"] [style*="background:rgba(10,10,10"],
[data-theme="light"] [style*="background: rgba(10,10,10"],
[data-theme="light"] [style*="background:rgba(15,15,15"],
[data-theme="light"] [style*="background: rgba(15,15,15"] {
  background: var(--nav-bg) !important;
}

/* ============ 主题切换按钮 ============ */
.theme-toggle {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--bd);
  background: var(--sf);
  color: var(--t2);
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-lg);
  transition: all 0.3s ease;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.theme-toggle:hover {
  border-color: var(--ac);
  color: var(--ac);
  box-shadow: 0 0 12px var(--ac-glow);
  transform: scale(1.08);
}
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: block; }
[data-theme="light"] .theme-toggle .icon-sun { display: block; }
[data-theme="light"] .theme-toggle .icon-moon { display: none; }

/* ============ 导航栏适配 ============ */
[data-theme="light"] .nav-bar {
  background: var(--nav-bg);
  border-bottom-color: var(--bd);
}
[data-theme="light"] .nav-links a { color: var(--t2); }
[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .nav-links a.active { color: var(--ac); }

/* ============ 卡片适配 ============ */
[data-theme="light"] .bg-card,
[data-theme="light"] .card {
  background: var(--card-bg);
  border-color: var(--card-border);
  box-shadow: var(--shadow);
}
[data-theme="light"] .bg-card::before {
  background: linear-gradient(135deg, rgba(184,150,46,0.15), transparent, rgba(184,150,46,0.05));
}
[data-theme="light"] .bg-card:hover::before {
  background: linear-gradient(135deg, rgba(184,150,46,0.3), transparent, rgba(184,150,46,0.1));
}
[data-theme="light"] .bg-card:hover {
  box-shadow: 0 0 0 1px rgba(184,150,46,0.15), 0 8px 40px rgba(184,150,46,0.04);
}

/* ============ 按钮适配 ============ */
[data-theme="light"] .btn-primary {
  background: var(--ac);
  color: #ffffff;
}
[data-theme="light"] .btn-primary:hover {
  background: var(--ac-hover);
}
[data-theme="light"] .btn-outline {
  border-color: var(--bd);
  color: var(--t2);
}
[data-theme="light"] .btn-outline:hover {
  border-color: var(--ac);
  color: var(--ac);
}

/* ============ 标签适配 ============ */
[data-theme="light"] .tg-b {
  background: rgba(184,150,46,0.08);
  color: #9a7a20;
  border-color: rgba(184,150,46,0.2);
}
[data-theme="light"] .tg-g {
  background: rgba(22,163,74,0.06);
  color: #16a34a;
  border-color: rgba(22,163,74,0.15);
}
[data-theme="light"] .tg-gr {
  background: rgba(107,101,96,0.06);
  color: #6b6560;
  border-color: rgba(107,101,96,0.15);
}

/* ============ 输入框适配 ============ */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
  background: var(--input-bg);
  border-color: var(--input-border);
  color: var(--t1);
}
[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus {
  border-color: var(--ac);
  box-shadow: 0 0 0 2px rgba(184,150,46,0.15);
}

/* ============ 滚动条适配 ============ */
[data-theme="light"] ::-webkit-scrollbar { width: 8px; }
[data-theme="light"] ::-webkit-scrollbar-track { background: var(--scrollbar-track); }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 4px; }

/* ============ 新闻卡片适配 ============ */
[data-theme="light"] .news-card {
  background: var(--sf);
  border-color: var(--bd);
  border-left-color: var(--bd);
}
[data-theme="light"] .news-card:hover {
  background: var(--ac-bg);
  border-color: var(--ac);
  border-left-color: var(--ac);
}
[data-theme="light"] .article-row {
  border-left-color: transparent;
}
[data-theme="light"] .article-row:hover {
  background: var(--ac-bg);
  border-color: var(--ac);
  border-left-color: var(--ac);
}

/* ============ Filter/Tab 按钮适配 ============ */
[data-theme="light"] .filter-btn,
[data-theme="light"] .tab-btn {
  background: var(--sf);
  border-color: var(--bd);
  color: var(--t2);
}
[data-theme="light"] .filter-btn:hover,
[data-theme="light"] .tab-btn:hover {
  border-color: var(--ac);
  color: var(--ac);
}
[data-theme="light"] .filter-btn.active,
[data-theme="light"] .tab-btn.active,
[data-theme="light"] .tb.on {
  background: var(--ac);
  color: #ffffff;
  border-color: var(--ac);
}

/* ============ Footer 适配 ============ */
[data-theme="light"] footer {
  border-top-color: var(--bd);
}

/* ============ 特殊页面适配 ============ */
/* AI日报折叠头 */
[data-theme="light"] .month-header {
  background: var(--sf);
  border-color: var(--bd);
}
/* 评分圆环 */
[data-theme="light"] .score-ring {
  border-color: var(--ac-border);
}
/* 进度条 */
[data-theme="light"] .qbar-fill {
  background: linear-gradient(90deg, var(--ac), #d4af37);
}

/* ============ 移动端适配 ============ */
@media (max-width: 768px) {
  .theme-toggle {
    bottom: 16px;
    right: 16px;
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
}

/* ============ Tailwind 深色类覆盖 ============ */
[data-theme="light"] .bg-\[#0a0a0a\] { background: var(--sf) !important; }
[data-theme="light"] .bg-\[#111111\] { background: var(--bg-2) !important; }
[data-theme="light"] .bg-\[#0d0d0d\] { background: var(--sf-2) !important; }
[data-theme="light"] .bg-\[#1a1a1a\] { background: var(--sf) !important; }
[data-theme="light"] .bg-\[#0f0f0f\] { background: var(--bg) !important; }
[data-theme="light"] .bg-\[#16181d\] { background: var(--sf) !important; }
[data-theme="light"] .bg-\[#181b22\] { background: var(--sf) !important; }
[data-theme="light"] .bg-\[#0a0a0a\]/40 { background: rgba(255,255,255,0.4) !important; }

/* Tailwind 深色文字类覆盖 */
[data-theme="light"] .text-\[#f0ece4\] { color: var(--t1) !important; }
[data-theme="light"] .text-\[#e8ebf0\] { color: var(--t1) !important; }
[data-theme="light"] .text-\[#9a9080\] { color: var(--t2) !important; }
[data-theme="light"] .text-\[#6b6355\] { color: var(--t3) !important; }
[data-theme="light"] .text-white { color: var(--t1) !important; }

/* Tailwind 深色边框类覆盖 */
[data-theme="light"] .border-\[#2a2a2a\] { border-color: var(--bd) !important; }
[data-theme="light"] .border-\[#2a2520\] { border-color: var(--bd) !important; }
[data-theme="light"] .border-\[#2a2a2a\]/50 { border-color: var(--bd-light) !important; }

/* ============ 金色按钮文字优化 ============ */
/* 暗色模式：金色按钮用深色文字 */
[data-theme="dark"] .nav-btn-solid,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .download-btn {
  color: #0a0a0a;
}
/* 亮色模式：金色按钮用白色文字（更清晰） */
[data-theme="light"] .nav-btn-solid,
[data-theme="light"] .btn-primary,
[data-theme="light"] .download-btn {
  color: #ffffff !important;
}
[data-theme="light"] .nav-btn-solid:hover,
[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .download-btn:hover {
  color: #ffffff !important;
}

/* ============ 亮色模式下金色标签文字优化 ============ */
/* 暗色模式：金色标签用金色文字 */
[data-theme="dark"] .tag,
[data-theme="dark"] .tg-b {
  color: #c9a84c;
}
/* 亮色模式：金色标签用深金色文字（更清晰） */
[data-theme="light"] .tag,
[data-theme="light"] .tg-b {
  color: #8a6d1a !important;
}
/* 亮色模式下金色底块上的文字 */
[data-theme="light"] [style*="background:#c9a84c"],
[data-theme="light"] [style*="background: #c9a84c"],
[data-theme="light"] [style*="background:#b8962e"],
[data-theme="light"] [style*="background: #b8962e"] {
  color: #ffffff !important;
}
[data-theme="light"] .bg-\[#c9a84c\] {
  color: #ffffff !important;
}
[data-theme="light"] .bg-\[#c9a84c\] * {
  color: #ffffff !important;
}

/* ============ EtherGate Logo 主题切换 ============ */
.logo-dark { display: block !important; }
.logo-light { display: none !important; }
[data-theme="light"] .logo-dark { display: none !important; }
[data-theme="light"] .logo-light { display: block !important; }