/* ============================================================
   Lapis Pandai — 深色模式
   ============================================================ */

html[data-theme="dark"] {
  --bg: #0a1020;
  --surface: #111a2c;
  --surface-2: #18243a;
  --surface-3: #21304a;
  --text: #e8eef8;
  --text-muted: #9aabc4;
  --text-soft: #71829c;
  --border: #223049;
  --primary: #5b8cff;
  --primary-hover: #7aa2ff;
  --primary-soft: #17264a;
  --accent: #38bdf8;
  --success: #4ade80;
  --success-soft: #103222;
  --warning: #fbbf24;
  --warning-soft: #3a2c0a;
  --danger: #f87171;
  --danger-soft: #3a1414;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow: 0 2px 6px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .4);
}

html[data-theme="dark"] .site-header {
  background: rgba(17, 26, 44, .86);
}

html[data-theme="dark"] .brand-mark {
  box-shadow: 0 4px 14px rgba(91, 140, 255, .35);
}

html[data-theme="dark"] .hero {
  background:
    radial-gradient(1000px 420px at 12% -10%, rgba(91, 140, 255, .18), transparent 70%),
    radial-gradient(900px 380px at 92% 0%, rgba(56, 189, 248, .13), transparent 70%);
}

html[data-theme="dark"] .banner {
  background: linear-gradient(120deg, #1e40af, #0369a1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .5);
}

html[data-theme="dark"] .btn-primary {
  box-shadow: 0 4px 14px rgba(91, 140, 255, .22);
}

html[data-theme="dark"] .toast { background: #1e293b; color: #e8eef8; }

html[data-theme="dark"] .copyright-authorized { background: #14284d; color: #93b4ff; }
html[data-theme="dark"] .copyright-original { background: #2a1f4a; color: #c4b5fd; }

html[data-theme="dark"] .lang-select,
html[data-theme="dark"] .filter-group select,
html[data-theme="dark"] .sort-group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239aabc4' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

html[data-theme="dark"] img { opacity: .94; }