/* 机考拉项目文档自定义样式 - 匹配 index.html 配色 */

:root {
  /* 主要颜色 - 青色 */
  --md-primary-fg-color: #00d4ff;
  --md-primary-fg-color--light: #33ddff;
  --md-primary-fg-color--dark: #0099cc;

  /* 强调色 - 青色 */
  --md-accent-fg-color: #00d4ff;
  --md-accent-fg-color--transparent: rgba(0, 212, 255, 0.1);

  /* 次要强调色 - 紫色 */
  --md-secondary-color: #9333ea;
}

/* 深色主题自定义 */
[data-md-color-scheme="slate"] {
  /* 背景渐变 - 匹配 index.html */
  --md-default-bg-color: #0a0e27;
  --md-default-bg-color--light: #1a1f3a;
  --md-default-bg-color--lighter: #141932;
  --md-default-bg-color--lightest: #1e233c;

  /* 代码块背景 */
  --md-code-bg-color: rgba(20, 25, 50, 0.8);
  --md-code-fg-color: #e0e6ed;

  /* 文本颜色 */
  --md-default-fg-color: #e0e6ed;
  --md-default-fg-color--light: #b8c5d6;
  --md-default-fg-color--lighter: #94a3b8;
  --md-default-fg-color--lightest: #64748b;

  /* 链接颜色 */
  --md-typeset-a-color: #00d4ff;

  /* 表格颜色 */
  --md-typeset-table-color: rgba(0, 212, 255, 0.1);
}

/* 浅色主题自定义 */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #00d4ff;
  --md-accent-fg-color: #00d4ff;
  --md-typeset-a-color: #0099cc;
}

/* 全局页面背景渐变 */
[data-md-color-scheme="slate"] .md-main {
  background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
}

/* 标题样式 */
[data-md-color-scheme="slate"] .md-typeset h1 {
  background: linear-gradient(135deg, #00d4ff 0%, #9333ea 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 800;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #00d4ff;
  border-bottom: 2px solid rgba(0, 212, 255, 0.3);
  padding-bottom: 0.5rem;
}

[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4 {
  color: #00d4ff;
}

/* 卡片样式 */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background: linear-gradient(135deg, rgba(20, 25, 50, 0.9) 0%, rgba(30, 35, 60, 0.7) 100%);
  border: 1px solid rgba(0, 212, 255, 0.2);
  border-radius: 10px;
  transition: border-color 0.3s, box-shadow 0.3s;
}

[data-md-color-scheme="slate"] .md-typeset .admonition:hover,
[data-md-color-scheme="slate"] .md-typeset details:hover {
  border-color: rgba(0, 212, 255, 0.5);
  box-shadow: 0 10px 30px rgba(0, 212, 255, 0.2);
}

/* 代码块样式 */
[data-md-color-scheme="slate"] .md-typeset pre > code {
  background: linear-gradient(135deg, rgba(20, 25, 50, 0.9) 0%, rgba(30, 35, 60, 0.7) 100%);
  border: 1px solid rgba(0, 212, 255, 0.2);
  border-radius: 8px;
}

/* 行内代码 */
[data-md-color-scheme="slate"] .md-typeset code {
  background: rgba(0, 212, 255, 0.1);
  color: #00d4ff;
  border: 1px solid rgba(0, 212, 255, 0.2);
  border-radius: 4px;
  padding: 0.1em 0.3em;
}

/* 按钮样式 */
[data-md-color-scheme="slate"] .md-button {
  background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
  color: white;
  border-radius: 25px;
  font-weight: 600;
  transition: transform 0.3s, box-shadow 0.3s;
}

[data-md-color-scheme="slate"] .md-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(0, 212, 255, 0.4);
}

