/* ==========================================================================
   众趣开放平台文档 · 全局视觉系统
   配色来源：众趣官网 https://www.3dnest.cn/
   行动色=珊瑚红，内容色=科技蓝，白底强留白
   ========================================================================== */

:root {
  /* 品牌色板 */
  --zq-red: #ff3c37;
  --zq-red-dark: #e63029;
  --zq-blue: #3797ff;
  --zq-blue-dark: #2d7fe0;
  --zq-blue-light: #75c4fb;
  --zq-violet: #7e92ff;
  --zq-ink: #222431;
  --zq-text: #383a49;
  --zq-muted: #808080;
  --zq-border: #e9eef5;
  --zq-bg: #ffffff;
  --zq-bg-alt: #f6f8fb;
  --zq-bg-soft: #f3f8ff;

  /* 尺度 */
  --zq-radius: 12px;
  --zq-radius-sm: 8px;
  --zq-shadow-sm: 0 2px 8px rgba(34, 36, 49, 0.06);
  --zq-shadow-md: 0 8px 24px rgba(34, 36, 49, 0.10);
  --zq-shadow-lg: 0 16px 40px rgba(34, 36, 49, 0.14);

  /* 接管 Material 主题变量 */
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark: #ffffff;
  --md-primary-bg-color: var(--zq-ink);
  --md-primary-bg-color--light: var(--zq-text);
  --md-accent-fg-color: var(--zq-blue-dark);
  --md-typeset-a-color: var(--zq-blue);
  --md-default-fg-color--light: var(--zq-text);
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--zq-bg);
}

/* 暗色模式：提亮蓝、微调红，卡片用抬升的深色表面提升对比度 */
[data-md-color-scheme="slate"] {
  --zq-blue: #5aa6ff;
  --zq-red: #ff5a55;
  --zq-ink: #eef1f7;
  --zq-text: #c3c9d8;
  --zq-muted: #8b93a7;
  --zq-border: #333b50;
  --zq-bg: #242a3a;       /* 卡片表面（比页面底色更亮，形成层次） */
  --zq-bg-alt: #1b2030;   /* 分区交替背景 */
  --zq-bg-soft: #1f2533;
  --md-primary-fg-color: #1f2230;
  --md-primary-bg-color: #eef1f7;
  --md-typeset-a-color: var(--zq-blue);
  --md-accent-fg-color: var(--zq-blue);
}
/* 暗色下增强分类色块的可见度 */
[data-md-color-scheme="slate"] .zq-ico--blue { background: rgba(90, 166, 255, 0.20); color: #7cb8ff; }
[data-md-color-scheme="slate"] .zq-ico--red { background: rgba(255, 90, 85, 0.20); color: #ff8985; }
[data-md-color-scheme="slate"] .zq-ico--green { background: rgba(34, 187, 124, 0.22); color: #4cd49b; }
[data-md-color-scheme="slate"] .zq-ico--amber { background: rgba(246, 166, 9, 0.24); color: #ffc15a; }

/* 字体 */
:root {
  --md-text-font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
  --md-code-font: "JetBrains Mono", "SFMono-Regular", "Consolas", "Cascadia Code", monospace;
}

/* --------------------------------------------------------------------------
   顶栏：保持白底 + 墨色文字（对齐官网）
   -------------------------------------------------------------------------- */
.md-header {
  color: var(--zq-ink);
  background-color: var(--zq-bg);
  border-bottom: 1px solid var(--zq-border);
  box-shadow: none;
}
.md-header[data-md-state="shadow"],
.md-header--shadow {
  box-shadow: var(--zq-shadow-sm);
}
.md-header__title {
  font-weight: 600;
}
/* Logo 尺寸 */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}
/* 暗色头部：彩色 logo 的深色文字不可见，整体反白处理 */
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  filter: brightness(0) invert(1);
}
[data-md-color-scheme="slate"] .md-header {
  background-color: #1f2230;
  color: var(--zq-ink);
  border-bottom-color: var(--zq-border);
}

/* 搜索框在白底头部的适配 */
.md-search__form {
  background-color: var(--zq-bg-alt);
  box-shadow: none;
}
.md-search__form:hover {
  background-color: #eef2f8;
}
.md-search__input::placeholder {
  color: var(--zq-muted);
}

/* --------------------------------------------------------------------------
   顶部 Tab 导航
   -------------------------------------------------------------------------- */
.md-tabs {
  background-color: var(--zq-bg);
  color: var(--zq-text);
  border-bottom: 1px solid var(--zq-border);
}
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #1f2230;
}
.md-tabs__link {
  opacity: 0.78;
  font-weight: 500;
}
.md-tabs__link:hover,
.md-tabs__link--active {
  opacity: 1;
  color: var(--zq-ink);
}
.md-tabs__item--active .md-tabs__link {
  position: relative;
}
.md-tabs__item--active .md-tabs__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  border-radius: 3px;
  background: var(--zq-red);
}

/* --------------------------------------------------------------------------
   正文排版
   -------------------------------------------------------------------------- */
