/* 1. 彻底移除顶部阴影，改用极细的灰线，像 Notion 一样干净 */
.md-header {
  box-shadow: none;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* 2. 搜索框改为更圆润的胶囊形状，并去掉背景阴影 */
.md-search__inner {
  border-radius: 20px;
  background-color: rgba(0,0,0,0.03);
}

/* 3. 调整面包屑导航的间距，增加“设计感” */
.md-nav__breadcrumbs {
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
}

/* 4. 修改代码块和提示框的圆角，使其更现代 */
.md-typeset pre, 
.md-typeset .admonition {
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.05); /* 给边框加一点点质感 */
}

/* 5. 侧边栏字体微调，主标题加粗，看起来更有层次 */
.md-nav__link--active {
  font-weight: 600;
  color: var(--md-primary-fg-color) !important;
}

/* 现代字体栈，优先使用系统抗锯齿字体 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* 下载按钮组样式 */
.download-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 1.5rem 0;
}

.download-btn {
    display: flex !important;
    align-items: center;
    padding: 12px 20px;
    background-color: rgba(var(--md-primary-fg-color--rgb), 0.05);
    border: 1px solid rgba(var(--md-primary-fg-color--rgb), 0.1);
    border-radius: 8px;
    text-decoration: none !important;
    color: var(--md-typeset-color) !important;
    transition: all 0.2s;
}

.download-btn:hover {
    background-color: var(--md-primary-fg-color);
    color: white !important;
    transform: translateX(5px);
}

.download-btn .twemoji {
    font-size: 1.5rem;
    margin-right: 15px;
}

.download-btn strong {
    font-size: 0.9rem;
    display: block;
}

.download-btn span {
    font-size: 0.7rem;
    opacity: 0.7;
    margin-left: 10px;
}

/* 图片阴影增强，让截图更清晰 */
.md-typeset img {
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.05);
    margin: 1.5rem 0;
}