#sizeWarning {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-align: center;
    z-index: 9999;
    display: none; /* 預設不顯示 */
}

const MIN_WIDTH = 900; // 🔹 限制最小寬度
const MIN_HEIGHT = 600; // 🔹 限制最小高度
const warningOverlay = document.createElement("div");
warningOverlay.id = "sizeWarning";
warningOverlay.innerHTML = "請調整視窗以獲得最佳體驗";
document.body.appendChild(warningOverlay);

function checkWindowSize() {
    if (window.innerWidth < MIN_WIDTH || window.innerHeight < MIN_HEIGHT) {
        warningOverlay.style.display = "flex"; // 顯示遮罩
    } else {
        warningOverlay.style.display = "none"; // 隱藏遮罩
    }
}

// 監聽視窗縮放事件
window.addEventListener("resize", checkWindowSize);

// 初次載入時檢查
checkWindowSize();