/* 导航栏 */
[data-md-color-scheme="slate"] .md-header {
  background: rgba(10, 14, 39, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* 侧边栏 */
[data-md-color-scheme="slate"] .md-sidebar {
  background: rgba(10, 14, 39, 0.7);
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #00d4ff !important;
  font-weight: 700;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #00d4ff;
}

/* 搜索框 */
[data-md-color-scheme="slate"] .md-search__input {
  background: rgba(20, 25, 50, 0.8);
  border: 1px solid rgba(0, 212, 255, 0.2);
  color: #e0e6ed;
}

[data-md-color-scheme="slate"] .md-search__input:focus {
  border-color: #00d4ff;
  box-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
}

/* 表格样式 */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  border: 1px solid rgba(0, 212, 255, 0.2);
  background: rgba(20, 25, 50, 0.5);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
  color: #00d4ff;
  font-weight: 700;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover {
  background: rgba(0, 212, 255, 0.05);
}

/* 标签页 */
[data-md-color-scheme="slate"] .tabbed-set > input:checked + label {
  border-color: #00d4ff;
  color: #00d4ff;
}

/* 任务列表 */
[data-md-color-scheme="slate"] .md-typeset .task-list-indicator::before {
  background-color: rgba(0, 212, 255, 0.2);
  border-color: #00d4ff;
}

[data-md-color-scheme="slate"] .md-typeset [type="checkbox"]:checked + .task-list-indicator::before {
  background-color: #00d4ff;
}

/* 滚动条 */
[data-md-color-scheme="slate"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background: rgba(10, 14, 39, 0.5);
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #00d4ff 0%, #9333ea 100%);
  border-radius: 5px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #33ddff 0%, #a855f7 100%);
}

/* 提示框特殊样式 */
[data-md-color-scheme="slate"] .md-typeset .admonition.note {
  border-color: rgba(0, 212, 255, 0.5);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.warning {
  border-color: rgba(245, 158, 11, 0.5);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.danger {
  border-color: rgba(239, 68, 68, 0.5);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.tip {
  border-color: rgba(147, 51, 234, 0.5);
}

/* 页脚 */
[data-md-color-scheme="slate"] .md-footer {
  background: rgba(10, 14, 39, 0.95);
  border-top: 1px solid rgba(0, 212, 255, 0.2);
  color: #b8c5d6;
}

/* 返回顶部按钮 */
[data-md-color-scheme="slate"] .md-top {
  background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
  box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4);
}

[data-md-color-scheme="slate"] .md-top:hover {
  background: linear-gradient(135deg, #33ddff 0%, #00b8e6 100%);
  box-shadow: 0 6px 20px rgba(0, 212, 255, 0.6);
}

/* 卡片网格布局 */
[data-md-color-scheme="slate"] .grid.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin: 2rem 0;
}

[data-md-color-scheme="slate"] .grid.cards > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-md-color-scheme="slate"] .grid.cards > ul > li {
  background: linear-gradient(135deg, rgba(20, 25, 50, 0.9) 0%, rgba(30, 35, 60, 0.7) 100%);
  border: 1px solid rgba(0, 212, 255, 0.2);
  border-radius: 12px;
  padding: 1.5rem;
  transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
}

[data-md-color-scheme="slate"] .grid.cards > ul > li:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 212, 255, 0.5);
  box-shadow: 0 10px 30px rgba(0, 212, 255, 0.2);
}

[data-md-color-scheme="slate"] .grid.cards > ul > li > p:first-child {
  font-size: 1.3rem;
  font-weight: 700;
  color: #00d4ff;
  margin-bottom: 0.8rem;
}

[data-md-color-scheme="slate"] .grid.cards > ul > li > hr {
  border: none;
  border-top: 1px solid rgba(0, 212, 255, 0.2);
  margin: 1rem 0;
}

/* 成功样式提示框 */
[data-md-color-scheme="slate"] .md-typeset .admonition.success {
  border-color: rgba(0, 212, 255, 0.5);
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(147, 51, 234, 0.1) 100%);
}

/* 警告样式提示框背景 */
[data-md-color-scheme="slate"] .md-typeset .admonition.warning {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(234, 179, 8, 0.1) 100%);
}

/* 提示框标题 */
[data-md-color-scheme="slate"] .md-typeset .admonition-title {
  font-weight: 700;
}

/* Logo 样式 */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));
}