/* ============================================================
   博鲁德 × 麦肯锡 设计层  (theme-mckinsey.css)
   叠加于 style.css 之上，不改动原文件与数据绑定。
   设计纪律：深墨结构色 + 橙唯一强调色 + 衬线大标题
   + 极致留白 + 锐利边角 + 字字珠玑。
   ============================================================ */

:root {
  /* 结构色：麦肯锡式深墨，替代纯黑，更沉稳权威 */
  --ink: #0e1116;
  --ink-2: #16191f;
  --ink-3: #1b1f26;
  --gray-900: #0e1116;
  --gray-800: #1c2026;
  --gray-700: #2e333b;
  --gray-600: #565d66;
  --gray-500: #767d87;
  --gray-400: #9aa1ab;
  --gray-300: #d3d7dd;
  --gray-200: #e6e9ec;
  --gray-100: #f1f3f5;
  --gray-050: #f7f8f9;
  --white: #ffffff;

  /* 强调色：保留博鲁德橙，全站唯一强调色 */
  --brand: #e0792c;
  --brand-ink: #a8531a;
  --brand-btn: #b8570f;
  --brand-btn-hover: #cf6a1e;
  --brand-tint: rgba(224, 121, 44, 0.12);

  /* 衬线标题：麦肯锡权威感第一信号（中文用思源宋体/宋体回退） */
  --font-serif: "Source Han Serif SC", "Noto Serif SC", "Songti SC", Georgia, "Times New Roman", serif;

  /* 锐利边角：去 Apple 圆角，改编辑式克制 */
  --radius: 3px;
  --maxw: 1240px;
}

/* ---------- 衬线大标题 ---------- */
.h-display,
.h-section,
.h-card,
.stat__num,
.flow__step h3,
.case__side h3,
.tax-item__name {
  font-family: var(--font-serif);
  font-weight: 600;
}
.h-display { letter-spacing: -0.02em; line-height: 1.04; }
.h-section { letter-spacing: -0.015em; }
.h-card { letter-spacing: -0.01em; }

