/* ==========================================================================
   Robozi Hub · 深色主题（默认）
   在所有基础样式之后加载：仅覆盖变量与浅色硬编码，不改动浅色表现。
   ========================================================================== */

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e1116;
  --bg-soft: #191e26;
  --ink: #e9ecf1;
  --ink-soft: #aeb6c2;
  --muted: #7f8895;
  --pink: #fb7185;
  --pink-deep: #f43f5e;
  --pink-soft: rgba(244, 63, 94, 0.16);
  --blue: #7d9bff;
  --cyan: #48c6d6;
  --gold: #f2b45f;
  --card: #151a21;
  --line: rgba(255, 255, 255, 0.09);
  --shadow: 0 10px 34px -18px rgba(0, 0, 0, 0.78);
  --shadow-hover: 0 18px 44px -20px rgba(244, 63, 94, 0.42);
}

html[data-theme="dark"] body { background: var(--bg); }

html[data-theme="dark"] body::before {
  background:
    radial-gradient(760px 420px at 12% -6%, rgba(244, 63, 94, 0.13), transparent 62%),
    radial-gradient(680px 420px at 92% 0%, rgba(79, 124, 255, 0.12), transparent 60%),
    linear-gradient(180deg, #0f131a 0%, #0e1116 40%, #0b0e13 100%);
}

/* ---------------------------------------------------------------- 顶栏 */

html[data-theme="dark"] .site-header { background: rgba(14, 17, 22, 0.78); }
html[data-theme="dark"] .site-nav a { color: rgba(233, 236, 241, 0.72); }
html[data-theme="dark"] .site-nav a:hover { color: var(--ink); background: rgba(255, 255, 255, 0.07); }
html[data-theme="dark"] .site-nav a.active { color: var(--pink); background: var(--pink-soft); }

/* ---------------------------------------------------------------- 按钮与输入 */

html[data-theme="dark"] .btn.ghost {
  color: var(--ink-soft);
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.05);
}
html[data-theme="dark"] .btn.ghost:hover {
  color: var(--pink);
  border-color: rgba(244, 63, 94, 0.42);
  background: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .searchbar input,
html[data-theme="dark"] .side-search,
html[data-theme="dark"] .filter-tag:not(.active),
html[data-theme="dark"] .hero-tags span,
html[data-theme="dark"] .profile-links a,
html[data-theme="dark"] .profile-links button,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .ui-field input,
html[data-theme="dark"] .ui-field select,
html[data-theme="dark"] .ui-field textarea,
html[data-theme="dark"] .comment-form textarea,
html[data-theme="dark"] .cw-upload-row input[type="text"],
html[data-theme="dark"] .post-head .tag {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--line);
  color: var(--ink);
}

html[data-theme="dark"] ::placeholder { color: rgba(174, 182, 194, 0.5); }

/* ---------------------------------------------------------------- 弹窗与菜单 */

html[data-theme="dark"] .ui-mask { background: rgba(0, 0, 0, 0.62); }
html[data-theme="dark"] .ui-dialog { background: var(--card); }
html[data-theme="dark"] .user-dropdown {
  background: var(--card);
  box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.75);
}
html[data-theme="dark"] .user-dropdown-item:hover { background: rgba(244, 63, 94, 0.16); }
html[data-theme="dark"] .user-avatar { border-color: rgba(255, 255, 255, 0.2); }

/* ---------------------------------------------------------------- 首页 */

html[data-theme="dark"] .hero-avatar { border-color: var(--card); }
html[data-theme="dark"] .post-card { box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.82); }
html[data-theme="dark"] .post-card.is-skeleton { background: var(--card); }
html[data-theme="dark"] .profile-card img { border-color: var(--card); }
html[data-theme="dark"] .health-score::before { background: var(--card); }
html[data-theme="dark"] .side-card { box-shadow: 0 4px 20px -16px rgba(0, 0, 0, 0.8); }
html[data-theme="dark"] .weather-icon { filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.5)); }

