/* 动画效果 */  
@keyframes fadeInUp {  
  from {  
    opacity: 0;  
    transform: translateY(20px);  
  }  
  to {  
    opacity: 1;  
    transform: translateY(0);  
  }  
}

@keyframes swing {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
  75% {
    transform: rotate(-1deg);
  }
}

.service-card {  
  animation: fadeInUp 0.6s ease-out;  
  transition: transform 0.3s ease;  
}  

.service-card:hover {  
  animation: swing 0.6s ease-in-out;
  transform-origin: center bottom;
}


/* 白色文字描边 */
/* 选择所有显示文本的元素，您可能需要根据实际页面调整选择器 */
.app-name, .service-title, .description {
    color: white !important; /* 设置文字颜色为白色 */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000 !important; /* 通过四个方向的阴影模拟黑色描边 */
}


/* 毛玻璃效果 */
.service-card, .widget {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}