.ai-child {
        display: block;
        width: 170px;
        height: 256px;
        overflow: hidden;
        position: fixed;
        left: 50px;
        top: 50px;
z-index: 99999;
      }

      .ai-close {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        height: 20px;
        background-color: #dddddd;
        color: #333;
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 0;
      }

      .ai-child-item {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
      }

      .ai-child-item img {
        width: 100%;
        border: 0;
        display: block;
      }

      .arm {
        transform: rotateZ(0) scale(1) translateY(0) translateX(0);
        opacity: 1;
        transform-origin: center;
        animation: arm-movement 7s ease-in-out infinite;
      }

      @keyframes arm-movement {
        0%,
        60% {
          transform: rotateZ(0) scale(1) translateY(0) translateX(0);
          opacity: 1;
        }

        62% {
          transform: rotateZ(-40deg) scale(1.05) translateY(14px)
            translateX(3px);
          opacity: 1;
        }

        62.1%,
        86% {
          opacity: 0;
        }

        86.1% {
          opacity: 1;
          transform: rotateZ(-40deg) scale(1.05) translateY(14px)
            translateX(3px);
        }
        88.1%,
        100% {
          opacity: 1;
          transform: rotateZ(0) scale(1) translateY(0) translateX(0);
        }
      }

      .armhs {
        transform: rotateZ(25deg) scale(1) translateY(0) translateX(0);
        opacity: 0;
        transform-origin: center;
        animation: armhs-movement 7s linear infinite;
      }

      @keyframes armhs-movement {
        0%,
        62% {
          transform: rotateZ(25deg) scale(1) translateY(0) translateX(0);
          opacity: 0;
        }

        /* 第一次摆动（慢速） */
        62.1% {
          transform: rotateZ(25deg);
          opacity: 1;
          animation-timing-function: ease-in-out; /* 慢速 */
        }
        68% {
          transform: rotateZ(0deg); /* 下摆到底 */
        }
        72% {
          transform: rotateZ(25deg); /* 上摆回位 */
        }

        /* 第二次摆动（快速） */
        74% {
          transform: rotateZ(10deg);
          animation-timing-function: ease-in; /* 快速 */
        }
        76% {
          transform: rotateZ(25deg);
        }

        /* 第三次摆动（快速） */
        78% {
          transform: rotateZ(15deg);
          animation-timing-function: ease-in; /* 快速 */
        }
        82% {
          transform: rotateZ(25deg);
        }

        /* 保持最终状态 */
        86.1% {
          opacity: 1;
          transform: rotateZ(25deg);
        }

        86.2%,
        100% {
          opacity: 0;
          transform: rotateZ(25deg) scale(1) translateY(0) translateX(0);
        }
      }

      /* 默认显示睁眼，隐藏闭眼 */
      .eye-open {
        opacity: 1;
        animation: open-eye 5s infinite;
      }
      .eye-closed {
        opacity: 0;
        animation: closed-eye 5s infinite;
      }

      /* 关键帧：控制两次眨眼 */
      @keyframes open-eye {
        /* 第一次眨眼 */
        0%,
        86% {
          opacity: 1;
        } /* 前4.3秒睁眼 (86%) */
        86.1%,
        90% {
          opacity: 0;
        } /* 闭眼0.2秒 (3.9%≈0.2s) */
        90.1%,
        93% {
          opacity: 1;
        } /* 睁眼0.15秒 (2.9%) */

        /* 第二次眨眼 */
        93.1%,
        97% {
          opacity: 0;
        } /* 闭眼0.2秒 (3.9%≈0.2s) */
        97.1%,
        100% {
          opacity: 1;
        } /* 最后0.15秒睁眼 */
      }

      /* 闭眼元素与睁眼完全相反 */
      @keyframes closed-eye {
        0%,
        86% {
          opacity: 0;
        }
        86.1%,
        90% {
          opacity: 1;
        }
        90.1%,
        93% {
          opacity: 0;
        }
        93.1%,
        97% {
          opacity: 1;
        }
        97.1%,
        100% {
          opacity: 0;
        }
      }