/**
 * 康礼学校母版主题：依赖 md2card-pro-theme.css；背景图为 themes/school/*.png（预览走 HTTP；Playwright 导出时替换为 data URL）。
 *
 * 仅作用于 .pro-card--school，不影响 Pro 与其它主题。
 * 背景清晰度：尽量使用足够分辨率的母版 PNG；导出 PNG/栅格 PPT 时「清晰度」选 2×。
 */

.pro-card.pro-card--school {
  /* 顶距：在避让 logo 的前提下略收紧，让正文起始稍上移（可按母版再调） */
  --school-safe-top: 218px;
  --school-safe-top-rest: 248px;

  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #1e1b4b;
}

.pro-card.pro-card--school .pro-card__top {
  display: none !important;
}

.pro-card.pro-card--school .pro-card__body {
  padding: calc(var(--pro-space) * 5) calc(var(--pro-space) * 5)
    calc(var(--pro-space) * 6) !important;
  padding-top: calc(var(--pro-space) * 10) !important;
  padding-right: calc(var(--pro-space) * 8) !important;
  max-width: 72%;
}

/* 背景 2：避让左上 logo */
.pro-card.pro-card--school[data-school-bg="p2"] .pro-card__body {
  padding-top: var(--school-safe-top) !important;
}

/* 背景 3 及以后：母版顶区更高，避免标题与 logo 抢位 */
.pro-card.pro-card--school[data-school-bg="rest"] .pro-card__body {
  padding-top: var(--school-safe-top-rest) !important;
}

/* 首页：整卡纵向 flex；仅展示第一个块级节点（通常为 # 标题），并在版心区水平垂直居中 */
.pro-card.pro-card--school[data-school-bg="cover"] {
  container-type: size;
  container-name: school-cover;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-image: url("themes/school/bg-cover.png");
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 100%;
  max-width: min(92%, 1680px);
  margin-left: auto !important;
  margin-right: auto !important;
  color: #f8fafc;
  padding-top: var(--school-safe-top) !important;
  padding-left: calc(var(--pro-space) * 5) !important;
  padding-right: calc(var(--pro-space) * 8) !important;
  padding-bottom: calc(var(--pro-space) * 6) !important;
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

/* 首页：隐藏第一个块之后的所有兄弟（Markdown 首行放标题即可） */
.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content.md-render > * ~ * {
  display: none !important;
}

/* 首页标题：足够大、严格水平居中（覆盖 Pro 主题对 h1 的左对齐与外边距） */
.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content.md-render > :first-child {
  width: 100%;
  max-width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: 0.02em;
  font-size: clamp(2.25rem, 3.6cqw, 4.25rem) !important;
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content.md-render > h1:first-child,
.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content.md-render > h2:first-child {
  font-size: clamp(2.75rem, 4.2cqw, 5rem) !important;
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content,
.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content h1,
.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content h2,
.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content h3 {
  color: #f8fafc;
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content h3 {
  color: #e0e7ff;
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content.md-render a {
  color: #c7d2fe;
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content.md-render code {
  background: rgba(255, 255, 255, 0.15);
  color: #f1f5f9;
}

.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__foot {
  flex-shrink: 0;
}

.pro-card.pro-card--school .pro-card__foot {
  background: rgba(255, 255, 255, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(248, 250, 252, 0.9);
}

.pro-card.pro-card--school[data-school-bg="p2"] .pro-card__foot,
.pro-card.pro-card--school[data-school-bg="rest"] .pro-card__foot {
  background: rgba(107, 66, 127, 0.08) !important;
  border-top: 1px solid rgba(107, 66, 127, 0.15);
  color: #5b21b6;
}

.pro-card.pro-card--school[data-school-bg="p2"] {
  background-image: url("themes/school/bg-slide2.png");
}

.pro-card.pro-card--school[data-school-bg="rest"] {
  background-image: url("themes/school/bg-rest.png");
}

.pro-card.pro-card--school[data-school-bg="p2"] .pro-card__content,
.pro-card.pro-card--school[data-school-bg="rest"] .pro-card__content {
  color: #312e81;
}

.pro-card.pro-card--school[data-school-bg="p2"] .pro-card__content h3,
.pro-card.pro-card--school[data-school-bg="rest"] .pro-card__content h3 {
  color: #5b21b6;
}

/*
 * Playwright 固定画布：内联的 _fixed_canvas_css_block 对 .pro-card__body 的 padding
 * 选择器更具体，会压过本文件上一段；此处用 body...pro-card--school 提高优先级，仅康礼导出生效。
 */
body.pro-export.pro-export--fixed article.pro-card.pro-card--school .pro-card__body {
  padding: calc(var(--pro-space) * 5) calc(var(--pro-space) * 5)
    calc(var(--pro-space) * 6) !important;
  padding-top: calc(var(--pro-space) * 10) !important;
  padding-right: calc(var(--pro-space) * 8) !important;
}

body.pro-export.pro-export--fixed article.pro-card.pro-card--school[data-school-bg="p2"] .pro-card__body {
  padding-top: var(--school-safe-top) !important;
}

body.pro-export.pro-export--fixed article.pro-card.pro-card--school[data-school-bg="rest"] .pro-card__body {
  padding-top: var(--school-safe-top-rest) !important;
}

body.pro-export.pro-export--fixed article.pro-card.pro-card--school[data-school-bg="cover"] {
  container-type: size !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}

body.pro-export.pro-export--fixed article.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: center !important;
  width: 100% !important;
  max-width: min(92%, 1680px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #f8fafc !important;
  padding-top: var(--school-safe-top) !important;
  padding-left: calc(var(--pro-space) * 5) !important;
  padding-right: calc(var(--pro-space) * 8) !important;
  padding-bottom: calc(var(--pro-space) * 6) !important;
}

body.pro-export.pro-export--fixed article.pro-card.pro-card--school[data-school-bg="cover"] .pro-card__content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

body.pro-export.pro-export--fixed
  article.pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__content.md-render
  > * ~ * {
  display: none !important;
}

body.pro-export.pro-export--fixed
  article.pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__foot {
  flex-shrink: 0 !important;
}

body.pro-export.pro-export--fixed
  article.pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__content.md-render
  > :first-child {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: 0.02em !important;
  font-size: clamp(2.25rem, 3.6cqw, 4.25rem) !important;
}

body.pro-export.pro-export--fixed
  article.pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__content.md-render
  > h1:first-child,
body.pro-export.pro-export--fixed
  article.pro-card.pro-card--school[data-school-bg="cover"]
  .pro-card__content.md-render
  > h2:first-child {
  font-size: clamp(2.75rem, 4.2cqw, 5rem) !important;
}
