/* 基礎設定 */
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            font-family: "Microsoft JhengHei", sans-serif;
        }

        /* 1. 預熱圖片頁面 (時間還沒到時顯示) */
        #teaser-page {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100vh;
            background-color: #f0f0f0;
        }

        #teaser-page img {
            max-width: 100%;
            height: auto;
            /* 也可以設定背景圖方式 */
        }

        /* 2. 正式內容頁面 (預設隱藏) */
        #main-content {
            display: none; 
            padding: 50px;
            text-align: center;
        }

        /* 簡單的動畫：讓內容出現時平滑一點 */
        .fade-in {
            animation: fadeIn 1s ease-in;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }