* { 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; flex-direction: column; align-items: center; justify-content: center; position: relative; }
        .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; }
        
        /* 🎯 📍 核心修改：照片下方文字加註的外觀樣式（取消黑框、字體加大） */
        .photo-caption {
            position: absolute;
            bottom: 30px;              /* 距離相片底部留一些距離 */
            left: 50%;
            transform: translateX(-50%);
            
            /* 1. ❌ 取消黑色外框：直接拿掉之前的 background 與 padding */
            background: none; 
            padding: 0;
            border-radius: 0;
            box-shadow: none;
            
            /* 2. 🚀 文字加大：將原來的 0.95rem 大幅加大到 1.35rem，看起來超級清晰！ */
            font-size: 1.35rem;        
            font-weight: bold;         /* 字體加粗 */
            color: #ffffff;            /* 頂級純白字體 */
            
            /* 3. 💡 貼心防護：加上文字黑色陰影，取消外框後遇到白色背景也絕對看得清 */
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), -1px -1px 0px rgba(0,0,0,0.9), 1px -1px 0px rgba(0,0,0,0.9), -1px 1px 0px rgba(0,0,0,0.9), 1px 1px 0px rgba(0,0,0,0.9);
            
            max-width: 85%;
            text-align: center;
            z-index: 20;
            pointer-events: none;      /* 防止干擾手指滑動手勢 */
            letter-spacing: 0.8px;     /* 字距稍微拉開，更好閱讀 */
            display: none;             /* 預設先隱藏，有字才秀出來 */
        }

        .float-nav { position: absolute; top: 0; height: 100%; width: 15%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.3s; z-index: 15; color: rgba(255,255,255,0.3); font-size: 2.5rem; user-select: none; }
        .float-nav:hover { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.9); }
        .nav-prev { left: 0; }
        .nav-next { right: 0; }
        
        @media (max-width: 768px) {
            .float-nav { width: 15%; font-size: 1.8rem; background: rgba(0,0,0,0.1); color: rgba(255,255,255,0.5); }
            .main-stage { max-width: 100%; padding: 0 10px; width: 100%; height: 100%; }
            /* 手機版字體微調回 1.15rem，寬度放寬，避免字太多在小螢幕被塞成太多行 */
            .photo-caption { bottom: 70px; font-size: 1.15rem; width: 92%; } 
        }