/* 天气卡 8 种渐变在深色下改为深底收尾 */
html[data-theme="dark"] .weather-card[data-weather="sunny"] { background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(251, 191, 36, 0.06) 55%, var(--card)); }
html[data-theme="dark"] .weather-card[data-weather="cloudy"],
html[data-theme="dark"] .weather-card[data-weather="night-cloudy"] { background: linear-gradient(135deg, rgba(100, 116, 139, 0.24), rgba(148, 163, 184, 0.07) 55%, var(--card)); }
html[data-theme="dark"] .weather-card[data-weather="night-clear"] { background: linear-gradient(135deg, rgba(79, 70, 229, 0.26), rgba(139, 92, 246, 0.1) 55%, var(--card)); }
html[data-theme="dark"] .weather-card[data-weather="rainy"] { background: linear-gradient(135deg, rgba(59, 130, 246, 0.24), rgba(34, 211, 238, 0.08) 55%, var(--card)); }
html[data-theme="dark"] .weather-card[data-weather="snowy"] { background: linear-gradient(135deg, rgba(186, 230, 253, 0.2), rgba(224, 242, 254, 0.08) 55%, var(--card)); }
html[data-theme="dark"] .weather-card[data-weather="foggy"] { background: linear-gradient(135deg, rgba(156, 163, 175, 0.24), rgba(209, 213, 219, 0.08) 55%, var(--card)); }
html[data-theme="dark"] .weather-card[data-weather="stormy"] { background: linear-gradient(135deg, rgba(147, 51, 234, 0.26), rgba(99, 102, 241, 0.1) 55%, var(--card)); }

/* ---------------------------------------------------------------- 文章页 */

html[data-theme="dark"] .post-body {
  background: rgba(21, 26, 33, 0.92);
  border-color: var(--line);
  color: var(--ink);
}
html[data-theme="dark"] .post-body code { background: rgba(125, 155, 255, 0.16); color: #b9c4ff; }
html[data-theme="dark"] .post-body tr:nth-child(even) td { background: rgba(255, 255, 255, 0.04); }
html[data-theme="dark"] .post-body th { background: rgba(125, 155, 255, 0.12); }
html[data-theme="dark"] .post-body hr { border-top-color: var(--line); }
html[data-theme="dark"] .post-toc {
  background: rgba(21, 26, 33, 0.88);
  border-color: var(--line);
  box-shadow: 0 16px 40px -30px rgba(0, 0, 0, 0.9);
}
html[data-theme="dark"] .post-comments {
  background: rgba(21, 26, 33, 0.92);
  border-color: var(--line);
}
html[data-theme="dark"] .comment-item { border-bottom-color: rgba(255, 255, 255, 0.09); }

/* ---------------------------------------------------------------- 社区 */

html[data-theme="dark"] .cat-item:hover { background: rgba(255, 255, 255, 0.06); color: var(--ink); }
html[data-theme="dark"] .detail-body,
html[data-theme="dark"] .comment-item {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--line);
}

/* ---------------------------------------------------------------- 通用深色兜底 */
/* 各页面卡片里偶发的纯白块统一压暗，避免深色主题出现刺眼白底 */

html[data-theme="dark"] .announce,
html[data-theme="dark"] .ui-dialog-body,
html[data-theme="dark"] .card-surface,
html[data-theme="dark"] .cw-upload,
html[data-theme="dark"] .cw-list-card {
  background: var(--card);
}

html[data-theme="dark"] .skeleton { background: rgba(255, 255, 255, 0.08); }

/* 编辑器与测评页面的白底控件 */
html[data-theme="dark"] .editor-card,
html[data-theme="dark"] .score-cell { background: var(--card); }
html[data-theme="dark"] .editor-card input,
html[data-theme="dark"] .editor-card textarea,
html[data-theme="dark"] .editor-card select,
html[data-theme="dark"] .blank-input,
html[data-theme="dark"] .subj-textarea {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--line);
  color: var(--ink);
}

html[data-theme="dark"] .toast {
  background: rgba(233, 236, 241, 0.94);
  color: #14181f;
}

/* 浅色主题显式声明，避免系统深色时被误判 */
html[data-theme="light"] { color-scheme: light; }