/* Add v-cloak to prevent flash of unstyled content */
        [v-cloak] {
            display: none !important;
        }
        .bottom-right {
            /* position: fixed; */
            /* bottom: 90px; */
            width: 100%;
            /* è·ç¦»åº•éƒ¨ 10px */
            /* è·ç¦»å³ä¾§ 10px */
            display: flex;
            /* flex-direction: column; */
            /* è®©æŒ‰é’®æ°´å¹³å±…ä¸­ */
            justify-content: center;
            /* è®©æŒ‰é’®åž‚ç›´æŽ’åˆ— */
            gap: 30px;
            /* æŒ‰é’®é—´è· */
        }

        .bottom-right img {
            width: 200px;
            /* å›¾æ ‡å®½åº¦ï¼Œå¯æ ¹æ®éœ€è¦è°ƒæ•´ */
            height: 50px;
            /* å›¾æ ‡é«˜åº¦ */
            /* æŽ§åˆ¶æŒ‰é’®å¤§å° */
            height: auto;
        }

        body {
            scroll-behavior: smooth !important;
            background-position: center top;
            background-size: auto;
            /* height: 1000dvh; */
            position: relative;
            padding: 0 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            background-attachment: fixed;
            overflow: hidden;
            background-repeat: repeat-y;
            animation: scrollBackground 55s linear infinite;
            /* æ ¹æ®å›¾ç‰‡é•¿åº¦è°ƒæ•´æ—¶é—´ */
        }

        @keyframes scrollBackground {
            from {
                background-position-y: 0;
            }

            to {
                background-position-y: 100%;
                /* æ ¹æ®å›¾ç‰‡çš„å®žé™…é«˜åº¦è°ƒæ•´ */
            }
        }

        /* é’ˆå¯¹å®‰å“è®¾å¤‡çš„å­—ä½“å¤§å°ä¼˜åŒ– */
        @media only screen and (max-width: 768px) {
            .content #intro h1 {
                font-size: 1.8rem !important;
                line-height: 1.2 !important;
            }
            .content #intro h2 {
                font-size: 1.4rem !important;
                line-height: 1.3 !important;
            }
            .content #intro p {
                font-size: 1rem !important;
                line-height: 1.4 !important;
            }
            .content .step h2 {
                font-size: 1.3rem !important;
                line-height: 1.2 !important;
            }
            .content .custom-button {
                font-size: 0.9rem !important;
                padding: 0.8rem 1.2rem !important;
                min-height: 44px !important;
                min-width: 120px !important;
            }
        }

        /* é’ˆå¯¹æ›´å¤§çš„å®‰å“æ‰‹æœºå±å¹• */
        @media only screen and (min-width: 576px) and (max-width: 768px) {
            .content #intro h1 {
                font-size: 2rem !important;
            }
            .content #intro h2 {
                font-size: 1.5rem !important;
            }
            .content .step h2 {
                font-size: 1.4rem !important;
            }
            .content .custom-button {
                font-size: 1rem !important;
                padding: 0.9rem 1.5rem !important;
            }
        }

        /* é’ˆå¯¹å°å±å¹•å®‰å“è®¾å¤‡çš„ç‰¹åˆ«ä¼˜åŒ– */
        @media only screen and (max-width: 480px) {
            .content #intro h1 {
                font-size: 1.6rem !important;
                margin-bottom: 1rem !important;
            }
            .content #intro h2 {
                font-size: 1.2rem !important;
                margin-bottom: 0.8rem !important;
            }
            .content #intro p {
                font-size: 0.9rem !important;
            }
            .content .step h2 {
                font-size: 1.1rem !important;
                margin-bottom: 1.5rem !important;
            }
            .content .custom-button {
                font-size: 0.8rem !important;
                padding: 0.7rem 1rem !important;
                margin: 0.5rem !important;
                width: auto !important;
                min-width: 100px !important;
            }
        }

        /* é’ˆå¯¹è¶…å°å±å¹•çš„ä¼˜åŒ– */
        @media only screen and (max-width: 360px) {
            .content #intro h1 {
                font-size: 1.4rem !important;
            }
            .content #intro h2 {
                font-size: 1.1rem !important;
            }
            .content #intro p {
                font-size: 0.85rem !important;
            }
            .content .step h2 {
                font-size: 1rem !important;
            }
            .content .custom-button {
                font-size: 0.75rem !important;
                padding: 0.6rem 0.8rem !important;
            }
        }

        /* ç¡®ä¿æŒ‰é’®åœ¨æ‰€æœ‰è®¾å¤‡ä¸Šéƒ½å¯ç‚¹å‡» */
        @media (hover: none) and (pointer: coarse) {
            .content .custom-button {
                min-height: 48px !important;
                min-width: 120px !important;
                touch-action: manipulation !important;
            }
            .content .step .option-list button {
                min-height: 48px !important;
                touch-action: manipulation !important;
            }
        }