/* 添加过渡效果 */
#solutionsMenu+div {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    /* 增加上边距，扩大可悬停区域 */
    margin-top: 10px;
    /* 增加padding扩大点击区域 */
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* 鼠标悬停时显示下拉菜单 */
  #solutionsMenu:hover+div,
  #solutionsMenu+div:hover {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    display: block !important;
  }

  /* 箭头动画 */
  #solutionsMenu:hover svg {
    transform: rotate(180deg);
  }

  /* 创建一个伪元素作为悬停缓冲区 */
  #solutionsMenu::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
    z-index: 49;
  }
  /* 分页组件样式 */
  .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .page-item {
    border-radius: 0.375rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
  }

  .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #374151;
    border-width: 1px;
    border-color: #d1d5db;
    border-radius: 0.375rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
  }

  .page-link:hover {
    background-color: #f3f4f6;
    color: #1f2937;
  }

  .page-item.active .page-link {
    background-color: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
  }

  .page-item.active .page-link:hover {
    background-color: #1d4ed8;
    color: #ffffff;
  }

  .page-item.disabled .page-link {
    color: #9ca3af;
    background-color: #f3f4f6;
    border-color: #e5e7eb;
    cursor: not-allowed;
  }

  .page-item.disabled .page-link:hover {
    background-color: #f3f4f6;
    color: #9ca3af;
  }

  .page-link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-offset-width: 2px;
  }