/* ============================================================
   Anti-Slop CSS Override — 去 AI 味美化层
   只改视觉，不改 HTML 结构，不改 JS
   ============================================================ */

/* ── 1. 全局变量覆写 ── */
:root {
  --paper: #fafaf9 !important;
  --paper-2: #f0efed !important;
  --radius: 2px !important;
  --shadow: none !important;
  --line: #ddd !important;
}

/* ── 2. 基础排版 ── */
body {
  line-height: 1.7 !important;
}
h1 { font-size: clamp(26px, 4vw, 42px) !important; }
h2 { font-size: clamp(20px, 2.6vw, 28px) !important; }

/* ── 3. 去掉所有卡片感 ── */
.card, .tool-card, .tl-card, .mod, .q-item, .ai-card,
.ask-box, .steps, .kpi-card, .time-bar,
.lock-card, .btn-ghost, .video-tip {
  box-shadow: none !important;
  border-radius: 2px !important;
  transition: background .15s ease !important;
}

/* 3a. 卡片 hover：去掉 transform，只做微弱背景变化 */
.card:hover, .tool-card:hover, .tl-card:hover, .mod:hover,
.q-item:hover, .ai-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* 3b. 卡片去掉左侧红色竖线 */
.card::before, .tool-card::before {
  display: none !important;
}

/* 3c. 卡片去掉圆角、去掉 padding 过大感 */
.card, .tool-card {
  padding: 28px 26px !important;
  min-height: auto !important;
}

/* ── 4. 首页 cards → border-top 分组 ── */
.cards {
  gap: 0 !important;
  margin-top: 12px !important;
}
.cards > .card {
  border: none !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 28px 4px !important;
}
.cards > .card:hover {
  background: transparent !important;
}

/* ── 5. 按钮 ── */
.go-btn, .ai-btn, .apply-btn, .q-ans,
.lock-card button, .cat-btn, .f-btn,
.time-bar .preset button, .time-bar .preset button.active,
.btn-ghost {
  border-radius: 2px !important;
}
.go-btn:hover, .ai-btn:hover, .apply-btn:hover,
.lock-card button:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* 5a. 按钮 hover：简单 border/background 变化 */
.btn-ghost:hover {
  background: rgba(15,42,74,.06) !important;
}

/* 5b. pill buttons → 改成方形 */
.cat-btn, .f-btn, .chip {
  border-radius: 2px !important;
}

/* ── 6. 表格 / 题目选项 ── */
.q-opts {
  background: transparent !important;
}
.q-opt {
  border-radius: 2px !important;
}
.q-ans.hidden {
  border-radius: 2px !important;
}
.q-ans {
  border-radius: 2px !important;
}

/* ── 7. 事件页面：tl-card ── */
.tl-card {
  border-top: none !important;
  border-left: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 2px !important;
}
.tl-card.j { border-top: 3px solid var(--red) !important; }
.tl-card.g { border-top: 3px solid var(--ok) !important; }
.tl-dot {
  border-radius: 50% !important; /* keep dots round, they're info markers */
}

/* ── 8. Guide 页面 ── */

/* 8a. 两级导航 */
.t-tab {
  border-radius: 2px !important;
}
.t-tab.active {
  background: transparent !important;
  color: var(--navy) !important;
  box-shadow: none !important;
  position: relative !important;
}
.t-tab.active::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 10px !important;
  right: 10px !important;
  height: 2px !important;
  background: var(--red-2) !important;
}

/* tutor-bar 去阴影 */
.tutor-bar {
  box-shadow: none !important;
  background: rgba(250,250,249,.96) !important;
}

/* 8b. merged-sec */
.merged-sec {
  margin-bottom: 32px !important;
}

/* ── 9. Toolbox：卡片 → 列表式 ── */
.tool-grid {
  gap: 0 !important;
}
.tool-card {
  border: none !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 22px 4px !important;
}
.tool-card:last-child {
  border-bottom: none !important;
}

/* ── 10. Quicklink / DB 搜索区 ── */
.search-box input {
  border-radius: 2px !important;
}
.search-box {
  box-shadow: none !important;
}