.md-typeset {
  color: var(--zq-text);
  font-size: 0.82rem;
  line-height: 1.75;
}
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  color: var(--zq-ink);
  font-weight: 600;
}
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.md-typeset h2 {
  margin-top: 2em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--zq-border);
}
.md-typeset a {
  text-decoration: none;
}
.md-typeset a:hover {
  text-decoration: underline;
}

/* 链接式按钮（.md-button）品牌化 */
.md-typeset .md-button {
  border-radius: 999px;
  border-width: 1px;
  font-weight: 600;
  transition: all 0.2s ease;
}
.md-typeset .md-button--primary {
  background-color: var(--zq-red);
  border-color: var(--zq-red);
  color: #fff;
}
.md-typeset .md-button--primary:hover {
  background-color: var(--zq-red-dark);
  border-color: var(--zq-red-dark);
}

/* --------------------------------------------------------------------------
   代码块：更柔和
   -------------------------------------------------------------------------- */
.md-typeset code {
  border-radius: 6px;
  background-color: var(--zq-bg-soft);
  padding: 0.15em 0.4em;
}
.md-typeset pre > code {
  border-radius: var(--zq-radius-sm);
  padding: 1em 1.1em;
}
.highlight {
  border-radius: var(--zq-radius-sm);
  box-shadow: var(--zq-shadow-sm);
}
[data-md-color-scheme="slate"] .md-typeset code {
  background-color: rgba(255, 255, 255, 0.06);
}

/* --------------------------------------------------------------------------
   表格：条纹 + 圆角，提升参数表可读性
   -------------------------------------------------------------------------- */
.md-typeset table:not([class]) {
  border-radius: var(--zq-radius-sm);
  overflow: hidden;
  box-shadow: var(--zq-shadow-sm);
  border: 1px solid var(--zq-border);
  font-size: 0.78rem;
}
.md-typeset table:not([class]) th {
  background-color: var(--zq-bg-alt);
  color: var(--zq-ink);
  font-weight: 600;
}
.md-typeset table:not([class]) tr:nth-child(2n) {
  background-color: var(--zq-bg-alt);
}
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  border: none;
  border-bottom: 1px solid var(--zq-border);
}

/* --------------------------------------------------------------------------
   提示框 admonition：柔化圆角与配色
   -------------------------------------------------------------------------- */
.md-typeset .admonition,
.md-typeset details {
  border-radius: var(--zq-radius-sm);
  border-width: 0;
  border-left: 4px solid var(--zq-blue);
  box-shadow: var(--zq-shadow-sm);
  font-size: 0.78rem;
}
.md-typeset .admonition.note { border-left-color: var(--zq-blue); }
.md-typeset .admonition.warning { border-left-color: #f6a609; }
.md-typeset .admonition.danger,
.md-typeset .admonition.failure { border-left-color: var(--zq-red); }

/* --------------------------------------------------------------------------
   侧边导航：选中态用品牌蓝
   -------------------------------------------------------------------------- */
.md-nav__link--active,
.md-nav__link:hover {
  color: var(--zq-blue);
}
.md-nav__item .md-nav__link--active {
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   目录分组标题（不可点击的 section）—— 与可跳转项明显区分
   section 标题在 Material 中是 tabindex="" 的 label，不参与跳转
   -------------------------------------------------------------------------- */
.md-nav__item--section > .md-nav__link {
  color: var(--zq-ink);
  font-weight: 700;
  font-size: 0.66rem;
  letter-spacing: 0.04em;
  cursor: default;
  margin-top: 1.1em;
  padding-top: 0.7em;
  border-top: 1px solid var(--zq-border);
  opacity: 1;
}
.md-nav__item--section > .md-nav__link:hover {
  color: var(--zq-ink);
}
/* 标题前的品牌色竖条，强化"分组标题"识别度 */
.md-nav__item--section > .md-nav__link > .md-ellipsis {
  position: relative;
  padding-left: 12px;
  text-transform: uppercase;
}
.md-nav__item--section > .md-nav__link > .md-ellipsis::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 13px;
  border-radius: 2px;
  background: var(--zq-red);
}
/* 顶部第一个分组标题不需要上分隔线 */
.md-nav--primary > .md-nav__list > .md-nav__item--section:first-child > .md-nav__link {
  margin-top: 0.2em;
  border-top: none;
}
/* 可跳转的普通链接：弱化默认态，hover/active 再用品牌蓝，与标题拉开差距 */
.md-nav__item:not(.md-nav__item--section) > a.md-nav__link {
  color: var(--zq-text);
}

/* --------------------------------------------------------------------------
   页脚：避免全宽 footer 在滚动时遮挡左侧固定导航
   Material 默认 footer 横跨整页；侧栏 fixed + navigation.expand 时底部会重叠
   -------------------------------------------------------------------------- */
@media screen and (min-width: 60em) {
  .md-footer-meta {
    margin-left: 12.1rem;
    width: calc(100% - 12.1rem);
  }
}