/* 清除瀏覽器預設的邊界 */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* 設定網頁背景與 Flexbox 置中對齊 */
body {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); /* 深藍色漸層 */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    justify-content: center; /* 水平置中 */
    align-items: center;     /* 垂直置中 */
}

/* 美化遊戲外框 */
#game-container {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.8), 0px 0px 15px rgba(52, 152, 219, 0.3); /* 黑色主陰影 + 藍色微光 */
    border-radius: 8px;      /* 圓角效果 */
    overflow: hidden;        /* 確保遊戲畫面不會超出版界 */
    border: 2px solid #2980b9; /* 加上一個低調的邊框 */
}