/* ============================================================
   Extra Styles — 动画与交互增强
   ============================================================ */

/* ----- 心跳动画（保留）----- */
@keyframes heart {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.heart {
  animation: heart 1000ms infinite;
}

/* ----- 正文链接：下划线滑入动画（参考 ~/project/site 风格）----- */
.md-typeset a:not(.md-button):not(.md-logo):not(.md-source):not(.md-social__link):not(.md-top):not(.md-tabs__link):not(.md-nav__link):not(.headerlink):not(.md-annotation__index) {
  position: relative;
  color: #64ffda;
  text-decoration: none;
  transition: color 0.25s ease;
}

.md-typeset a:not(.md-button):not(.md-logo):not(.md-source):not(.md-social__link):not(.md-top):not(.md-tabs__link):not(.md-nav__link):not(.headerlink):not(.md-annotation__index)::after {
  content: "";
  position: absolute;
  bottom: -0.04em;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #64ffda;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.md-typeset a:not(.md-button):not(.md-logo):not(.md-source):not(.md-social__link):not(.md-top):not(.md-tabs__link):not(.md-nav__link):not(.headerlink):not(.md-annotation__index):hover::after {
  width: 100%;
}

/* 亮色模式下链接颜色 */
[data-md-color-scheme="default"] .md-typeset a:not(.md-button):not(.md-logo):not(.md-source):not(.md-social__link):not(.md-top):not(.md-tabs__link):not(.md-nav__link):not(.headerlink):not(.md-annotation__index) {
  color: #0a192f;
}

[data-md-color-scheme="default"] .md-typeset a:not(.md-button):not(.md-logo):not(.md-source):not(.md-social__link):not(.md-top):not(.md-tabs__link):not(.md-nav__link):not(.headerlink):not(.md-annotation__index)::after {
  background-color: #0a192f;
}

/* 暗色模式覆盖：确保 Header 永久链接不受影响 */
.md-typeset .headerlink {
  color: var(--md-default-fg-color--lighter);
  opacity: 0;
}

.md-typeset h1:hover .headerlink,
.md-typeset h2:hover .headerlink,
.md-typeset h3:hover .headerlink,
.md-typeset h4:hover .headerlink,
.md-typeset h5:hover .headerlink,
.md-typeset h6:hover .headerlink {
  opacity: 1;
  color: #64ffda;
}