/* 滚动入场由 AOS 控制，此处补充悬停/点击微交互 */

@media (prefers-reduced-motion: reduce) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .pjyun-hover-lift,
  .el-card,
  .chart-panel,
  .pd-ops-item,
  .product-item,
  .el-button {
    transition: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .el-card,
  .main-card,
  .pd-info-card,
  .pd-resource-card,
  .list-card-container,
  .product-item,
  .finance-card,
  .account-card,
  .ticket-item,
  .news-item {
    transition:
      transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 0.38s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .el-card:hover,
  .main-card:hover,
  .pd-info-card:hover,
  .pd-resource-card:hover,
  .list-card-container:hover,
  .product-item:hover,
  .finance-card:hover,
  .account-card:hover,
  .ticket-item:hover,
  .news-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  }

  .chart-panel {
    transition:
      transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 0.42s cubic-bezier(0.22, 1, 0.36, 1),
      border-color 0.32s ease;
  }

  .chart-panel:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  }

  .pd-ops-item {
    transition:
      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
      background-color 0.28s ease,
      box-shadow 0.34s ease;
  }

  .pd-ops-item:hover {
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
  }

  .pd-ops-item:active {
    transform: translateY(0) scale(0.99);
    transition-duration: 0.12s;
  }

  .el-button {
    transition:
      transform 0.26s cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 0.26s ease,
      background-color 0.22s ease,
      border-color 0.22s ease;
  }

  .el-button:not(.is-disabled):hover {
    transform: translateY(-1px);
  }

  .el-button:not(.is-disabled):active {
    transform: translateY(0) scale(0.98);
    transition-duration: 0.1s;
  }

  .pd-chart-refresh-btn {
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .pd-chart-refresh-btn:hover {
    transform: rotate(180deg);
  }

  .el-table__row {
    transition: background-color 0.22s ease;
  }

  .el-table__body tr:hover > td {
    background-color: rgba(67, 97, 238, 0.04) !important;
  }

  .info-item,
  .pd-flow-stat-row {
    transition: background-color 0.24s ease, transform 0.24s ease;
  }

  .info-item:hover,
  .pd-flow-stat-row:hover {
    transform: translateX(2px);
  }

  .pd-status-dot {
    animation: pjyun-pulse-dot 2.4s ease-in-out infinite;
  }

  @keyframes pjyun-pulse-dot {
    0%,
    100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.72;
      transform: scale(0.92);
    }
  }

  .el-tabs__item {
    transition: color 0.24s ease, transform 0.24s ease;
  }

  .el-tabs__item:hover {
    transform: translateY(-1px);
  }

  .el-progress-circle path {
    transition: stroke-dashoffset 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .el-breadcrumb__inner {
    transition: color 0.22s ease;
  }

  a,
  .link-type {
    transition: color 0.22s ease, opacity 0.22s ease;
  }

  .pagination .el-pager li,
  .pagination .btn-prev,
  .pagination .btn-next {
    transition: transform 0.22s ease, background-color 0.22s ease;
  }

  .pagination .el-pager li:hover,
  .pagination .btn-prev:hover,
  .pagination .btn-next:hover {
    transform: translateY(-1px);
  }
}