/* ---------- 顶部导航：深墨壳（midnight shell） ---------- */
.site-header,
.site-header.is-scrolled {
  background: var(--ink) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
.nav__link { color: rgba(255, 255, 255, 0.72); }
.nav__link:hover,
.nav__link.is-active { color: #fff; }
.nav__link::after { background: var(--brand); }
.nav__toggle span { background: #fff; }
.brand__logo { height: 40px; }
.nav__drawer {
  background: var(--ink);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.nav__drawer a {
  color: rgba(255, 255, 255, 0.78);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.nav__drawer a:hover { color: #fff; }

/* ---------- 首屏：去柔光，留秩序 ---------- */
.hero {
  padding: clamp(44px, 5vw, 76px) 0 clamp(32px, 4vw, 52px);
  border-bottom: 1px solid var(--gray-200);
}
.hero::after { display: none !important; }   /* 去掉 Apple 柔光 */
.hero::before { opacity: 0.4; }
.eyebrow { color: var(--brand-ink); }
.rule { background: var(--brand); height: 3px; }
.hero__card {
  border: 1px solid var(--gray-300);
  box-shadow: none;
  border-radius: var(--radius);
}
.hero__card h3 { font-family: var(--font-serif); }

/* ---------- 区块节奏：更大气的留白 ---------- */
.section { padding: clamp(36px, 4vw, 56px) 0; }
.head { margin-bottom: var(--sp-5); }
.eyebrow { margin-bottom: 10px; }
.flow { margin-top: var(--sp-4); }
.stats { margin-top: var(--sp-4); }
.section--ink { background: var(--ink); }
.section--ink .eyebrow { color: var(--brand); }
.section--gray { background: var(--gray-050); }

/* ---------- 卡片：锐利、白底、橙描边悬停 ---------- */
.card {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  background: #fff;
}
.card:hover {
  border-color: var(--brand);
  transform: translateY(-3px);
  box-shadow: 0 22px 44px -30px rgba(14, 17, 22, 0.4);
}
.card__idx { color: var(--brand-ink); }
.course { border-radius: var(--radius); }
.course:hover { border-color: var(--brand); }
.filter button.is-active { background: var(--ink); border-color: var(--ink); }

/* ---------- 按钮：橙实心 + 锐利 ---------- */
.btn { border-radius: var(--radius); letter-spacing: 0.02em; }
.btn--solid { background: var(--brand-btn); border-color: var(--brand-btn); }
.btn--solid:hover { background: var(--brand-btn-hover); border-color: var(--brand-btn-hover); }
.btn--ghost { border-color: var(--gray-300); }
.btn--ghost:hover { border-color: var(--ink); background: var(--ink); }

/* ---------- 强调色统一为橙（麦肯锡：单一强调色点亮关键点） ---------- */
.checklist li::before { background: var(--brand); }
.flow__step::before { background: var(--brand); }
.quote { border-left: 2px solid var(--brand); }
.case__metric b { color: var(--brand-btn); }
.link-arrow { border-color: var(--gray-300); }
.link-arrow:hover { border-color: var(--ink); }

/* ---------- 页脚：深墨，结构化 ---------- */
.site-footer { background: var(--ink); color: rgba(255, 255, 255, 0.62); }
.footer-col h4 { color: #fff; }
.footer-col a { color: rgba(255, 255, 255, 0.62); }
.footer-col a:hover { color: #fff; }
.footer-about { color: rgba(255, 255, 255, 0.62) !important; }
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.45);
}

/* ---------- 客户见证：衬线引号更显分量 ---------- */
.quote blockquote { font-size: 20px; }

/* ---------- 行业洞察卡（麦肯锡 INSIGHTS 旗舰构件） ---------- */
.insight {
  display: flex;
  flex-direction: column;
  background: var(--ink-2);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.25s ease, transform 0.25s ease;
}
.insight:hover { border-color: var(--brand); transform: translateY(-3px); }
.insight__media {
  height: 132px;
  background: var(--ink-3);
  display: flex;
  align-items: flex-end;
  padding: 14px;
}
.insight__cat {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brand);
  font-weight: 600;
}
.insight__body {
  padding: 18px 18px 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.insight__title {
  font-family: var(--font-serif);
  font-size: 19px;
  line-height: 1.4;
  font-weight: 600;
  color: #fff;
  margin: 0 0 10px;
}
.insight__excerpt {
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 14px;
  flex: 1;
}
.insight__more { font-size: 13px; color: var(--brand); font-weight: 500; }

/* ---------- AI 客服输入框圆角统一 ---------- */
.ai-input input,
.ai-input button { border-radius: 6px !important; }

/* ---------- 形式分类卡（培训形式 / 咨询形式） ---------- */
.format-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 28px 26px 30px;
  transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.format-card:hover {
  border-color: var(--brand);
  transform: translateY(-3px);
  box-shadow: 0 22px 44px -30px rgba(14, 17, 22, 0.42);
}
.format-card__no {
  font-family: var(--font-serif);
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  color: var(--brand);
}
.format-card__name {
  font-family: var(--font-serif);
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--ink);
  margin: 10px 0 8px;
}
.format-card__desc {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--gray-700);
  margin: 0 0 16px;
}
.format-card__points {
  list-style: none;
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--gray-200);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.format-card__points li {
  position: relative;
  padding-left: 18px;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--gray-600);
}
.format-card__points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: var(--brand);
  border-radius: 50%;
}
/* 暗色区（section--ink）内的形式卡：白底浮起 */
.section--ink .format-card {
  background: var(--ink-2);
  border-color: rgba(255, 255, 255, 0.1);
}
.section--ink .format-card:hover { border-color: var(--brand); }
.section--ink .format-card__name { color: #fff; }
.section--ink .format-card__desc { color: rgba(255, 255, 255, 0.62); }
.section--ink .format-card__points { border-top-color: rgba(255, 255, 255, 0.12); }
.section--ink .format-card__points li { color: rgba(255, 255, 255, 0.6); }

/* ================= 行业解决方案（#industries，2026-10-07 新增） ================= */
.industry {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-top: 3px solid var(--brand);
  border-radius: var(--radius);
  padding: 28px 26px 24px;
  transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.industry:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 44px -30px rgba(14, 17, 22, 0.42);
}
.industry__head { display: flex; align-items: baseline; gap: 12px; }
.industry__no {
  font-family: var(--font-serif);
  font-size: 15px;
  font-weight: 600;
  color: var(--brand);
  letter-spacing: 0.06em;
}
.industry__name {
  font-family: var(--font-serif);
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--ink);
  margin: 0;
}
.industry__insight {
  margin: 16px 0 0;
  padding-left: 14px;
  border-left: 2px solid var(--brand);
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--gray-700);
}
.industry__block {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
}
.industry__label {
  display: block;
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--gray-500);
  margin-bottom: 10px;
}
.industry__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.industry__list li {
  position: relative;
  padding-left: 18px;
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--gray-600);
}
.industry__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gray-400);
}
.industry__list--topics li::before { background: var(--brand); }
.industry__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
  font-size: 13px;
  color: var(--gray-600);
}
.industry__block:last-of-type { margin-bottom: 22px; }
.industry__metric b {
  font-family: var(--font-serif);
  font-size: 19px;
  color: var(--ink);
  margin: 0 2px;
}
.industry__evidence { font-size: 12.5px; color: var(--brand-ink); }

.subhead { margin: 60px 0 0; max-width: 760px; }
.subhead__title {
  font-family: var(--font-serif);
  font-size: 23px;
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 8px;
}
.subhead__lead { margin: 0; font-size: 14.5px; line-height: 1.8; color: var(--gray-600); }

.special-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 26px;
}
.special-card {
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 24px 22px;
  transition: border-color 0.22s ease, transform 0.22s ease;
}
.special-card:hover { border-color: var(--brand); transform: translateY(-3px); }
.special-card__no {
  font-family: var(--font-serif);
  font-size: 14px;
  font-weight: 600;
  color: var(--brand);
}
.special-card__name {
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 600;
  color: var(--ink);
  margin: 8px 0 14px;
}
.special-card__points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.special-card__points li {
  position: relative;
  padding-left: 16px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--gray-600);
}
.special-card__points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--brand);
}
.special-card__metric {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--gray-200);
  font-size: 12.5px;
  color: var(--gray-500);
}

.cover-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 44px;
  padding: 18px 22px;
  background: var(--gray-050);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
}
.cover-row__label {
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--gray-500);
}
.cover-row__items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.chip {
  display: inline-block;
  padding: 5px 12px;
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: 999px;
  font-size: 12.5px;
  color: var(--gray-600);
}

.industries__note {
  margin: 18px 0 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--gray-500);
}

.ind-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 32px;
  padding: 22px 24px;
  background: var(--ink);
  border-radius: var(--radius);
}
.ind-cta__text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.82);
}
.ind-cta__text strong {
  margin-right: 10px;
  color: #fff;
  font-family: var(--font-serif);
  font-size: 16px;
}

@media (max-width: 1024px) {
  .special-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .special-grid { grid-template-columns: 1fr; }
  .industry { padding: 22px 20px 20px; }
  .ind-cta { padding: 18px 20px; }
}