.hero svg {
      opacity: 0;
      animation: fadeIn 0.8s ease forwards;
      animation-delay: 0.5s;
      }

      @keyframes fadeIn {
      to {
        opacity: 1;
      }
      }
    /* ===== 警示框：跳出 ===== */
    .hero svg > g:nth-of-type(4) > g {
      opacity: 0;
      transform: scale(.6);
      transform-box: fill-box;
      transform-origin: center;
      animation: pop 0.6s forwards;
    }

    .hero svg > g:nth-of-type(4) > g:nth-child(1) { animation-delay: .2s; }
    .hero svg > g:nth-of-type(4) > g:nth-child(2) { animation-delay: .4s; }
    .hero svg > g:nth-of-type(4) > g:nth-child(3) { animation-delay: .6s; }
    .hero svg > g:nth-of-type(4) > g:nth-child(4) { animation-delay: .8s; }
    .hero svg > g:nth-of-type(4) > g:nth-child(5) { animation-delay: 1s; }

    @keyframes pop {
      0% {
        opacity: 0;
        transform: scale(.6);
      }
      70% {
        opacity: 1;
        transform: scale(1.05);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    /* ===== 閃電：閃爍 ===== */
    .hero svg > polygon:nth-last-of-type(-n+4) {
      animation: flash 1s infinite;
      transform-box: fill-box;
      transform-origin: center;
    }

    .hero svg > polygon:nth-last-of-type(3) { animation-delay: .2s; }
    .hero svg > polygon:nth-last-of-type(2) { animation-delay: .4s; }
    .hero svg > polygon:nth-last-of-type(1) { animation-delay: .6s; }

    @keyframes flash {
      0%, 100% {
        opacity: .2;
        transform: scale(.9);
      }
      50% {
        opacity: 1;
        transform: scale(1.05);
      }
    }

  

    /* ===== 升級版：警示框（跳出 + 浮動） ===== */
    .hero svg > g:nth-of-type(4) > g {
      opacity: 0;
      transform: scale(.6);
      transform-box: fill-box;
      transform-origin: center;
    }

    .hero svg > g:nth-of-type(4) > g:nth-child(1) {
      animation: pop 0.6s .2s forwards, float 2s 1s ease-in-out infinite;
    }
    .hero svg > g:nth-of-type(4) > g:nth-child(2) {
      animation: pop 0.6s .4s forwards, float 2s 1.2s ease-in-out infinite;
    }
    .hero svg > g:nth-of-type(4) > g:nth-child(3) {
      animation: pop 0.6s .6s forwards, float 2s 1.4s ease-in-out infinite;
    }
    .hero svg > g:nth-of-type(4) > g:nth-child(4) {
      animation: pop 0.6s .8s forwards, float 2s 1.6s ease-in-out infinite;
    }
    .hero svg > g:nth-of-type(4) > g:nth-child(5) {
      animation: pop 0.6s 1s forwards, float 2s 1.8s ease-in-out infinite;
    }

    @keyframes pop {
      0% {
        opacity: 0;
        transform: scale(.6);
      }
      70% {
        opacity: 1;
        transform: scale(1.05);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes float {
      0%, 100% {
        transform: translateY(0) scale(1);
      }
      50% {
        transform: translateY(-8px) scale(1);
      }
    }

    /* ===== 升級版：閃電（更有感） ===== */
    .hero svg > polygon:nth-last-of-type(-n+4) {
      animation: flash 1s infinite;
      transform-box: fill-box;
      transform-origin: center;
    }

    .hero svg > polygon:nth-last-of-type(3) { animation-delay: .2s; }
    .hero svg > polygon:nth-last-of-type(2) { animation-delay: .4s; }
    .hero svg > polygon:nth-last-of-type(1) { animation-delay: .6s; }

    @keyframes flash {
      0%, 100% {
        opacity: .15;
        transform: scale(.9);
      }
      50% {
        opacity: 1;
        transform: scale(1.08);
      }
    }