/* 老门轴品牌 Logo：适配 Quark2 的浅色/深色主题 */
.navbar-brand svg{width:122px!important;height:28px!important;display:block!important;color:var(--q2-text-strong)!important;overflow:visible}
.navbar-brand svg path{fill:none!important;stroke:currentColor!important}
.navbar-brand svg circle,.navbar-brand svg text{fill:currentColor!important;stroke:none!important}
.mobile-logo .navbar-brand svg{width:150px!important;height:auto!important}
.mermaid-diagram {
  width: 100%;
  margin: 2rem 0;
  padding: 1rem;
  overflow-x: auto;
  border: 1px solid color-mix(in srgb, var(--q2-accent, #6366f1) 22%, transparent);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 8% 8%, rgba(99, 102, 241, 0.09), transparent 34%),
    radial-gradient(circle at 92% 90%, rgba(20, 184, 166, 0.08), transparent 32%),
    var(--q2-surface, rgba(127, 127, 127, 0.025));
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.07);
  text-align: center;
}

.mermaid-diagram svg {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.mermaid-diagram .node rect,
.mermaid-diagram .node polygon,
.mermaid-diagram .node circle,
.mermaid-diagram .node ellipse {
  filter: drop-shadow(0 4px 7px rgba(15, 23, 42, 0.11));
  stroke-width: 1.5px !important;
}

.mermaid-diagram .cluster rect {
  rx: 12px;
  ry: 12px;
  stroke-dasharray: 5 4;
}

.mermaid-diagram .edgePath path,
.mermaid-diagram .flowchart-link {
  stroke-width: 1.7px !important;
}

.mermaid-diagram .edgeLabel,
.mermaid-diagram .labelBkg {
  border-radius: 0.35rem;
}

:root[data-theme='dark'] .mermaid-diagram {
  background:
    radial-gradient(circle at 8% 8%, rgba(129, 140, 248, 0.13), transparent 34%),
    radial-gradient(circle at 92% 90%, rgba(45, 212, 191, 0.1), transparent 32%),
    #111827;
  border-color: rgba(129, 140, 248, 0.24);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.26);
}

.mermaid-render-error {
  text-align: left;
}

@media (max-width: 767px) {
  .mermaid-diagram {
    margin-inline: 0;
    padding: 0.75rem;
  }

  .mermaid-diagram svg {
    width: auto;
    min-width: 40rem;
    max-width: none;
  }
}