/* === 我們做什麼：進場 + 滑鼠互動 === */
.what-card{
  opacity: 0;
  transform: translateY(14px) scale(.98);
  transition: all .35s cubic-bezier(.2,.8,.2,1);
}
.what-card.in-view{
  opacity: 1;
  transform: translateY(0) scale(1);
}
.what-card:hover{
  transform: translateY(-4px) scale(1.015);
  box-shadow: 0 12px 32px rgba(2,6,23,.12);
}
.what-card img{
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.what-card:hover img{
  transform: translateY(-6px);
}

/* 無障礙：使用者關閉動態時停用動畫 */
@media (prefers-reduced-motion: reduce){
  .what-card,.what-card:hover{
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
  }
}

/* Logo 橫向 360° 自動旋轉 */
.site-logo {
  display: inline-block;
  animation: spin-x 6s linear infinite; /* 6 秒一圈 */
  transform-style: preserve-3d;
  perspective: 1000px; /* 讓 3D 效果更明顯 */
}