/* ============ THEME: 太空探险 (space quest · kids boy · dark) ============ */
/* 字体：Noto Sans SC（正文）/ ZCOOL KuaiLe（标题）/ Space Mono（标签） */

body[data-theme="space"] {
  --bg: #1b2138;
  --card: #232b47;
  --primary: #5aa9ff;
  --primary-light: #2a3759;
  --primary-dark: #3f87e0;
  --accent: #b6ff5a;
  --accent-light: #2f3a2a;
  --success: #b6ff5a;
  --success-light: #26331c;
  --text: #eaf0ff;
  --text-secondary: #aeb9dd;
  --text-muted: #7d8bb5;
  --border: #313c60;
  --danger: #ff6b6b;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(12, 18, 40, 0.4);
  --shadow-lg: 0 20px 50px rgba(12, 18, 40, 0.5);
  --font-stack: 'Noto Sans SC', sans-serif;
}
body[data-theme="space"] {
  background-color: #1b2138;
  background-image:
    radial-gradient(1.4px 1.4px at 30px 60px, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(1.4px 1.4px at 220px 120px, rgba(255, 255, 255, 0.3), transparent),
    radial-gradient(1.4px 1.4px at 330px 70px, rgba(182, 255, 90, 0.5), transparent),
    radial-gradient(1.4px 1.4px at 90px 200px, rgba(90, 169, 255, 0.45), transparent);
}

/* dark-theme: neutralize base white backgrounds */
body[data-theme="space"] .entry-input,
body[data-theme="space"] .dream-input,
body[data-theme="space"] .modal-input,
body[data-theme="space"] .auth-input,
body[data-theme="space"] .tag-select,
body[data-theme="space"] .quest-check { background: #161c30; color: #eaf0ff; }
body[data-theme="space"] .entry-input:focus,
body[data-theme="space"] .dream-input:focus { background: #1f2740; border-color: #5aa9ff; }
body[data-theme="space"] .entry-input::placeholder { color: #5a648c; }

body[data-theme="space"] .header { background: #161c30; border-bottom: 1px solid #2c3656; }
body[data-theme="space"] .header h1 { font-family: 'ZCOOL KuaiLe', cursive; color: #fff; }
body[data-theme="space"] .header .subtitle { font-family: 'Space Mono', monospace; }
body[data-theme="space"] .streak-badge { background: transparent; color: #b6ff5a; border: 1px solid #34538a; font-family: 'Space Mono', monospace; }

body[data-theme="space"] .hero-card { background: #232b47; color: #eaf0ff; border: 1px solid #313c60; }
body[data-theme="space"] .hero-card::after { display: none; }
body[data-theme="space"] .hero-avatar { background: radial-gradient(circle at 32% 30%, #6fb4ff, #2f6fd6); border: 2px solid #b6ff5a; border-radius: 50%; box-shadow: 0 0 12px rgba(90, 169, 255, 0.5); }
body[data-theme="space"] .hero-name { font-family: 'ZCOOL KuaiLe', cursive; }
body[data-theme="space"] .hero-rank-chip { background: #2a3759; color: #5aa9ff; border: 1px solid #34538a; font-family: 'Space Mono', monospace; }
body[data-theme="space"] .hero-sub { color: #aeb9dd; font-family: 'Space Mono', monospace; }
body[data-theme="space"] .hero-stat { background: #1b2138; border: 1px solid #313c60; }
body[data-theme="space"] .hero-stat strong { font-family: 'Space Mono', monospace; color: #5aa9ff; }
body[data-theme="space"] .hero-stat:nth-child(3) strong { color: #b6ff5a; }
body[data-theme="space"] .hero-stat span { opacity: 1; color: #7d8bb5; }
body[data-theme="space"] .xp-track { background: #1b2138; border: 1px solid #313c60; }
body[data-theme="space"] .xp-meta { color: #7d8bb5; opacity: 1; font-family: 'Space Mono', monospace; }
body[data-theme="space"] .xp-bar { background: #161c30; border: 1px solid #313c60; }
body[data-theme="space"] .xp-bar-fill { background: linear-gradient(90deg, #5aa9ff, #b6ff5a); box-shadow: none; }

body[data-theme="space"] .quote-card { background: transparent; color: #cdd6f4; border-left: 2px solid #5aa9ff; border-radius: 0; padding: 4px 0 4px 13px; box-shadow: none; }
body[data-theme="space"] .quote-card::before { display: none; }
body[data-theme="space"] .quote-author { font-family: 'Space Mono', monospace; opacity: 1; color: #7d8bb5; }

body[data-theme="space"] .card,
body[data-theme="space"] .quest-card,
body[data-theme="space"] .chart-container,
body[data-theme="space"] .profile-card,
body[data-theme="space"] .stat-card,
body[data-theme="space"] .badge-tile,
body[data-theme="space"] .badge-summary { background: #232b47; border: 1px solid #313c60; }

body[data-theme="space"] .progress-section { background: #232b47; border: 1px solid #313c60; border-radius: 16px; padding: 14px; }
body[data-theme="space"] .progress-ring-bg { stroke: #313c60; }
body[data-theme="space"] .progress-ring-fill { stroke: #5aa9ff; }
body[data-theme="space"] .progress-center { color: #5aa9ff; }

body[data-theme="space"] .quest-card h3 { font-family: 'ZCOOL KuaiLe', cursive; }
body[data-theme="space"] .quest-row { background: #232b47; border: 1px solid #313c60; }
body[data-theme="space"] .quest-row.done { background: #26331c; }
body[data-theme="space"] .quest-check { border-color: #34538a; border-radius: 6px; }
body[data-theme="space"] .quest-row.done .quest-check { background: #b6ff5a; border-color: #b6ff5a; color: #1b2138; }
body[data-theme="space"] .quest-reward { font-family: 'Space Mono', monospace; color: #5aa9ff; }

body[data-theme="space"] .entry-number { background: #2a3759; color: #5aa9ff; border-radius: 6px; }
body[data-theme="space"] .entry-number.filled { background: #b6ff5a; color: #1b2138; }
body[data-theme="space"] .entry-add-btn { border-color: #34406a; color: #7d8bb5; }

body[data-theme="space"] .save-btn,
body[data-theme="space"] .auth-btn,
body[data-theme="space"] .modal-btn,
body[data-theme="space"] .dream-add-btn { background: linear-gradient(90deg, #5aa9ff, #4f8fe6); color: #fff; font-family: 'ZCOOL KuaiLe', cursive; box-shadow: 0 6px 18px rgba(90, 169, 255, 0.4); }
body[data-theme="space"] .share-action { background: transparent !important; color: #b6ff5a; border: 1px solid #b6ff5a; box-shadow: none; font-family: 'Space Mono', monospace; letter-spacing: .06em; }

body[data-theme="space"] .tab-bar { background: #161c30; border-top: 1px solid #2c3656; }
body[data-theme="space"] .tab-item { color: #5a648c; }
body[data-theme="space"] .tab-item.active { color: #5aa9ff; }
body[data-theme="space"] .theme-tile .label { background: rgba(234, 240, 255, 0.92); color: #1b2138; }

body[data-theme="space"] .jar-card { background: linear-gradient(145deg, #232b47, #2f6fd6); border: 1px solid #34538a; }
body[data-theme="space"] .stat-value { color: #5aa9ff; font-family: 'Space Mono', monospace; }
body[data-theme="space"] .modal { background: #232b47; }
body[data-theme="space"] .modal-handle { background: #313c60; }

/* ============ SHARE CARD ============ */
body[data-theme="space"] .share-card {
  background-color: #1b2138; color: #eaf0ff; font-family: 'Noto Sans SC', sans-serif;
  background-image:
    radial-gradient(1.4px 1.4px at 30px 40px, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(1.4px 1.4px at 200px 90px, rgba(255, 255, 255, 0.35), transparent),
    radial-gradient(1.4px 1.4px at 320px 50px, rgba(182, 255, 90, 0.5), transparent),
    radial-gradient(1.4px 1.4px at 120px 150px, rgba(255, 255, 255, 0.3), transparent),
    radial-gradient(1.4px 1.4px at 280px 200px, rgba(90, 169, 255, 0.5), transparent);
  border: 1px solid #2c3656;
}
body[data-theme="space"] .share-card-header h2 { font-family: 'ZCOOL KuaiLe', cursive; color: #fff; font-weight: 400; }
body[data-theme="space"] .share-card-header p { font-family: 'Space Mono', monospace; color: #5aa9ff; opacity: 1; }

body[data-theme="space"] .share-card-stats { gap: 9px; }
body[data-theme="space"] .share-card-stat { flex: 1; background: #232b47; border: 1px solid #313c60; border-radius: 12px; padding: 12px 6px; }
body[data-theme="space"] .share-card-stat .val { font-family: 'Space Mono', monospace; color: #5aa9ff; }
body[data-theme="space"] .share-card-stat:nth-child(3) .val { color: #b6ff5a; }
body[data-theme="space"] .share-card-stat .lbl { color: #7d8bb5; opacity: 1; }

body[data-theme="space"] .share-card-entries { background: transparent; padding: 0; backdrop-filter: none; }
body[data-theme="space"] .share-card-entry { background: #222a45; border-radius: 12px; padding: 11px 13px; margin-bottom: 8px; align-items: center; }
body[data-theme="space"] .share-card-entry + .share-card-entry { border-top: none; }
body[data-theme="space"] .share-card-num { background: #b6ff5a; color: #1b2138; border-radius: 6px; font-weight: 700; }
body[data-theme="space"] .share-card-tag { background: transparent; color: #5aa9ff; border: 1px solid #34538a; border-radius: 6px; font-family: 'Space Mono', monospace; padding: 2px 7px; }

body[data-theme="space"] .share-card-qr { background: #222a45; border: 1px solid #313c60; border-radius: 14px; }
body[data-theme="space"] .share-qr-label { font-family: 'Space Mono', monospace; color: #b6ff5a; }
body[data-theme="space"] .share-qr-url { color: #aeb9dd; opacity: 1; }
body[data-theme="space"] .share-card-footer { font-family: 'Space Mono', monospace; }
body[data-theme="space"] .share-card-footer .streak { color: #b6ff5a; }
body[data-theme="space"] .share-card-footer .brand { color: #7d8bb5; opacity: 1; }