/* ==========================================================================
   SVG 源码查看（javascripts/svg-source.js 的样式）
   --------------------------------------------------------------------------
   正文中引用的 SVG 图片下方会出现「显示源码 / 复制源码」按钮，
   点击后在图片下方展开一段可滚动、可复制的 SVG 源码。
   ========================================================================== */

.md-typeset .cc-svgsrc-block {
  margin: -8px 0 20px;
}

.md-typeset .cc-svgsrc-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.md-typeset .cc-svgsrc-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid #cdbbe3;
  border-radius: 8px;
  font-family: inherit;
  font-size: .74rem;
  font-weight: 700;
  line-height: 1.4;
  color: #49115e;
  background: #f7f5fb;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
}

.md-typeset .cc-svgsrc-btn:hover {
  color: #fff;
  background: #6d28d9;
  border-color: #6d28d9;
  box-shadow: 0 4px 12px rgba(109, 40, 217, .28);
}

.md-typeset .cc-svgsrc-btn:focus-visible {
  outline: 2px solid #6d28d9;
  outline-offset: 2px;
}

.md-typeset .cc-svgsrc-toggle[aria-expanded="true"] {
  color: #fff;
  background: #49115e;
  border-color: #49115e;
}

/* 复制按钮：弱化样式，展开后才出现 */
.md-typeset .cc-svgsrc-ghost {
  color: #6d28d9;
  background: #fff;
}

.md-typeset .cc-svgsrc-panel {
  display: none;
  margin-top: 10px;
}

.md-typeset .cc-svgsrc-block.open .cc-svgsrc-panel {
  display: block;
}

.md-typeset pre.cc-svgsrc-pre {
  max-height: 460px;
  margin: 0;
  padding: 14px 16px;
  overflow: auto;
  border: 1px solid #e6e0f0;
  border-radius: 12px;
  background: #faf7fd;
  box-shadow: 0 4px 16px rgba(73, 17, 94, .06);
  font-size: .72rem;
  line-height: 1.65;
  white-space: pre;
  tab-size: 2;
}

.md-typeset pre.cc-svgsrc-pre code {
  display: block;
  padding: 0;
  color: #3f3763;
  background: none;
  font-family: var(--md-code-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: inherit;
}

/* 深色模式 */
[data-md-color-scheme="slate"] .md-typeset pre.cc-svgsrc-pre {
  border-color: #3d3355;
  background: #1e1b2e;
  box-shadow: none;
}

[data-md-color-scheme="slate"] .md-typeset pre.cc-svgsrc-pre code {
  color: #d6cfe8;
}

[data-md-color-scheme="slate"] .md-typeset .cc-svgsrc-btn {
  color: #d6cfe8;
  background: #2a2440;
  border-color: #4b3f6b;
}