/* 基本樣式 */
       div.fly {
            opacity: 0;
            width: 100px;
            height: 50px;
            background-color: lightblue;
            color: black;
            text-align: center;
            line-height: 50px;
            position: absolute;
            border-radius: 50px;
            top: 25%; /* 固定在螢幕25% */
            transform: translateY(-50%); /* 垂直居中 */
            animation: flyAndFade infinite linear; /* 動畫設定 */
        }
        #answerInput {
            margin: 5px 0;
            padding: 5px;
            width: 200px;
        }
        button {
            margin: 20px 0;
            padding: 5px;
        }
        #feedback {
            margin-top: 10px;
            font-weight: bold;
        }
        .answerzone{
            height: 10vh;
            width: 100vw;
            position: absolute;
            bottom: 45vh;
        }
        #answerInput, #btn, #pg, #h_2{
            position: relative;
        }
        #score, #timer {
            font-size: 18px;
            margin: 10px;
        }
        /* 飛行與漸漸出現與消失動畫 */
        @keyframes flyAndFade {
            0% {
                left: 0vw; /* 從螢幕左邊外開始 */
                opacity: 0; /* 完全不可見 */
            }
            25% {
                opacity: 1; /* 漸漸出現 */
            }
            75% {
                opacity: 1; /* 保持完全可見 */
            }
            100% {
                left: 100vw; /* 飛到螢幕右邊外 */
                opacity: 0; /* 漸漸消失 */
            }
        }