/* 流畅模式与遮挡暂停（js/perf.js, 2026-10-11）。
   html.sa-covered：模态弹窗或全屏播放器挡住了房间；html.sa-lite：弱设备（自动或「自习室布置 · 画面流畅度」）。 */

/* 所有设备 —— 加载提示淡出后不再每帧变色；开始按钮的流光改走合成层（以前动 left，每帧重排） */
.loading.done{animation:none}
body:not(.atmo-running) .pomo .start::after{animation-name:sa-sheen}
@keyframes sa-sheen{0%,72%{transform:translateX(0) skewX(-20deg);opacity:0}76%{opacity:1}100%{transform:translateX(422%) skewX(-20deg);opacity:0}}

/* 房间被挡住：房间里的 CSS 动画一起停，关掉弹窗接着动 */
.sa-covered #frame,.sa-covered #frame *,.sa-covered #frame *::before,.sa-covered #frame *::after,
.sa-covered .pomo *,.sa-covered .pomo *::after,.sa-covered .sapass-chip,.sa-covered .sapass-chip *,
.sa-covered .sapass-chip *::before{animation-play-state:paused!important}

/* 流畅模式 —— 不要毛玻璃：底下的房间一动，毛玻璃就得每帧重算 */
html.sa-lite *,html.sa-lite *::before,html.sa-lite *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.sa-lite ::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.sa-lite body:not(.sa-compact) .pomo,html.sa-lite body:not(.sa-compact) .player{background:linear-gradient(162deg,rgba(44,33,23,.92),rgba(16,12,9,.88))}
html.sa-lite .sapass-chip{background:linear-gradient(100deg,rgb(70,28,18),rgb(40,24,48))}

/* 房间里的叠加光效：留台灯和窗灯（不再闪动），去掉光束、桌面光斑和浮尘 */
html.sa-lite .atmo-beam,html.sa-lite .atmo-patch,html.sa-lite #atmoDust{display:none!important}
html.sa-lite .atmo-lamp i,html.sa-lite .atmo-lamp i::after,html.sa-lite .atmo-lantern{animation:none!important}

/* 一直在跑的小装饰动画：计时发光、按钮流光、通行证光圈、播放器均衡器与背景漂移 */
html.sa-lite body.atmo-running .pomo .time,html.sa-lite .pomo .start::after,
html.sa-lite .sapass-chip,html.sa-lite .sapass-chip *,html.sa-lite .sapass-chip *::before,
html.sa-lite body.atmo-playing .player .title::before,html.sa-lite body.atmo-playing #saMiniTitle::before,
html.sa-lite .sap-fields i,html.sa-lite .sap-sheet .sap-eq i{animation:none!important}

/* 唱片：S 级以上的流光、闪点、光晕和套装金边每帧都要重画（动的是自定义属性和滤镜），流畅模式停在一帧；唱片转动照旧 */
html.sa-lite .sra-disc,html.sa-lite .sra-disc::before,html.sa-lite .sra-disc::after,
html.sa-lite .sra-sleeve::before,html.sa-lite .sra-sleeve::after,html.sa-lite .sa-feed-spark,
html.sa-lite .sap2-record-art::before,html.sa-lite .sar-mini::before,html.sa-lite .sar-detail-art::before,
html.sa-lite .sar-cell::after,html.sa-lite .sar-halo{animation:none!important}

/* 设置项 */
.sa-perf-setting{display:grid;gap:6px}
.sa-perf-setting small{font-size:12px;line-height:1.5;opacity:.72}