/* 增长罗盘 - 补充样式 */

/* ---- 主题变量(默认暗色;亮色通过 html[data-theme="light"] 切换) ---- */
:root {
  --background: 222 47% 7%;
  --foreground: 213 31% 91%;
  --card: 222 44% 10%;
  --card-2: 222 40% 13%;
  --border: 217 28% 20%;
  --muted: 215 20% 55%;
  --primary: 152 65% 45%;
  --primary-fg: 222 47% 6%;
  --amber: 38 92% 55%;
  --danger: 0 72% 55%;
  --accent: 217 91% 60%;
}
html[data-theme="light"] {
  --background: 210 40% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-2: 210 40% 96%;
  --border: 214 32% 84%;
  --muted: 215 16% 47%;
  --primary: 152 65% 40%;
  --primary-fg: 150 40% 98%;
  --amber: 38 92% 50%;
  --danger: 0 72% 50%;
  --accent: 217 91% 50%;
}

html { scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
::selection { background: hsl(var(--primary) / 0.3); }
input[type="checkbox"] { width: 1rem; height: 1rem; }
optgroup { background: hsl(var(--card)); color: hsl(var(--muted)); }
option { background: hsl(var(--card)); color: hsl(var(--foreground)); }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* 打分表 */
.score-bar { height: 6px; border-radius: 3px; background: hsl(var(--border)); overflow: hidden; }
.score-bar > span { display: block; height: 100%; border-radius: 3px; }
table.data-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
table.data-table th, table.data-table td { padding: 0.5rem 0.75rem; text-align: left; border-bottom: 1px solid hsl(var(--border)); }
table.data-table th { color: hsl(var(--muted)); font-weight: 500; white-space: nowrap; }

/* 顶栏按钮：暗黑模式下调亮,让按钮文字与图标更醒目 */
.topbar-btn { color: hsl(var(--foreground) / 0.78); border-color: hsl(var(--foreground) / 0.18); }
.topbar-btn:hover { color: hsl(var(--foreground)); background: hsl(var(--card-2)); }
.topbar-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 96px; height: 34px; padding-top: 0; padding-bottom: 0; line-height: 1; }
.topbar-btn .theme-icon { font-size: 0.75rem; }
html[data-theme="light"] .topbar-btn { color: hsl(var(--muted)); border-color: hsl(var(--border)); }
html[data-theme="light"] .topbar-btn:hover { color: hsl(var(--foreground)); background: hsl(var(--card-2)); }

/* 首页区块灰度分区:不同区块用不同灰度底色形成层次 */
.zone-a, .zone-b, .zone-c { border: 1px solid hsl(var(--border)); }
.zone-a { background: hsl(223 42% 9%); }
.zone-b { background: hsl(224 40% 12%); }
.zone-c { background: hsl(225 38% 15%); }
html[data-theme="light"] .zone-a { background: hsl(210 36% 96%); }
html[data-theme="light"] .zone-b { background: hsl(210 34% 93%); }
html[data-theme="light"] .zone-c { background: hsl(210 32% 90%); }