/* =====================================================
   spec-bridge.css
   把 reference/course_system/specs/*.html 的原色调
   重映射到新的蓝色 / 苹方 设计系统。
   加载顺序：在源文件 inline <style> 之后。
   ===================================================== */

/* Override source root tokens to new palette */
:root {
  --text:        #0F172A !important;
  --text-2:      #334155 !important;
  --text-3:      #64748B !important;
  --text-4:      #94A3B8 !important;
  --text-5:      #CBD5E1 !important;
  --bg:          #FFFFFF !important;
  --bg-soft:     #F8FAFC !important;
  --bg-soft-2:   #F1F5F9 !important;
  --border:      #E5E7EB !important;
  --border-strong:#CBD5E1 !important;

  /* 4 capabilities → 全部映射到品牌蓝 */
  --cap-ai:      #2563EB !important;
  --cap-ai-bg:   #EFF5FF !important;
  --cap-meta:    #2563EB !important;
  --cap-meta-bg: #EFF5FF !important;
  --cap-discover:#2563EB !important;
  --cap-discover-bg:#EFF5FF !important;
  --cap-action:  #2563EB !important;
  --cap-action-bg:#EFF5FF !important;

  /* 6 tracks → 全部映射到品牌蓝 */
  --track-create:    #2563EB !important;
  --track-story:     #2563EB !important;
  --track-research:  #2563EB !important;
  --track-business:  #2563EB !important;
  --track-principle: #2563EB !important;
  --track-embodied:  #2563EB !important;

  --accent: #2563EB !important;
}

/* Body font + bg */
body {
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
  font-feature-settings: 'palt' 1;
}

::selection { background: #2563EB; color: #FFFFFF; }

h1, h2, h3, h4, h5 {
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  letter-spacing: -0.01em !important;
  font-weight: 600 !important;
}

/* Reset em — no italic */
em { font-style: normal !important; color: inherit !important; }

/* Spec hero refinement */
.spec-hero {
  border-bottom: 1px solid #E5E7EB !important;
  padding: 40px 40px 40px !important;
}
.spec-hero h1 {
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
.spec-hero .h-sub {
  color: #64748B !important;
  font-size: 16px !important;
}

/* Cards → white background, subtle border */
.positioning-card,
.fit-card,
.week-block,
.lv-card,
.cap-card,
.peda-card,
.donts-applied,
.parent-block,
.theory-table-container,
.mat-card,
.at-card,
.demo-card,
.demo-block,
.timeline-block,
.howto-card,
.train-stage,
.train-note,
.arch-block,
.subcap,
.cp,
.eval-table,
.eval-row,
.t-block,
.t-cell {
  background: #FFFFFF !important;
  border-color: #E5E7EB !important;
}

/* Soft section bg */
.philosophy,
.arch-diagram {
  background: #F8FAFC !important;
  border-color: #E5E7EB !important;
}

/* Section header eyebrow numbers */
.s-num, .w-num {
  color: #2563EB !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  font-family: 'PingFang SC', sans-serif !important;
}

/* CTA / button refresh */
.btn-primary, .h-cta, button.primary {
  background: #2563EB !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
}

/* Breadcrumb */
.breadcrumb {
  font-family: 'PingFang SC', sans-serif !important;
  color: #64748B !important;
  padding-top: 24px !important;
}
.breadcrumb a {
  color: #64748B !important;
  border-bottom-style: solid !important;
  border-bottom-color: transparent !important;
}
.breadcrumb a:hover { color: #2563EB !important; }
.breadcrumb .sep { color: #CBD5E1 !important; }

/* 旧 spec 文件的底部 <footer>纯文本</footer> 已被我的 footer 替换。
   防止某些遗漏：隐藏没有 .site-footer 类的 footer。 */
body > footer:not(.site-footer) {
  display: none !important;
}

/* Pills / tags */
.h-pill, .h-pills span,
.cp, .pill, .tag {
  background: #F8FAFC !important;
  border: 1px solid #E5E7EB !important;
  color: #334155 !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
}

/* Tables */
.theory-table thead th,
table thead th {
  background: #F8FAFC !important;
  color: #334155 !important;
  font-weight: 600 !important;
}
.theory-table tbody tr:hover,
table tbody tr:hover {
  background: #F8FAFC !important;
}

/* Track dots / capability dots — all blue */
.t-dot, .dot, .cap-dot {
  background: #2563EB !important;
}
.cap-dot.cap-ai, .cap-dot.cap-meta, .cap-dot.cap-discover, .cap-dot.cap-action {
  background: #EFF5FF !important;
  color: #2563EB !important;
  border-color: #DBE8FF !important;
}

/* Border-tops on cards: just use light gray, no track color */
.t-block, .at-card, .mat-card, .train-stage {
  border-top: 1px solid #E5E7EB !important;
}

/* Track essence box */
.t-essence, .essence-text {
  color: #334155 !important;
}
.essence-tag {
  background: #EFF5FF !important;
  color: #2563EB !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Phase pills (knowledge / make) */
.phase-make-bg { background: #EFF5FF !important; }
.phase-make { color: #2563EB !important; }
.phase-know-bg { background: #EFF5FF !important; }
.phase-know { color: #2563EB !important; }

/* Spec hero meta pills */
.h-track {
  color: #64748B !important;
}
.h-track .dot {
  background: #2563EB !important;
}

/* Lists & strong */
strong { color: #0F172A !important; font-weight: 600 !important; }
li::marker { color: #94A3B8 !important; }

/* Links in body */
a:not(.btn):not(.site-cta):not(.site-logo) {
  color: #2563EB !important;
}

/* Footer style match */
.site-footer {
  border-top: 1px solid #E5E7EB !important;
  background: #FFFFFF !important;
}

/* =====================================================
   兼容旧版 header / footer markup（19 个 spec 详情页）
   旧 markup 使用 .logo-mark 而不是 SVG，且有 .logo-en。
   ===================================================== */

/* 把 .logo-mark 渲染成一个简单的蓝色品牌点（圆中圆） */
.site-logo .logo-mark {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  position: relative;
  flex-shrink: 0;
}
.site-logo .logo-mark::before,
.site-logo .logo-mark::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.site-logo .logo-mark::before {
  width: 22px;
  height: 22px;
  border: 1.6px solid #2563EB;
}
.site-logo .logo-mark::after {
  width: 9px;
  height: 9px;
  background: #2563EB;
}

/* 隐藏英文副标，新版 header 只显示中文 */
.site-logo .logo-en {
  display: none !important;
}

/* 旧 markup 里 .site-cta 用 <span class="arrow">→</span> 而不是 SVG。
   保持 → 字符的视觉权重，简单微调即可。 */
.site-cta .arrow {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}

/* 旧 markup 里 .site-nav-toggle 用纯文本 "菜单 ≡"。保持可用。 */
.site-nav-toggle {
  font-size: 13px;
}