/* ============================================================
   Variant A: 研究院风 (Research Institute Style)
   加载于 style.css 之后，仅覆盖差异项
   ============================================================ */

/* --- 骨架色：纯黑 → 墨蓝 --- */
:root {
  --black: #17213a;
  --gray-900: #17213a;
}

/* --- 暗色模式：保持原有的反色映射（避免覆盖层污染暗色） --- */
[data-theme="dark"] {
  --black: #e8e8ec;
  --gray-900: #f0f0f5;
}

/* --- 字重坡度：600 / 500 / 400 平滑过渡 --- */
.hero h1 { font-weight: 600; }
.stat-number { font-weight: 400; }

/* --- 可点击控件：一律 8px 圆角矩形 --- */
.filter-btn,
.hero-btn,
.firm-toggle-btn,
.modal-website-btn,
.compare-toggle,
.clear-filters-btn,
.modal-nav-btn,
.compare-start-btn,
.compare-clear-btn,
.theme-toggle,
.hero-search,
.search-input,
.timeline-filter-btn,
.timeline-anchor-chip,
.lang-switch,
.lang-btn,
.related-firm-card {
  border-radius: 8px;
}

/* --- 筛选按钮：墨蓝激活态 --- */
.filter-btn {
  font-weight: 400;
  color: var(--gray-500);
}
.filter-btn.active {
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
  font-weight: 500;
}

/* --- 已验证徽章：去绿，中性化 --- */
.verified-badge {
  background: var(--gray-100);
  color: var(--gray-500);
}

/* --- 时间轴类型徽章：4px 圆角矩形 --- */
.timeline-type-badge { border-radius: 4px; }

/* --- 对比栏：容器保持 12px --- */
.compare-bar { border-radius: 12px; }

/* --- 卡片秩序：对比按钮固定右下角，不随内容浮动 --- */
.firm-card {
  display: flex;
  flex-direction: column;
}
.firm-card-footer {
  margin-top: auto;
  padding-top: 14px;
}

/* --- 角落距离统一：箭头与卡片内边距同为 24px --- */
.firm-card-arrow {
  top: 24px;
  right: 24px;
}

/* --- 锚点跳转不被固定导航遮挡 --- */
.section { scroll-margin-top: 84px; }

/* --- 对比按钮底边钉齐：footer 底对齐（融资文案折行时按钮不被顶高） --- */
.firm-card-footer { align-items: flex-end; }

/* --- 时间轴圆点与纵向轴线居中对齐（修正 1px 偏差） --- */
.timeline-dot { left: -30px; }

/* --- 时间轴类型筛选：彩色药丸 → 中性按钮 + 类型色小圆点 --- */
.timeline-filter-btn[data-filter] {
  background: var(--white);
  color: var(--gray-500);
  border: 1px solid var(--gray-200);
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.timeline-filter-btn[data-filter]:not([data-filter="all"])::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.timeline-filter-btn[data-filter="launch"]::before { background: var(--green); }
.timeline-filter-btn[data-filter="funding"]::before { background: #f59e0b; }
.timeline-filter-btn[data-filter="ma"]::before { background: #7c3aed; }
.timeline-filter-btn[data-filter="expansion"]::before { background: #3b82f6; }
.timeline-filter-btn[data-filter="regulatory"]::before { background: #dc2626; }
.timeline-filter-btn[data-filter="hire"]::before { background: #0891b2; }
.timeline-filter-btn.active,
.timeline-filter-btn[data-filter].active {
  background: var(--black) !important;
  color: var(--white) !important;
  border-color: var(--black) !important;
  font-weight: 500;
}
.timeline-filter-btn[data-filter].active::before { background: var(--white); }

/* --- 子标题 icon（研究院风细线图标） --- */
.section-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-icon {
  width: 20px;
  height: 20px;
  color: var(--black);
  flex-shrink: 0;
}

/* --- 共建实践案例模块 --- */
.case-card {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 36px 40px;
}
.case-badge {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: var(--gray-400);
  margin-bottom: 12px;
}
.case-title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 28px;
}
.case-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 40px;
  margin-bottom: 28px;
}
.case-item-num {
  font-size: 12px;
  font-weight: 600;
  color: var(--gray-300);
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}
.case-item-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 8px;
}
.case-item-text {
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--gray-600);
}
.case-note {
  font-size: 13px;
  line-height: 1.8;
  color: var(--gray-500);
  border-top: 1px solid var(--gray-200);
  padding-top: 20px;
}
@media (max-width: 768px) {
  .case-card { padding: 24px; }
  .case-grid { grid-template-columns: 1fr; }
  .case-title { font-size: 20px; }
}

/* --- 案例模块双 logo --- */
.case-title-logos {
  display: flex;
  align-items: center;
  gap: 20px;
}
.case-logo { height: 34px; width: auto; display: block; }
.case-times { color: var(--gray-300); font-size: 22px; font-weight: 300; }
@media (max-width: 768px) {
  .case-logo { height: 26px; }
  .case-title-logos { gap: 12px; }
}