/* =========================================================
   Liquid Gooey 修复补丁 v2
   修复截图中发现的问题
   ========================================================= */

/* 修复1: 确保所有卡片容器允许hover效果溢出 */
article, .paper-post-nav__prev, .paper-post-nav__next, 
.paper-related__item, .qr-modal-card,
.home article, .archive article, .search article {
  overflow: visible !important;
}

/* 修复2: 确保父容器不裁切子元素的transform */
.paper-post-nav,
.paper-related {
  overflow: visible !important;
}

/* 修复3: main容器不裁切子元素 */
main {
  overflow: visible !important;
}

/* 修复4: 确保按钮的overflow:hidden保留（用于点击波纹效果） */
button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
  overflow: hidden !important;
}

/* 修复5: 搜索框焦点效果增强 */
.ma-search input[type="search"]:focus {
  transform: scale(1.03) !important;
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent-color) 20%, transparent) !important;
}

/* 修复6: 导航链接悬浮效果优化 */
.ma-menu .menu-item > a:hover {
  background: color-mix(in srgb, var(--accent-color) 15%, transparent) !important;
  transform: scale(1.05);
}

/* 修复7: 文章卡片悬浮效果 */
.single article, .page article {
  background: linear-gradient(135deg, var(--main-color) 0%, color-mix(in srgb, var(--main-color) 90%, var(--accent-color)) 100%) !important;
}

/* 修复8: 确保所有液态效果生效 */
@keyframes gooey-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}

/* 修复9: 移动端适配优化 */
@media (max-width: 680px) {
  .paper-post-nav__prev,
  .paper-post-nav__next {
    overflow: visible !important;
  }
}