/*
 * Docsify adaptation of mdmdt-light.css
 * Source theme: cayxc/mdmdt (Apache-2.0)
 * Adapted for Docsify's .sidebar and .markdown-section structure.
 */

:root {
  --bg-color: rgb(250, 250, 252);
  --bg-color2: rgb(236, 236, 238);
  --text-color: #18181b;
  --text-grey: #666;
  --text-code: #2f479f;
  --title-color: #070909;
  --border-color: #d2d2d2;
  --color-1: #3e69d7;
  --color-1-0-a: rgba(62, 105, 215, .15);
  --color-1-0-b: rgba(62, 105, 215, .06);
  --color-2: #f59102;
  --color-3: #03b736;
  --color-4: #8250df;
  --color-5: #e30f2e;
  --theme-color: var(--color-1);
  --font-family: "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
  --font-family-mono: "JetBrains Mono", "Source Code Pro", "Fira Code", Consolas, Monaco, monospace;
}

html,
body,
.content {
  background: var(--bg-color);
  color: var(--text-color);
}

body {
  font-family: var(--font-family);
  letter-spacing: .6px;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg-color2); }
::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; }

.sidebar,
.sidebar-toggle {
  background: var(--bg-color);
  border-color: var(--border-color);
}

.sidebar {
  padding-top: 16px;
}

.sidebar .sidebar-nav > ul > li > p,
.sidebar ul li a {
  color: var(--text-color);
  font-size: 14px;
}

.sidebar ul li a:hover {
  background: var(--bg-color2);
  color: var(--color-1);
}

.sidebar ul li.active > a {
  color: var(--color-1);
  background: var(--color-1-0-b);
  border-right: 3px solid var(--color-1);
  font-weight: 700;
}

.sidebar .app-name-link,
.sidebar .app-name-link:visited {
  color: var(--title-color);
  font-weight: 800;
}

.search { margin-bottom: 10px; padding: 6px 12px; }
.search input {
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  color: var(--text-color);
  font-family: inherit;
}

.markdown-section {
  max-width: 960px;
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: .6px;
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section h5,
.markdown-section h6 {
  color: var(--title-color);
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 32px 0 18px;
}

.markdown-section h1 {
  border-bottom: 1px solid var(--border-color);
  font-size: 32px;
  padding-bottom: 8px;
}
.markdown-section h2 { font-size: 28px; }
.markdown-section h3 { font-size: 24px; }
.markdown-section h4 { font-size: 20px; }
.markdown-section h5 { font-size: 18px; }
.markdown-section h6 { font-size: 16px; }

.markdown-section p { margin: 16px 0; }
.markdown-section strong { color: var(--title-color); font-weight: 800; }
.markdown-section a { color: var(--color-1); font-weight: 600; text-decoration: none; }
.markdown-section a:hover { color: var(--color-4); text-decoration: underline; text-underline-offset: 3px; }
.markdown-section hr { border: 0; border-top: 1px solid var(--border-color); }

.markdown-section blockquote {
  background: var(--color-1-0-b);
  border-left: 4px solid var(--color-1);
  border-radius: 0 6px 6px 0;
  color: var(--text-grey);
  margin: 20px 0;
  padding: 12px 18px;
}
.markdown-section blockquote p { margin: 0; }

.markdown-section code {
  background: var(--color-1-0-b);
  border: 1px solid rgba(62, 105, 215, .12);
  border-radius: 4px;
  color: var(--text-code);
  font-family: var(--font-family-mono);
  font-size: .88em;
  padding: 2px 5px;
}

.markdown-section pre {
  background: #f3f5f9;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 16px;
}
.markdown-section pre code {
  background: transparent;
  border: 0;
  color: var(--text-color);
  padding: 0;
}

.markdown-section table {
  border: 1px solid var(--border-color);
  border-collapse: collapse;
  border-radius: 6px;
  display: table;
  overflow: hidden;
  width: 100%;
}
.markdown-section td,
.markdown-section th { border: 1px solid var(--border-color); padding: 9px 12px; }
.markdown-section th { background: var(--color-1-0-a); color: var(--title-color); }
.markdown-section tr:nth-child(even) { background: var(--bg-color2); }

.markdown-section img { border-radius: 6px; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }
.markdown-section kbd {
  background: var(--bg-color2);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  box-shadow: 0 1px 0 var(--border-color);
  font-family: var(--font-family-mono);
  padding: 2px 5px;
}

.docsify-copy-code-button,
.pagination-item a {
  border-color: var(--border-color) !important;
  color: var(--color-1) !important;
}

/* Keep docsify-copy-code's hover button compact. */
.docsify-copy-code-button {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 10px !important;
  border: 1px solid var(--color-1) !important;
  border-radius: 5px !important;
  background: var(--color-1) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .markdown-section { font-size: 15px; padding: 20px 18px 40px; }
  .markdown-section h1 { font-size: 28px; }
  .markdown-section h2 { font-size: 24px; }
}