/* ===== Dark Theme - 统一深色模式 ===== */
/* 所有页面引入此文件 + body.dark 即可 */

body.dark {
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #a5b4fc;
  --accent: #22d3ee;
  --accent-2: #fbbf24;
  --bg: #0f172a;
  --bg-2: #1e293b;
  --bg-card: #1e293b;
  --bg-card-hover: #334155;
  --bg-sidebar: #1e293b;
  --text: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border: #334155;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4), 0 2px 4px -2px rgba(0,0,0,0.3);
  --shadow-lg: 0 10px 25px -5px rgba(99,102,241,0.2), 0 8px 10px -6px rgba(99,102,241,0.15);
  --shadow-xl: 0 20px 50px -12px rgba(99,102,241,0.25);
}

body.dark { background: var(--bg); color: var(--text); }

/* Navbar */
body.dark .navbar {
  background: rgba(15, 23, 42, 0.9);
  border-bottom-color: var(--border);
}

/* Mobile nav */
body.dark .mobile-nav {
  background: var(--bg-card);
  border-bottom-color: var(--border);
}
body.dark .mobile-nav a {
  color: var(--text-secondary);
  border-bottom-color: var(--border);
}

/* Theme toggle */
body.dark .theme-toggle {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text-secondary);
}
body.dark .theme-toggle:hover {
  border-color: var(--primary);
  color: var(--primary-light);
}

/* Hero sections */
body.dark .hero,
body.dark .pricing-hero,
body.dark .changelog-hero,
body.dark .faq-hero,
body.dark .about-hero,
body.dark .search-hero,
body.dark .error-section {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
}

body.dark .hero::before {
  background:
    radial-gradient(ellipse at 20% 30%, rgba(99,102,241,0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(34,211,238,0.08) 0%, transparent 50%);
}

/* Cards */
body.dark .feature-card,
body.dark .product-card,
body.dark .pricing-card,
body.dark .release-card,
body.dark .faq-item,
body.dark .about-card,
body.dark .code-card,
body.dark .download-item,
body.dark .result-item,
body.dark .quick-link,
body.dark .auth-card,
body.dark .enterprise-cta,
body.dark .contact-section,
body.dark .faq-cta {
  background: var(--bg-card);
  border-color: var(--border);
}

body.dark .feature-card:hover,
body.dark .product-card:hover,
body.dark .pricing-card:hover,
body.dark .release-card:hover,
body.dark .faq-item:hover,
body.dark .about-card:hover,
body.dark .result-item:hover,
body.dark .quick-link:hover {
  border-color: var(--primary);
}

/* Stats */
body.dark .stats {
  background: linear-gradient(135deg, rgba(99,102,241,0.12) 0%, rgba(34,211,238,0.08) 100%);
  border-color: var(--border);
}

/* Forms */
body.dark input,
body.dark select,
body.dark textarea {
  background: var(--bg-2);
  border-color: var(--border);
  color: var(--text);
}
body.dark input:focus,
body.dark select:focus {
  border-color: var(--primary);
}

/* Buttons */
body.dark .btn-outline,
body.dark .btn-cancel,
body.dark .plan-btn-secondary,
body.dark .btn-unbind,
body.dark .btn-delete {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text-secondary);
}

/* Tables */
body.dark .docs-table th {
  background: var(--bg-2);
  color: var(--text);
  border-color: var(--border);
}
body.dark .docs-table td {
  border-color: var(--border);
}

/* Docs */
body.dark .sidebar {
  background: var(--bg-sidebar);
  border-right-color: var(--border);
}
body.dark .info-card {
  background: rgba(99,102,241,0.08);
  border-color: rgba(99,102,241,0.2);
}
body.dark .info-card h5,
body.dark .info-card p { color: var(--text); }
body.dark .feature-item {
  background: var(--bg-2);
  border-color: var(--border);
}
body.dark .screenshot {
  border-color: var(--border);
}
body.dark .screenshot .caption {
  background: var(--bg-2);
  border-color: var(--border);
}

/* Messages */
body.dark .msg.error {
  background: rgba(239,68,68,0.12);
  border-color: rgba(239,68,68,0.3);
}
body.dark .msg.success {
  background: rgba(16,185,129,0.12);
  border-color: rgba(16,185,129,0.3);
}

/* Modal */
body.dark .modal {
  background: var(--bg-card);
}

/* Search */
body.dark .search-box {
  border-color: var(--border);
}
body.dark .search-box input {
  background: var(--bg-2);
  color: var(--text);
}

/* Footer */
body.dark .footer,
body.dark .site-footer {
  border-top-color: var(--border);
}

/* Manual cards (docs index) */
body.dark .manual-card {
  background: var(--bg-card);
  border-color: var(--border);
}

/* Tags */
body.dark .tag-wps { background: rgba(99,102,241,0.15); }
body.dark .tag-win { background: rgba(34,211,238,0.15); }
body.dark .tag-free { background: rgba(16,185,129,0.15); }

/* Code */
body.dark code {
  background: var(--bg-2);
  color: var(--primary-light);
}

/* Tabs */
body.dark .tab-btn,
body.dark .auth-tab {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text-secondary);
}

/* Timeline */
body.dark .timeline::before {
  background: var(--primary);
}

/* Lightbox */
body.dark .lightbox-overlay {
  background: rgba(0,0,0,0.9);
}