/* Docsify 主题覆盖 — 对齐 DFAN-Admin */
:root {
  --theme-color: #8b5cf6;
  --el-bg-page: #f2f3f5;
  --el-bg: #fff;
  --el-text: #303133;
  --el-regular: #606266;
  --el-muted: #909399;
  --el-border: #ebeef5;
  --el-radius: 1rem;
}

html, body { background: var(--el-bg-page); }

.sidebar {
  background: var(--el-bg) !important;
  border-right: 1px solid var(--el-border) !important;
  padding-top: 12px;
}
.sidebar .app-name-link {
  font-weight: 700 !important;
  color: var(--el-text) !important;
  font-size: 15px !important;
}
.sidebar ul li a {
  color: var(--el-regular) !important;
  font-size: 13px !important;
  border-radius: 4px;
  margin: 2px 8px;
  padding: 6px 10px !important;
}
.sidebar ul li.active > a,
.sidebar ul li a:hover {
  color: var(--theme-color) !important;
  background: #f5f3ff !important;
  font-weight: 600;
}
.search { margin: 0 12px 12px !important; }
.search input {
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px !important;
  background: var(--el-bg-page) !important;
}

.main { background: var(--el-bg-page); }
.content { padding-top: 24px !important; }
.markdown-section {
  max-width: 920px !important;
  margin: 0 auto 40px !important;
  padding: 28px 32px !important;
  background: var(--el-bg);
  border-radius: var(--el-radius);
  box-shadow: none;
  border: 1px solid var(--el-border);
  color: var(--el-regular);
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.7;
}
.markdown-section h1,
.markdown-section h2,
.markdown-section h3 {
  color: var(--el-text);
  font-weight: 700;
  border-bottom: none;
}
.markdown-section h1 { font-size: 1.6rem; margin-top: 0; }
.markdown-section h2 {
  font-size: 1.2rem;
  margin-top: 1.6rem;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--el-border);
}
.markdown-section a { color: var(--theme-color); }
.markdown-section code {
  background: #f5f3ff;
  color: #7c3aed;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 0.9em;
}
.markdown-section pre {
  background: #1f2937 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
}
.markdown-section pre code { background: transparent; color: #e5e7eb; }
.markdown-section blockquote {
  border-left: 3px solid var(--theme-color);
  background: #f5f3ff;
  color: var(--el-regular);
  margin: 12px 0;
  padding: 10px 14px;
  border-radius: 0 6px 6px 0;
}
.table-wrap { overflow-x: auto; margin: 12px 0 20px; border: 1px solid var(--el-border); border-radius: 8px; }
.markdown-section table { display: table; width: 100%; margin: 0; border-collapse: collapse; font-size: 13px; }
.markdown-section table th {
  background: #fafafa;
  color: var(--el-text);
  font-weight: 600;
  padding: 10px 12px;
  border-bottom: 1px solid var(--el-border);
  text-align: left;
}
.markdown-section table td {
  padding: 10px 12px;
  border-bottom: 1px solid #f2f6fc;
  color: var(--el-regular);
  vertical-align: top;
}
.markdown-section table tr:last-child td { border-bottom: 0; }

@media (max-width: 768px) {
  .markdown-section { padding: 18px 16px !important; border-radius: 12px; margin: 0 8px 24px !important; }
}