.alert-emergency {
      position: relative;
      background-color: #dc3545;
      color: white;
      padding: 15px 20px;
      font-size: 1.2vw;
      font-weight: bold;
      text-align: center;
      border-radius: 8px;
      overflow: hidden;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      animation: pulse 2s infinite;
      box-shadow: 0 0 20px rgba(220, 53, 69, 0.6);
    }

    .alert-emergency i {
      margin: 0 10px;
      animation: iconFlash 1s infinite;
      color: #fff700;
    }

    /* Shine effect */
    .alert-emergency::after {
      content: "";
      position: absolute;
      top: 0;
      left: -75%;
      width: 50%;
      height: 100%;
      background: linear-gradient(120deg,
          rgba(255, 255, 255, 0.1) 0%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0.1) 100%);
      transform: skewX(-20deg);
      animation: shine 3s infinite;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.03);
      }

      100% {
        transform: scale(1);
      }
    }

    @keyframes iconFlash {

      0%,
      100% {
        opacity: 1;
        transform: translateY(0);
      }

      50% {
        opacity: 0.5;
        transform: translateY(-5px);
      }
    }

    @keyframes shine {
      0% {
        left: -75%;
      }

      100% {
        left: 125%;
      }
    }

    @container (min-width: 100%) {
      .alert-emergency {
        font-size: 1.5rem;
      }
    }

    /* กล่องสไตล์ลูกเล่น */
    .info-card {
      background: #ffffff;
      border-radius: 15px;
      border: 1px solid #00b3b3;
      padding: 15px;
      box-shadow: 0 6px 15px rgba(0, 128, 128, 0.15);
      transition: all 0.3s ease-in-out;
      position: relative;
      overflow: hidden;
    }

    /* Hover แล้วลอยขึ้น + แสงเปล่ง */
    .info-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 24px rgba(0, 128, 128, 0.3);
      background-color: #f0fefe;
    }

    /* หัวกล่อง */
    .info-header {
      background: linear-gradient(to right, #00b3b3, #009999);
      color: white;
      font-weight: bold;
      padding: 8px 12px;
      border-radius: 10px 10px 0 0;
      margin: -15px -15px 10px -15px;
      font-size: 15px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .info-header i {
      font-size: 16px;
    }

    /* แอนิเมชัน fade in */
    .animate-fade {
      opacity: 0;
      transform: translateY(10px);
      animation: fadeUp 0.8s ease forwards;
      animation-delay: 0.1s;
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }