/* docs/stylesheets/extra.css */

:root {
  --md-typeset-font-size: 0.82rem;
  --md-primary-fg-color: #3f51b5;
}

/* 🏠 首页布局优化 (v1.0.5) */

/* 彻底清除首页顶部的空白和冗余面包屑 */
[data-md-color-scheme] .md-content > .md-content__inner > nav.md-breadcrumbs,
[data-md-color-scheme] .md-content > .md-content__inner > h1:first-child {
  display: none !important;
}

/* 解决首页顶部由于隐藏标题导致的巨大空位 */
.md-content__inner {
  padding-top: 0 !important;
}

/* 首页 3:1 分栏 */
.grid {
  display: flex;
  gap: 3rem;
  margin-top: 0.5rem;
}

.grid-left {
  flex: 3; /* 75% */
}

.grid-right {
  flex: 1; /* 25% */
  min-width: 220px;
  border-left: 1px solid rgba(0,0,0,0.05);
  padding-left: 1.5rem;
}

/* 🔗 快速链接行样式 - 遵循用户要求：不使用卡片，保持图标+链接 */
.quick-link-row {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
  font-size: 0.85rem;
}

.quick-link-row .twemoji {
  margin-right: 12px;
  font-size: 1.2rem;
  opacity: 1; /* 确保图标清晰 */
}

.quick-link-row a {
  color: #333;
  font-weight: 500;
  text-decoration: underline dotted;
  text-underline-offset: 4px;
}

.quick-link-row a:hover {
  color: var(--md-primary-fg-color);
  text-decoration: underline;
}

/* 🌲 侧边栏：暴力层级缩进 (定点爆破方案) */

/* 强制增加二级菜单缩进 */
.md-nav[data-md-level="1"] > .md-nav__list > .md-nav__item {
  padding-left: 1.2rem !important;
  border-left: 1.5px solid rgba(63, 81, 181, 0.1);
}

/* 强制增加三级菜单缩进 */
.md-nav[data-md-level="2"] > .md-nav__list > .md-nav__item {
  padding-left: 1.2rem !important;
  border-left: 1px solid rgba(0,0,0,0.05);
}

/* 去掉侧边栏每个 Item 的默认 padding，由我们控制缩进 */
.md-nav__item {
  padding-left: 0 !important;
}

/* 每一行的点击区域 */
.md-nav__link {
  padding: 0.4rem 0.5rem !important;
}

/* 首页卡片微调 */
.md-typeset .grid.cards > :is(ul, ol) > li {
  margin-bottom: 1.2rem;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

/* 底部净化 */
.md-footer-meta__inner {
  display: none;
}
.text-center {
  text-align: center;
}