/* ============================================================
   夜间 / 白天主题
   ------------------------------------------------------------
   默认是原有的深色（夜间）主题；点右下角按钮切到浅色（白天）。
   选择存在 localStorage，刷新/换页面都保持。
   ============================================================ */

html[data-theme="light"] {
  --bg: #f6f8fb;
  --bg-2: #eef2f7;
  --panel: #ffffff;
  --panel-2: #f2f5fa;
  --line: #d8e0ea;
  --line-soft: #e6ecf3;
  --text: #1b2430;
  --text-2: #3a4658;
  --text-3: #6b7889;
  --mint: #0e9f6e;
  --blue: #1f6feb;
  --amber: #b7791f;
  --red: #d64545;
  --danger: #d64545;
}

html[data-theme="light"] body {
  color: var(--text);
  background-color: #f6f8fb;
  background-image:
    radial-gradient(900px 420px at 8% -8%, rgba(14, 159, 110, .08), transparent 62%),
    radial-gradient(800px 400px at 96% 2%, rgba(31, 111, 235, .08), transparent 60%),
    linear-gradient(180deg, #f7f9fc 0%, #eef2f7 55%, #f7f9fc 100%);
}

/* 顶栏 / 侧栏 */
html[data-theme="light"] .topbar { background: rgba(255, 255, 255, .92); border-bottom-color: var(--line); }
html[data-theme="light"] .side { background: #eef2f7; border-right-color: var(--line); }
html[data-theme="light"] .side-brand { border-bottom-color: var(--line); }
html[data-theme="light"] .side-nav a:hover { background: #e3e9f2; }
html[data-theme="light"] .side-nav a.on { background: #dbe9ff; color: #14428f; }

/* 卡片 / 面板 / 表格 */
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .kpi,
html[data-theme="light"] .stat,
html[data-theme="light"] .box,
html[data-theme="light"] .rw-card { background: #ffffff; }

html[data-theme="light"] th { background: #f1f5fa !important; color: var(--text-2); }
html[data-theme="light"] tbody tr:hover td { background: #f7fafd; }
html[data-theme="light"] td, html[data-theme="light"] th { border-color: var(--line-soft); }

/* 表单 */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #ffffff;
  color: var(--text);
  border-color: var(--line);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #9aa5b5; }

/* 按钮：主按钮保持绿底白字，次要按钮改成浅底 */
html[data-theme="light"] .primary { color: #ffffff; }
html[data-theme="light"] button:not(.primary):not(.danger),
html[data-theme="light"] .btn:not(.primary):not(.danger) {
  background: #ffffff;
  color: var(--text);
  border-color: var(--line);
}
html[data-theme="light"] .pill.idle { background: #eef2f7; color: #5a6678; }
html[data-theme="light"] .pill.hit { background: #e2f7ee; color: #0b7a55; }
html[data-theme="light"] .pill.miss { background: #fdecec; color: #b02a2a; }

/* 代码 / 等宽数字块 */
html[data-theme="light"] code,
html[data-theme="light"] pre,
html[data-theme="light"] .mono-box { background: #f1f5fa; color: #24303f; }

/* 阴影：深色的黑阴影在浅色下太重，换成淡灰 */
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .rw-card { box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06); }

/* 分享页的雷达图 / 蒸馏词底图：原来是深色块，浅色主题下改成浅底 */
html[data-theme="light"] .hero {
  background:
    radial-gradient(600px 300px at 50% 50%, rgba(14, 159, 110, .07), transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
}
html[data-theme="light"] .hero::after {
  background-image:
    linear-gradient(to right, rgba(15, 23, 42, .05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15, 23, 42, .05) 1px, transparent 1px);
}
html[data-theme="light"] .word-mask {
  background:
    radial-gradient(220px 150px at 12% 8%, rgba(14, 159, 110, .09), transparent 70%),
    radial-gradient(240px 170px at 92% 88%, rgba(31, 111, 235, .08), transparent 72%),
    #f6f9fc;
}

/* 分享页雷达图中间的「大模型」标签、搜索框底 */
html[data-theme="light"] .core-tag {
  background: #ffffff;
  color: var(--text-2);
  border-color: var(--line);
}
html[data-theme="light"] .search-box {
  background: #ffffff;
  color: var(--text-3);
  border-color: var(--line);
}
html[data-theme="light"] .search-box:focus-within {
  border-color: var(--mint);
  box-shadow: 0 0 0 2px rgba(14, 159, 110, .12);
}
html[data-theme="light"] .search-box input { color: var(--text); }
html[data-theme="light"] .search-box input::placeholder { color: #9aa5b5; }

/* 跑词页 / 总后台：内联样式里写死的深色块 */
html[data-theme="light"] .rw-top,
html[data-theme="light"] .master-top { background: rgba(255, 255, 255, .92); }

html[data-theme="light"] .rw-client,
html[data-theme="light"] .rw-pf,
html[data-theme="light"] .rw-seg button,
html[data-theme="light"] .rw-pat,
html[data-theme="light"] .rw-qlist,
html[data-theme="light"] .pill.idle,
html[data-theme="light"] .auth-pill.off {
  background: #ffffff;
  color: var(--text-2);
}

html[data-theme="light"] .rw-client { color: var(--text-2); }
html[data-theme="light"] .rw-pf.on { background: rgba(14, 159, 110, .08); color: var(--text); }
html[data-theme="light"] .rw-pat.on { color: #ffffff; }
html[data-theme="light"] .rw-progress { background: #e6ecf3; }
html[data-theme="light"] .rw-q { border-bottom-color: var(--line-soft); }
html[data-theme="light"] .rw-q:hover { background: #f2f6fb; }

/* 后台侧栏底部的按钮原本是深色块 */
html[data-theme="light"] .side button,
html[data-theme="light"] .side .btn,
html[data-theme="light"] .side a.btn,
html[data-theme="light"] .side-foot a {
  background: #ffffff;
  color: var(--text-2);
  border-color: var(--line);
}
html[data-theme="light"] .side button:hover,
html[data-theme="light"] .side .btn:hover { background: #eef2f7; }
html[data-theme="light"] .side-foot a:hover { background: #eef2f7; color: var(--text); }

/* 切换按钮 */
.theme-toggle {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  transition: transform .15s ease, box-shadow .15s ease;
}
.theme-toggle:hover { transform: translateY(-1px); }
.theme-toggle .icon { font-size: 15px; }