/* 自訂頁碼樣式 */
.reveal .slide-number {
    font-size: 1.5em !important;
    /* 調整字體大小，可根據需要修改 */
    font-weight: bold !important;
    /* 加粗字體讓頁碼更明顯 */
    color: #ffffff !important;
    /* 設定顏色為白色 */
    background-color: rgba(0, 0, 0, 0.6) !important;
    /* 加入半透明背景 */
    padding: 8px 12px !important;
    /* 增加內邊距 */
    border-radius: 4px !important;
    /* 圓角邊框 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    /* 陰影效果 */
}

/* 針對不同主題的頁碼顏色調整 */
.reveal.night .slide-number {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.reveal.white .slide-number {
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/* 響應式設計 - 在較小螢幕上調整大小 */
@media (max-width: 768px) {
    .reveal .slide-number {
        font-size: 1.3em !important;
        padding: 6px 10px !important;
    }
}

@media (max-width: 480px) {
    .reveal .slide-number {
        font-size: 1.2em !important;
        padding: 5px 8px !important;
    }
}