/* ======== 反光遮罩設定 ======== */
        .mask {

            z-index: 5;


            width: 100%;
            height: auto;

            /* 保持遮罩位置固定不動 */

            overflow: hidden;
        }


        .shine {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 4;



            /* 掃光條 */
            background: linear-gradient(120deg,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.3) 45%,
                    rgba(255, 255, 255, 0.9) 50%,
                    rgba(255, 255, 255, 0.3) 55%,
                    rgba(255, 255, 255, 0) 100%);
            mix-blend-mode: screen;
            filter: brightness(1.4);
            transform: translateX(-150%);
            will-change: transform;
            animation: shineMove 3s ease-in-out;
        }

        /* 掃光動畫 (亮光條移動，但遮罩與主圖不動) */
        @keyframes shineMove {
            0% {
                transform: translateX(-150%);
                opacity: 0.5;
            }

            40% {
                opacity: 1;
            }

            60% {
                opacity: 0.8;
            }

            100% {
                transform: translateX(150%);
                opacity: 0.5;
            }
        }