/* 顏色變量 */
:root {
    --dark-bg: #1e1e1e;       
    --text-light: #cccccc;    
    --text-highlight: #f8f8f2; 
    --primary-color: #007acc; 
    --input-bg: #2d2d30;      
}

/* 應用於外層 index.html 的 body，確保整個瀏覽器窗口都是深色 */
body {
    background-color: var(--dark-bg);
    margin: 0;
    display: flex;
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: center;
    
    min-height: 100vh;
    padding-top: 50px;
    padding-bottom: 20px; /* 維持上次縮小後的底部空間 (20px) */
    color: var(--text-light); 
    font-family: Arial, sans-serif; 

    /* 內容保護：禁用文字選取 */
    -webkit-user-select: none; 
    -moz-user-select: none;    
    -ms-user-select: none;     
    user-select: none;         
}

/* 針對 iframe 進行優化 (響應式修正) */
iframe {
    border: none; /* 移除邊框 */
    width: 90%; 
    max-width: 620px;
    /* **** 關鍵修改：移除固定的 500px 高度限制，改用 min-height/max-height **** */
    min-height: 480px; /* 設定一個最小高度以防內容過少 */
    height: 85vh; /* **使高度佔據視窗的 85% 垂直空間**，在手機上效果最佳 */
    max-height: 600px; /* 防止在極大的螢幕上過度拉伸 */
    margin-bottom: 20px; 
}