/** * 閒置螢幕保護程式（淡出內容，露出背景 A/B/C 三層） * * 閒置 IDLE_MS → 在 加上 .is-screensaver-active： * 頁面內容 #page 淡出（opacity:0）並停用指標，讓本來就疊在下面、 * 而且一直在動的背景三層整組露出（順序天生就對）： * C (#bg-foreground, z-index:-1) 前景漂浮圖 * A (.bg-grid, z-index:-2) 橘色方格 * B (#bg-images, z-index:-3) 灰底 #c1bfc0 + 後方漂浮圖 * 底色維持灰 #c1bfc0，不加白罩。任何操作立即復原。 * 由 assets/js/idle-screensaver.js 控制。 */ /* 內容淡出／淡入都走這條 transition（進場、退場都平滑） */ #page { transition: opacity 0.8s ease; } /* 螢保啟動：內容淡出 + 停用指標，背景三層在其下自然露出 */ html.is-screensaver-active #page { opacity: 0; pointer-events: none; }