/* 10a. 数据库项 hover */
.db-item, .db-card, .link-item,
[class*="db-"] a, .links a {
  border-radius: 2px !important;
}

/* ── 11. KB / Exam 输入框 ── */
.ask-box, .search-box input, .ask-row textarea,
.lock-card input {
  border-radius: 2px !important;
}
.ask-row .go-btn {
  border-radius: 2px !important;
}

/* ── 12. Stats KPI ── */
.kpi-card {
  border-radius: 2px !important;
  box-shadow: none !important;
}
.kpi-card::before {
  border-radius: 0 !important;
}
.kpi-card:nth-child(1)::before,
.kpi-card:nth-child(2)::before,
.kpi-card:nth-child(3)::before {
  border-radius: 0 !important;
}
.dash-header .btn-ghost,
.btn-ghost {
  border-radius: 2px !important;
}
.time-bar .preset button,
.time-bar .preset button.active,
.time-bar .date-inputs input[type="date"] {
  border-radius: 2px !important;
}
.time-bar .apply-btn {
  border-radius: 2px !important;
}

/* ── 13. Video 页面 ── */
.player-box {
  border-radius: 2px !important;
}
.v-tag {
  border-radius: 2px !important;
}
.video-tip {
  border-radius: 2px !important;
}

/* ── 14. Quiz / Problems ── */
.q-item {
  border: 1px solid var(--line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.q-ans.hidden, .q-ans {
  border-radius: 2px !important;
}
.f-btn, .f-btn.on {
  border-radius: 2px !important;
}

/* ── 15. Hero 区域 ── */
.hero {
  background: linear-gradient(160deg, #071a30 0%, #0f2f55 55%, #17406e 100%) !important;
  /* keep hero gradient — it's page identity, not card slop */
}
.chip {
  border-radius: 2px !important;
}
.scroll-hint .line {
  border-radius: 0 !important;
}

/* ── 16. Nav ── */
.nav {
  border-radius: 0 !important;
}

/* ── 17. Page head 去掉装饰性圆形 ── */
.page-head::after {
  display: none !important;
}

/* ── 18. Footer ── */
footer {
  border-radius: 0 !important;
}

/* ── 19. Progress bar (guide) ── */
.prog-summary {
  border-radius: 2px !important;
}
.prog-summary .bar {
  border-radius: 2px !important;
}
.prog-summary .bar i {
  border-radius: 2px !important;
}

/* ── 20. Steps bar (exam) ── */
.steps {
  border-radius: 2px !important;
  box-shadow: none !important;
}
.step .s-no {
  border-radius: 50% !important; /* keep step numbers round, they're progress markers */
}

/* ── 21. Lock screen ── */
.lock-card {
  border-radius: 2px !important;
  box-shadow: none !important;
}
.lock-card .logo-icon {
  border-radius: 2px !important;
}

/* ── 22. KB module list ── */
.mod {
  border-radius: 2px !important;
  box-shadow: none !important;
}
.mod .m-head {
  transition: background .1s ease !important;
}

/* ── 23. Graph page ── */
.graph-box, .chart-box, [class*="graph"] {
  border-radius: 2px !important;
  box-shadow: none !important;
}

/* ── 24. Problems page ── */
.p-card, .problem-card, [class*="problem"] {
  border-radius: 2px !important;
  box-shadow: none !important;
}

/* ── 25. Tab panels (guide sub-tabs) ── */
.tab-panel, .t-panel, [class*="panel"] {
  border-radius: 2px !important;
}

/* ── 26. 去掉所有多余 box-shadow (catch-all) ── */
[class*="card"],
[class*="panel"],
[class*="box"],
[class*="bar"],
[class*="item"] {
  box-shadow: none !important;
}

/* 但保留 hover 时极微弱的边框变化（交互反馈） */
.card:hover, .tool-card:hover, .mod:hover {
  border-color: #bbb !important;
}

/* ── 27. Section 间距 ── */
section {
  padding: 44px 0 !important;
}

/* ── 28. 响应式保持 ── */
@media (max-width: 820px) {
  .cards { gap: 0 !important; }
  .cards > .card { padding: 20px 4px !important; }
  .tool-grid { gap: 0 !important; }
  .tool-card { padding: 18px 4px !important; }
}