iframe {
    width: 100%;
    height: 360px;
    border: none;
background: black;
}

.loading-overlay {
        position: fixed;  /* 固定在畫面上 */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.4); /* 半透明背景 */
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        z-index: 9999;
        display: none;
}

* {
/* 禁止用戶選取元素內容 */
    -webkit-user-select: none; /* Safari, Chrome, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer 10+ 和 Edge */
    user-select: none;         /* 標準語法，主流瀏覽器支援 */

/* 嘗試禁止元素的拖動行為 (這些是非標準或實驗性的屬性) */
/* 對於某些瀏覽器和特定元素類型（尤其是圖片）可能有效果 */
    -webkit-user-drag: none; /* Safari, Chrome */
    -khtml-user-drag: none;  /* Konqueror HTML (較舊) */
    -moz-user-drag: none;    /* Firefox (通常需要 draggable="false" 配合) */
    -o-user-drag: none;      /* Opera (較舊版本) */
    /* user-drag 目前不是一個標準的 CSS 屬性，但寫上以備未來或某些實驗性支援 */
    /* user-drag: none; */

    /* 隱藏滑鼠 */
    cursor: none !important;
}
html {
    cursor: none !important; /* 確保根元素也應用 */
}

html, body {
    overscroll-behavior: none; /* 禁止邊緣回彈 */
    touch-action: none;        /* 禁止滑動與縮放 */
}