/* ============================================================
   电脑端：背景壁纸柔化层（"背景白纱效果"）
   ------------------------------------------------------------
   为什么要有这个文件：
   负 z-index 的伪元素会被 body 自己的背景盖住（实测：body 有背景时
   body::before/::after 完全不可见，连 backdrop-filter 也拿不到 backdrop），
   所以壁纸必须从 body 背景搬到 body::before，body 背景让位为透明。
   浅色 body 背景是 JS 写的非 important inline style，能被下面这条
   !important 覆盖；黑夜模式那支已改为不写 body 背景（见 settings.js）。

   效果：默认关闭 → 壁纸清晰（CSS 默认态就是清晰，首屏不会先糊一下）
         开启     → html.bg-veil-on，壁纸 blur(3px) + 8% 白纱（与手机端同口径）
   开关：settings.js 维护，存 localStorage.bg_veil（电脑端默认 0）
   注：手机端相反，默认开启，见 skin/js/m-wallpaper.js + m-glass.css

   ⚠️ lists_study.htm 的 body 带 class="study-list-page"，是自带 bj4.jpg
      背景 + 纹理的独立设计页，必须排除，否则它的背景会被清掉。
   ============================================================ */

body:not(.study-list-page) {
	background: transparent !important;
}

body:not(.study-list-page)::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	pointer-events: none;
	background: var(--pc-bg-img, url(../../image/bz/bz10.jpg)) center top / cover no-repeat;
}

body:not(.study-list-page)::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	pointer-events: none;
	background: transparent;
}

/* ---------- 开启"背景白纱效果"（默认关闭，需显式加 html.bg-veil-on） ---------- */
html.bg-veil-on body:not(.study-list-page)::before {
	/* 轻模糊：scale 放大防止模糊后边缘露出底色 */
	filter: blur(3px);
	transform: scale(1.06);
}
html.bg-veil-on body:not(.study-list-page)::after {
	background: rgba(255, 255, 255, 0.08);
}

/* ---------- 黑夜模式：::after 复用为暗色蒙版 ----------
   等效于原来 applyBodyBg 写在 body 上的 linear-gradient 蒙版 */
html.dark-mode body:not(.study-list-page)::after {
	background: linear-gradient(rgba(30, 30, 40, 0.55), rgba(30, 30, 40, 0.55));
}