/* 原官網代表性的亮青藍科技漸層背景 */
.hero-bg-cyan {
    background: linear-gradient(135deg, #05b4cc 0%, #0294ab 40%, #00778c 100%);
    position: relative;
}

/* 點陣格線紋理 */
.wave-grid-light {
    position: absolute;
    inset: 0;
    background-size: 32px 32px;
    background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    pointer-events: none;
}

/* 亮色毛玻璃卡片：半透白底，完美融合青藍背景並提高可讀性 */
.glass-card-light {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 32px -4px rgba(0, 52, 70, 0.22);
}

.glass-card-light:hover {
    box-shadow: 0 18px 40px -4px rgba(0, 52, 70, 0.3);
    border-color: #ffffff;
}

.glass-card-sub {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.7);
}

/* 科技感旋轉雷達環 */
@keyframes spinSlow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spinReverseSlow {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

/* 核心資安盾牌浮動呼吸感 */
@keyframes shieldFloat {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-4px) scale(1.02); }
}

/* 語音波束動態上下跳動 (呼應賽微語音核心) */
@keyframes wavePulse {
  0%, 100% { transform: scaleY(0.4); opacity: 0.6; }
  50% { transform: scaleY(1.1); opacity: 1; }
}

.anim-spin-cw {
  transform-origin: center;
  animation: spinSlow 20s linear infinite;
}

.anim-spin-ccw {
  transform-origin: center;
  animation: spinReverseSlow 14s linear infinite;
}

.anim-shield {
  animation: shieldFloat 4s ease-in-out infinite;
}

.anim-wave-1 { animation: wavePulse 1.4s ease-in-out infinite; transform-origin: bottom; }
.anim-wave-2 { animation: wavePulse 1.2s ease-in-out 0.2s infinite; transform-origin: bottom; }
.anim-wave-3 { animation: wavePulse 1.5s ease-in-out 0.4s infinite; transform-origin: bottom; }
.anim-wave-4 { animation: wavePulse 1.1s ease-in-out 0.1s infinite; transform-origin: bottom; }