/* 全局样式重置 */
        body,
        html {
            margin: 0;
            padding: 0;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(180deg, #530353, #491874, #032e53);
            /* 漸層從下往上 */
            background-size: 100% 300%;
            /* 背景尺寸拉長一點，方便動畫 */
            animation: bgScroll 10s linear infinite;
            /* 設定動畫速度與循環 */
            text-shadow: 0 2px 5px rgba(255, 255, 255, 0.5);
            overflow: hidden;
        }

        #loading-screen {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: inherit;
            /* 可保留同樣背景樣式 */
            z-index: 9999;
        }

        .loading-container {
            text-align: center;
            animation: fadeIn 1.5s ease-in-out;
        }

        .loading-logo {
            width: 30%;
            height: 30%;
            animation: pulse 2s infinite, blink-logo 1.5s infinite;
            /* 呼吸+闪烁效果 */
        }

        .loading-dots {
            margin-top: 20px;
            font-size: 2rem;
            color: white;
        }

        .loading-dots span {
            animation: blink 1.5s infinite;
        }

        .loading-dots span:nth-child(2) {
            animation-delay: 0.2s;
        }

        .loading-dots span:nth-child(3) {
            animation-delay: 0.4s;
        }

        /* 动画 */
        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        /* 3個點點 */
        @keyframes blink {

            0%,
            100% {
                opacity: 0;
            }

            50% {
                opacity: 1;
            }
        }

        /* LOGO變大變小 */
        @keyframes blink-logo {

            0%,
            100% {
                filter: brightness(1);
            }

            50% {
                filter: brightness(1.5);
                /* 提高亮度以模拟闪烁 */
            }
        }

        /* 背景變色 */
        @keyframes bgScroll {
            0% {
                background-position: 0% 100%;
            }

            100% {
                background-position: 0% 0%;
            }
        }

        .loading-logo {
            width: 80%;
            height: 80%;
        }

        @media (max-width: 768px) {
            .loading-logo {
                width: 55%;
                height: 55%;
            }
        }