/* PocketKrKr 文档站自定义样式（MkDocs Material） */

/* 首页 hero：把居中标题变成带氛围渐变的横幅 */
.md-typeset h1 {
  font-weight: 800;
  letter-spacing: -0.4px;
}

[data-md-color-scheme="default"] .md-typeset h1:first-of-type {
  background: linear-gradient(90deg, #3f51b5 0%, #1976d2 45%, #7e57c2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

[data-md-color-scheme="slate"] .md-typeset h1:first-of-type {
  background: linear-gradient(90deg, #7fa8ff 0%, #42a5f5 45%, #b39ddb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 首页特性卡片网格（配合 md_in_html + attr_list 使用） */
.grid.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin: 1em 0;
}
.grid.cards > .admonition,
.grid.cards > .card {
  margin: 0;
}

.md-typeset .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 12px;
  padding: 18px 20px;
  background: var(--md-default-bg-color);
}
.md-typeset .card:hover {
  border-color: var(--md-primary-fg-color);
  transform: translateY(-1px);
  transition: all 0.15s ease;
}
.md-typeset .card > h4 { margin: 0 0 8px; }
.md-typeset .card > p { margin: 0; color: var(--md-default-fg-color--light); font-size: 14px; }

/* 导航小图标间距 */
.md-nav__link svg { margin-right: 2px; }