/* ============================================================ * 全站背景主题（Figma Group 1/2 普通 · Frame 3/4 白银） * * 三段式：顶部条 393×173 + 中部纵向渐变（无限延伸）+ 底部条 393×173 * 顶/底为同规格素材，后续换新只替换 assets/img/bg/ 下同名文件即可。 * 中部按设计稿取色做 CSS 渐变，页面再长也不会拉伸变形、且不额外请求图片。 * * 等级切换：PHP 在上输出 lv_class() —— lv-silver（预备特批/白银） * 或 lv-gold（正式特批/黄金），未输出即普通会员。变量在 :root 与各等级下分别定义。 * * 用法：页面引入本文件，并让 .stage 带上 .bg-theme（或直接复用下方 .stage 规则）。 * ============================================================ */ :root { /* 普通会员：淡蓝调（Group 1 / Group 2） */ --bg-top: url(../img/bg/lv0_top.jpg); --bg-bottom: url(../img/bg/lv0_bottom.jpg); --bg-mid: linear-gradient(180deg, #9fd5fd 0%, #cdeafe 25%, #e6f5fd 50%, #c8e8fd 75%, #9bd2fd 100%); --bg-mid-flat: #cdeafe; --bg-band-h: 173px; } body.lv-silver { /* 白银会员：银白调（Frame 3 / Frame 4） */ --bg-top: url(../img/bg/lv1_top.jpg); --bg-bottom: url(../img/bg/lv1_bottom.jpg); --bg-mid: linear-gradient(180deg, #c8e5fc 0%, #d8edfd 25%, #e9f6fe 50%, #d9eefd 75%, #c5e2fc 100%); --bg-mid-flat: #d8edfd; } body.lv-gold { /* 黄金会员（正式特批人员）：米金调（Group 19 底图 1:2769 取色，顶 1:2870 / 底 1:2796） */ --bg-top: url(../img/bg/lv2_top.jpg); --bg-bottom: url(../img/bg/lv2_bottom.jpg); --bg-mid: linear-gradient(180deg, #fdf5d5 0%, #fdf8dd 25%, #fdf9e2 50%, #fdf4d5 75%, #fdebbf 100%); --bg-mid-flat: #fdf8dd; } /* 三段式背景：顶部条固定在顶、底部条固定在底、中部渐变铺满并随页面延伸 */ .bg-theme { background-color: var(--bg-mid-flat); background-image: var(--bg-top), var(--bg-bottom), var(--bg-mid); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top center, bottom center, top center; background-size: 393px var(--bg-band-h), 393px var(--bg-band-h), 100% 100%; background-attachment: scroll, scroll, scroll; } /* 底部条需要跟随视窗吸底（页面比屏幕长时，底部条应压在底部导航之上）用法：页面里放一个

*/ .bg-wall { position: fixed; left: 50%; transform: translateX(-50%); bottom: 66px; width: 393px; height: var(--bg-band-h); z-index: 0; pointer-events: none; background: var(--bg-bottom) top center / 393px var(--bg-band-h) no-repeat; } /* 无底部导航的页面（登录/注册等）：底部条直接贴底 */ .bg-wall.is-nonav { bottom: 0; }