/* 自定义样式 */

/* 自定义主色调 */
:root {
  --md-primary-fg-color: #3f51b5;
  --md-primary-fg-color--light: #7986cb;
  --md-primary-fg-color--dark: #303f9f;
  --md-accent-fg-color: #ff4081;
  --md-accent-fg-color--transparent: rgba(255, 64, 129, 0.1);
}

/* 暗色模式调整 */
[data-md-color-scheme="slate"] {
  --md-hue: 232;
  --md-default-bg-color: hsla(var(--md-hue), 15%, 12%, 1);
  --md-default-fg-color: hsla(var(--md-hue), 75%, 95%, 1);
}

/* 代码块样式优化 */
.md-typeset pre {
  border-radius: 8px;
}

.md-typeset code {
  border-radius: 4px;
  padding: 0.2em 0.4em;
}

/* 提示框样式 */
.md-typeset .admonition {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 表格样式优化 */
.md-typeset table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.md-typeset table th {
  background-color: var(--md-primary-fg-color);
  color: white;
  font-weight: 600;
}

/* 卡片网格样式 */
.md-typeset .grid.cards {
  gap: 1rem;
}

.md-typeset .grid.cards > * {
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.md-typeset .grid.cards > *:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* 标签页样式 */
.md-typeset .tabbed-set {
  border-radius: 8px;
  overflow: hidden;
}

/* 搜索高亮 */
.md-search-result mark {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--md-accent-fg-color);
}

/* 导航栏样式 */
.md-header {
  backdrop-filter: blur(10px);
  background-color: rgba(63, 81, 181, 0.95);
}

[data-md-color-scheme="slate"] .md-header {
  background-color: rgba(48, 63, 159, 0.95);
}

/* 侧边栏样式 */
.md-nav__item .md-nav__link--active {
  font-weight: 600;
  color: var(--md-accent-fg-color);
}

/* 返回顶部按钮 */
.md-top {
  background-color: var(--md-accent-fg-color);
}

.md-top:hover {
  background-color: var(--md-accent-fg-color--dark);
}

/* 页脚样式 */
.md-footer {
  background-color: var(--md-primary-fg-color--dark);
}

/* 数学公式样式 */
.MathJax {
  font-size: 1.1em;
}

/* Mermaid 图表样式 */
.mermaid {
  text-align: center;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--md-primary-fg-color--light);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--md-primary-fg-color);
}

/* 打印样式 */
@media print {
  .md-header,
  .md-footer,
  .md-sidebar,
  .md-tabs {
    display: none !important;
  }
  
  .md-content {
    margin-left: 0 !important;
  }
}