* { box-sizing: border-box; margin: 0; padding: 0; }
        body { background-color: #000; height: 100vh; width: 100vw; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
        .daily-album-view { height: 100%; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; }
        .album-top-bar { position: absolute; top: 0; left: 0; width: 100%; padding: 20px; background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); color: #fff; z-index: 10; display: flex; justify-content: space-between; align-items: center; }
        
        /* 📍 新增：張數顯示的樣式 */
        .photo-counter { font-size: 0.9rem; color: #ffeb3b; font-weight: bold; background: rgba(0,0,0,0.5); padding: 4px 12px; border-radius: 20px; }

        .main-stage { max-width: 90%; max-height: 80vh; display: flex; align-items: center; justify-content: center; }
        .main-stage img { max-width: 100%; max-height: 80vh; width: auto; height: auto; object-fit: contain; box-shadow: 0 10px 30px rgba(0,0,0,0.5); pointer-events: none; -webkit-user-drag: none; }
        
    /* 左右懸浮按鈕的共同樣式 */
.float-nav { 
    position: fixed;            /* 固定在螢幕上 */
    top: 50%;                   /* 垂直置中定位 */
    transform: translateY(-50%);/* 完美垂直置中的修正公式 */
    
    /* 設定圓形按鈕的尺寸 */
    width: 60px; 
    height: 60px; 
    
    /* 變成圓形的關鍵 */
    border-radius: 50%; 
    
    /* 外框與背景設定 */
    background: rgba(0, 0, 0, 0.4);       /* 半透明黑色背景 */
    border: 4px solid rgba(255, 255, 255, 0.4); /* 加上 2px 寬的半透明白框 */
    
    /* 原有的內部置中與文字樣式 */
    display: flex; 
    align-items: center; 
    justify-content: center; 
    cursor: pointer; 
    transition: all 0.3s;       /* 讓 hover 效果更滑順 */
    z-index: 15; 
    color: rgba(255, 255, 255, 0.7); /* 箭頭圖標顏色 */
    font-size: 2rem;            
    user-select: none; 
}

/* 滑鼠懸停（Hover）時的視覺變化 */
.float-nav:hover { 
    background: rgba(0, 0, 0, 0.7); /* 懸停時背景變深 */
    border-color: rgba(255, 255, 255, 1); /* 懸停時外框變全白 */
    color: rgba(255, 255, 255, 1);   /* 懸停時箭頭變全白 */
    transform: translateY(-50%) scale(1.1); /* 懸停時稍微放大 */
}

/* 左側按鈕：距離螢幕左邊邊緣 20px */
.nav-prev { 
    left: 20px; 
}

/* 右側按鈕：距離螢幕右邊邊緣 20px */
.nav-next { 
    right: 20px; 
}

/* 📱 關鍵修改：當螢幕寬度小於 768px（手機/直向平板）時，完全隱藏按鈕 */
@media (max-width: 767px) {
    .float-nav {
        display: none !important;
    }
}