/* =====================================================================
   iOS 26 液态玻璃升级包 · liquid-glass.css  v7 (2026-10-01)
   ---------------------------------------------------------------------
   v7 = 鲜亮版 iOS 壁纸（此前 v5 过于含蓄，肉眼难辨变化）：
     · 背景：iOS 默认壁纸式鲜亮光网格（蓝/青/紫罗兰，蜜桃点缀），
       透明度翻倍（.45~.60），一眼可见的彩色光场
     · 玻璃面板：更通透（白 .34→.14 渐变）+ blur24 + sat200%，
       彩色壁纸从卡片后清晰透出，液态玻璃感拉满
     · 侧栏导航项：透明行 + iOS 蓝色胶囊选中态（零逐项模糊）
     · admin/agent：侧栏玻璃化、内容区背景交还壁纸
     · 任务列表行（.liquid-pill 等）：静态玻璃，绝不启用模糊
       （历史教训：上百个模糊层曾耗尽低端机 GPU）
   配套 assets/js/liquid-glass.js。JS 检测设备后给 <html> 挂档位类：
     html.lg26                  基础档：静态玻璃（零新增模糊）
     html.lg26.lg-blur          标准档：限量真毛玻璃
     html.lg26.lg-blur.lg-lens  完整档：+SVG 折射透镜
   页面类型类（JS 按路径挂载）：
     lg-p-index  首页（深色）   lg-p-dash   用户中心（浅色）
     lg-p-admin / lg-p-agent   后台        lg-p-flat   条款/隐私/分站介绍
   辅助类：lg-scene-on 已注入场景；lg-dark 深色同步；lg-quiet 停止漂移
   回滚：删除页面里对本文件与 liquid-glass.js 的两行引用即可。
===================================================================== */

/* ========== 0. 档位变量 ========== */
html.lg26 {
    --lg-blur: 24px;                     /* 主模糊半径 */
    --lg-sat: 200%;                      /* 背景增饱和 */
    --lg-bright: 1.05;                   /* 背景提亮 */
    --lg-tint: .12;                      /* 玻璃白色调浓度（index 深色页用） */
    --lg-line: rgba(255, 255, 255, .30); /* 玻璃描边 */
    --lg-hi: rgba(255, 255, 255, .70);   /* 顶缘高光 */
}

/* ========== 1. iOS 壁纸式背景（鲜亮光网格） ========== */
.lg-scene {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    /* 浅色壁纸基底：iOS 默认壁纸式蓝青紫光网格 */
    background:
        radial-gradient(120% 90% at 10% 6%,  rgba(90, 135, 245, .52), transparent 58%),
        radial-gradient(100% 80% at 90% 10%, rgba(70, 195, 240, .42), transparent 56%),
        radial-gradient(110% 90% at 82% 88%, rgba(160, 130, 250, .44), transparent 58%),
        radial-gradient(100% 85% at 8% 90%,  rgba(255, 165, 135, .26), transparent 56%),
        radial-gradient(90% 70% at 50% 45%,  rgba(105, 200, 230, .22), transparent 55%),
        linear-gradient(165deg, #dbe6f9 0%, #e8ecf9 55%, #e2e8f7 100%);
}

/* 五个光斑 = 壁纸上的流动色场（radial 渐变衰减，不用 filter:blur，省 GPU） */
.lg-scene .lg-blob {
    position: absolute;
    border-radius: 50%;
    will-change: transform;
}
.lg-scene .lg-b1 { width: 58vw; height: 58vw; left: -10vw; top: -14vw;
    background: radial-gradient(circle, rgba(75, 125, 245, .52), transparent 64%); }
.lg-scene .lg-b2 { width: 46vw; height: 46vw; right: -8vw; top: 4vh;
    background: radial-gradient(circle, rgba(65, 190, 240, .44), transparent 64%); }
.lg-scene .lg-b3 { width: 52vw; height: 52vw; left: 18vw; bottom: -20vw;
    background: radial-gradient(circle, rgba(155, 125, 250, .42), transparent 64%); }
.lg-scene .lg-b4 { width: 42vw; height: 42vw; right: 2vw; bottom: -12vw;
    background: radial-gradient(circle, rgba(255, 160, 130, .30), transparent 64%); }
.lg-scene .lg-b5 { width: 34vw; height: 34vw; left: 40vw; top: 24vh;
    background: radial-gradient(circle, rgba(95, 190, 230, .34), transparent 64%); }

/* 深色壁纸（首页 / 深色模式）：深海蓝底 + 鲜亮靛/青/紫光 */
html.lg26.lg-p-index .lg-scene,
html.lg26.lg-dark .lg-scene {
    background:
        radial-gradient(120% 90% at 15% 10%, rgba(75, 105, 240, .40), transparent 58%),
        radial-gradient(100% 80% at 85% 15%, rgba(55, 150, 245, .32), transparent 56%),
        radial-gradient(110% 90% at 80% 85%, rgba(135, 110, 250, .30), transparent 58%),
        radial-gradient(100% 85% at 12% 88%, rgba(40, 175, 200, .26), transparent 56%),
        linear-gradient(165deg, #090e1e 0%, #0c142a 55%, #090f22 100%);
}
html.lg26.lg-p-index .lg-scene .lg-b1,
html.lg26.lg-dark .lg-scene .lg-b1 { background: radial-gradient(circle, rgba(85, 120, 245, .38), transparent 64%); }
html.lg26.lg-p-index .lg-scene .lg-b2,
html.lg26.lg-dark .lg-scene .lg-b2 { background: radial-gradient(circle, rgba(60, 155, 240, .32), transparent 64%); }
html.lg26.lg-p-index .lg-scene .lg-b3,
html.lg26.lg-dark .lg-scene .lg-b3 { background: radial-gradient(circle, rgba(145, 115, 250, .30), transparent 64%); }
html.lg26.lg-p-index .lg-scene .lg-b4,
html.lg26.lg-dark .lg-scene .lg-b4 { background: radial-gradient(circle, rgba(50, 180, 205, .28), transparent 64%); }
html.lg26.lg-p-index .lg-scene .lg-b5,
html.lg26.lg-dark .lg-scene .lg-b5 { background: radial-gradient(circle, rgba(105, 125, 250, .28), transparent 64%); }

/* 光斑超慢漂移：仅桌面达标设备（lg-quiet = 移动端/减动效/基础档 时静止） */
@keyframes lg-drift1 { to { transform: translate(6vw, 5vh)  scale(1.12); } }
@keyframes lg-drift2 { to { transform: translate(-5vw, 6vh) scale(.92); } }
@keyframes lg-drift3 { to { transform: translate(5vw, -6vh) scale(1.10); } }
html.lg26:not(.lg-quiet) .lg-scene .lg-b1 { animation: lg-drift1 118s ease-in-out infinite alternate; }
html.lg26:not(.lg-quiet) .lg-scene .lg-b2 { animation: lg-drift2 136s ease-in-out infinite alternate; }
html.lg26:not(.lg-quiet) .lg-scene .lg-b3 { animation: lg-drift3 152s ease-in-out infinite alternate; }
html.lg26:not(.lg-quiet) .lg-scene .lg-b4 { animation: lg-drift1 128s ease-in-out infinite alternate-reverse; }
html.lg26:not(.lg-quiet) .lg-scene .lg-b5 { animation: lg-drift2 144s ease-in-out infinite alternate-reverse; }

/* 细腻噪点：防渐变色带 */
.lg-scene .lg-grain {
    position: absolute;
    inset: 0;
    opacity: .05;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* 场景接管底色：body 交出背景，露出壁纸 */
html.lg26.lg-scene-on { background: #ecf0f8; }
html.lg26.lg-scene-on.lg-p-index { background: #0a0f1e; }
html.lg26.lg-scene-on.lg-dark { background: #0d1322; }
html.lg26.lg-scene-on body { background: transparent !important; }

/* ========== 2. 导航 / 状态栏：iOS 原生玻璃条 ========== */
/* 用户中心顶栏：通透白玻璃 + 强饱和 */
html.lg26.lg-p-dash .header-glass {
    background: rgba(255, 255, 255, .45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90);
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}
html.lg26.lg-p-dash.lg-blur .header-glass {
    backdrop-filter: blur(24px) saturate(200%);
    -webkit-backdrop-filter: blur(24px) saturate(200%);
}
html.lg26.lg-p-dash.lg-blur.lg-lens .header-glass {
    backdrop-filter: url(#lg-lens) blur(24px) saturate(200%);
}
html.lg26.lg-p-dash.lg-dark .header-glass,
html.lg26.lg-dark .header-glass {
    background: rgba(18, 25, 42, .60);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
    border-bottom-color: rgba(255, 255, 255, .07);
}

/* 首页吸顶导航：深色玻璃条 */
html.lg26.lg-p-index .nav-blur {
    background: rgba(13, 19, 36, .55);
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}
html.lg26.lg-p-index.lg-blur .nav-blur {
    backdrop-filter: blur(26px) saturate(185%);
    -webkit-backdrop-filter: blur(26px) saturate(185%);
}
html.lg26.lg-p-index.lg-blur.lg-lens .nav-blur {
    backdrop-filter: url(#lg-lens) blur(26px) saturate(185%);
}

/* 后台顶栏（admin/agent）：白玻璃条 */
html.lg26 header.h-16.bg-white {
    background: rgba(255, 255, 255, .58);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 1px 0 rgba(15, 23, 42, .05);
}
html.lg26.lg-dark header.h-16.bg-white,
html.lg26.dark header.h-16.bg-white {
    background: rgba(20, 27, 42, .62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 1px 0 rgba(0, 0, 0, .30);
}
html.lg26.lg-blur.lg-lens header.h-16.bg-white {
    backdrop-filter: url(#lg-lens) blur(24px) saturate(180%);
}

/* 移动端底部导航：iOS tab bar 玻璃 */
html.lg26 #mobileBottomNav {
    background: rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 -1px 0 rgba(15, 23, 42, .06) !important;
}
html.lg26.lg-dark #mobileBottomNav,
html.lg26.dark #mobileBottomNav {
    background: rgba(18, 25, 42, .80) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 -1px 0 rgba(0, 0, 0, .35) !important;
}

/* ========== 3. 首页（深色）玻璃面板 ========== */
html.lg26.lg-p-index .glass {
    position: relative;
    background: rgba(255, 255, 255, var(--lg-tint));
    border: 1px solid var(--lg-line);
    box-shadow:
        inset 0 1px 0 var(--lg-hi),
        inset 0 -1px 0 rgba(255, 255, 255, .15),
        0 24px 60px rgba(2, 8, 26, .55);
}
html.lg26.lg-p-index.lg-blur .glass {
    backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));
    -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));
}
html.lg26.lg-p-index.lg-blur.lg-lens .glass {
    backdrop-filter: url(#lg-lens) blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));
}
/* 流光层：跟随指针的镜面高光（JS 写入 --lg-mx/--lg-my） */
html.lg26.lg-p-index .glass::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        radial-gradient(260px circle at var(--lg-mx, 50%) var(--lg-my, -30%), rgba(255, 255, 255, .18), transparent 60%),
        linear-gradient(185deg, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, 0) 24%);
}

/* .feature-card：伪元素被占用，流光直接烘焙进背景层 */
html.lg26.lg-p-index .feature-card {
    background:
        radial-gradient(300px circle at var(--lg-mx, 50%) var(--lg-my, -20%), rgba(255, 255, 255, .16), transparent 55%),
        linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .06));
    border: 1px solid rgba(255, 255, 255, .19);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        0 20px 50px rgba(2, 8, 26, .45);
}
html.lg26.lg-p-index .feature-card:hover {
    border-color: rgba(255, 255, 255, .34);
    background:
        radial-gradient(300px circle at var(--lg-mx, 50%) var(--lg-my, -20%), rgba(255, 255, 255, .20), transparent 55%),
        linear-gradient(180deg, rgba(255, 255, 255, .19), rgba(255, 255, 255, .08));
}
@media (min-width: 768px) {
    html.lg26.lg-p-index.lg-blur .feature-card {
        backdrop-filter: blur(14px) saturate(165%);
        -webkit-backdrop-filter: blur(14px) saturate(165%);
    }
    html.lg26.lg-p-index.lg-blur.lg-lens .feature-card {
        backdrop-filter: url(#lg-lens) blur(14px) saturate(165%);
    }
}

/* .hero-panel：::before 被占用，同样烘焙流光 */
html.lg26.lg-p-index .hero-panel {
    background:
        radial-gradient(340px circle at var(--lg-mx, 50%) var(--lg-my, -20%), rgba(255, 255, 255, .16), transparent 55%),
        linear-gradient(180deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .07));
    border: 1px solid rgba(255, 255, 255, .21);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .32),
        0 30px 80px rgba(0, 0, 0, .35);
}
html.lg26.lg-p-index.lg-blur .hero-panel {
    backdrop-filter: blur(22px) saturate(var(--lg-sat)) brightness(var(--lg-bright));
    -webkit-backdrop-filter: blur(22px) saturate(var(--lg-sat)) brightness(var(--lg-bright));
}
html.lg26.lg-p-index.lg-blur.lg-lens .hero-panel {
    backdrop-filter: url(#lg-lens) blur(22px) saturate(var(--lg-sat)) brightness(var(--lg-bright));
}

/* 徽章：亮玻璃小件 */
html.lg26.lg-p-index .trust-badge {
    background: rgba(255, 255, 255, .13);
    border-color: rgba(255, 255, 255, .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20);
}

/* 主按钮：液态质感 */
html.lg26.lg-p-index .btn-primary {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .45),
        inset 0 -2px 6px rgba(0, 40, 80, .28),
        0 12px 32px rgba(22, 93, 255, .38);
    transition: box-shadow .25s, filter .25s;
}
html.lg26.lg-p-index .btn-primary:hover {
    filter: brightness(1.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .55),
        inset 0 -2px 6px rgba(0, 40, 80, .28),
        0 16px 40px rgba(54, 207, 201, .30);
}

/* 深色页滚动条与选区 */
html.lg26.lg-p-index ::-webkit-scrollbar { width: 10px; }
html.lg26.lg-p-index ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
    border-radius: 99px;
    border: 3px solid transparent;
    background-clip: content-box;
}
html.lg26.lg-p-index ::-webkit-scrollbar-track { background: transparent; }
html.lg26.lg-p-index ::selection { background: rgba(120, 180, 255, .35); }

/* ========== 4. 用户中心（dashboard）：通透液态玻璃 ========== */
/* 主面板：白 .34→.14 渐变 + 指针流光烘焙进背景 + blur24/sat200 */
html.lg26.lg-p-dash .liquid-panel {
    position: relative;
    background:
        radial-gradient(320px circle at var(--lg-mx, 50%) var(--lg-my, -20%), rgba(255, 255, 255, .30), transparent 55%),
        linear-gradient(150deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .14));
    border: 1px solid rgba(255, 255, 255, .68);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        inset 0 -1px 0 rgba(255, 255, 255, .25),
        0 20px 48px rgba(35, 52, 100, .16);
}
html.lg26.lg-p-dash.lg-blur .liquid-panel {
    backdrop-filter: blur(24px) saturate(200%) brightness(1.04);
    -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.04);
}
html.lg26.lg-p-dash.lg-blur.lg-lens .liquid-panel {
    backdrop-filter: url(#lg-lens) blur(24px) saturate(200%) brightness(1.04);
}
html.lg26.lg-p-dash.lg-dark .liquid-panel,
html.lg26.lg-dark .liquid-panel {
    background:
        radial-gradient(320px circle at var(--lg-mx, 50%) var(--lg-my, -20%), rgba(255, 255, 255, .09), transparent 55%),
        linear-gradient(150deg, rgba(28, 38, 62, .48), rgba(16, 24, 44, .30));
    border-color: rgba(255, 255, 255, .16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .14),
        0 22px 55px rgba(0, 0, 0, .38);
}

/* 侧栏导航项：玻璃侧栏内的行改为透明（iOS 侧栏风格，同时去掉逐项模糊） */
html.lg26.lg-p-dash #sidebar .liquid-panel,
html.lg26.lg-p-dash #sidebar .nav-item {
    background: transparent;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: transparent;
    box-shadow: none;
}
html.lg26.lg-p-dash #sidebar .nav-item:hover {
    background: rgba(255, 255, 255, .45);
}
html.lg26.lg-p-dash #sidebar .nav-item.active {
    background: rgba(59, 130, 246, .16);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}
html.lg26.lg-p-dash.lg-dark #sidebar .nav-item:hover,
html.lg26.lg-dark #sidebar .nav-item:hover {
    background: rgba(255, 255, 255, .08);
}
html.lg26.lg-p-dash.lg-dark #sidebar .nav-item.active,
html.lg26.lg-dark #sidebar .nav-item.active {
    background: rgba(96, 165, 250, .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* 任务列表行 / 内联标签：静态玻璃，绝不启用模糊（历史性能教训）
   壁纸鲜亮后加深白底保证文字可读 */
html.lg26 .liquid-pill,
html.lg26 .liquid-inline-tag,
html.lg26 .liquid-micro-tag {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .90), rgba(255, 255, 255, .70)) !important;
    border: 1px solid rgba(255, 255, 255, .75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 8px 20px rgba(35, 52, 100, .10);
}
html.lg26.lg-dark .liquid-pill,
html.lg26.dark .liquid-pill,
html.lg26.lg-dark .liquid-inline-tag,
html.lg26.dark .liquid-inline-tag,
html.lg26.lg-dark .liquid-micro-tag,
html.lg26.dark .liquid-micro-tag {
    background: linear-gradient(180deg, rgba(32, 42, 66, .88), rgba(20, 28, 48, .62)) !important;
    border-color: rgba(255, 255, 255, .12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 8px 20px rgba(0, 0, 0, .30);
}

/* dashboard 大弹窗（bg-white rounded-2xl shadow-xl）：iOS 26 玻璃弹窗 */
html.lg26 .bg-white.rounded-2xl.shadow-xl {
    background: linear-gradient(150deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .50)) !important;
    border: 1px solid rgba(255, 255, 255, .68);
    backdrop-filter: blur(26px) saturate(180%);
    -webkit-backdrop-filter: blur(26px) saturate(180%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        0 28px 80px rgba(10, 20, 50, .30) !important;
}
html.lg26.lg-blur.lg-lens .bg-white.rounded-2xl.shadow-xl {
    backdrop-filter: url(#lg-lens) blur(26px) saturate(180%);
}
html.lg26.lg-dark .bg-white.rounded-2xl.shadow-xl,
html.lg26.dark .bg-white.rounded-2xl.shadow-xl {
    background: linear-gradient(150deg, rgba(26, 34, 52, .82), rgba(17, 24, 40, .58)) !important;
    border-color: rgba(255, 255, 255, .12);
}

/* ========== 5. 管理后台 / 代理商（admin/agent） ========== */
/* 侧栏玻璃化（admin/agent 的 aside 无 id，按类匹配；dashboard 侧栏带 .lg-wrap 排除） */
html.lg26 aside.w-64:not(.lg-wrap) {
    position: relative;
    background: rgba(255, 255, 255, .58);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border-right: 1px solid rgba(15, 23, 42, .06);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .60);
}
html.lg26.lg-dark aside.w-64:not(.lg-wrap),
html.lg26.dark aside.w-64:not(.lg-wrap) {
    background: rgba(20, 27, 42, .62);
    border-right-color: rgba(255, 255, 255, .07);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .07);
}
html.lg26.lg-blur.lg-lens aside.w-64:not(.lg-wrap) {
    backdrop-filter: url(#lg-lens) blur(24px) saturate(180%);
}
/* 内容区背景交还给壁纸 */
html.lg26 main#mainContent {
    background: transparent !important;
}
/* 侧栏导航选中项：iOS 设置风格蓝色胶囊 */
html.lg26 .nav-item.active {
    background: rgba(59, 130, 246, .16);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}
html.lg26.lg-dark .nav-item.active,
html.lg26.dark .nav-item.active {
    background: rgba(96, 165, 250, .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
/* 兜底：动态挂 .glass-effect 的元素 */
html.lg26 .glass-effect {
    background: rgba(255, 255, 255, .55);
    backdrop-filter: blur(18px) saturate(175%);
    -webkit-backdrop-filter: blur(18px) saturate(175%);
}
html.lg26.lg-dark .glass-effect { background: rgba(23, 30, 48, .60); }

/* ========== 6. 静态页（条款/隐私/分站介绍） ========== */
/* 条款/隐私正文容器：玻璃卡片浮在壁纸上 */
html.lg26 .terms-content,
html.lg26 .privacy-content {
    position: relative;
    background: linear-gradient(150deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .38));
    border: 1px solid rgba(255, 255, 255, .66);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .88),
        inset 0 -1px 0 rgba(255, 255, 255, .25),
        0 22px 55px rgba(35, 52, 100, .12);
}
html.lg26.lg-blur .terms-content,
html.lg26.lg-blur .privacy-content {
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
}
html.lg26.lg-blur.lg-lens .terms-content,
html.lg26.lg-blur.lg-lens .privacy-content {
    backdrop-filter: url(#lg-lens) blur(20px) saturate(180%);
}
html.lg26.lg-dark .terms-content,
html.lg26.dark .terms-content,
html.lg26.lg-dark .privacy-content,
html.lg26.dark .privacy-content {
    background: linear-gradient(150deg, rgba(26, 34, 52, .78), rgba(17, 24, 40, .55));
    border-color: rgba(255, 255, 255, .12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 22px 55px rgba(0, 0, 0, .35);
}

/* 分站介绍价格/收益卡：通透玻璃 + 指针流光 */
html.lg26 .price-card,
html.lg26 .profit-card {
    position: relative;
    background:
        radial-gradient(300px circle at var(--lg-mx, 50%) var(--lg-my, -20%), rgba(255, 255, 255, .26), transparent 55%),
        linear-gradient(150deg, rgba(255, 255, 255, .56), rgba(255, 255, 255, .30));
    border: 1px solid rgba(255, 255, 255, .66);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .88),
        inset 0 -1px 0 rgba(255, 255, 255, .25),
        0 18px 44px rgba(35, 52, 100, .12);
}
@media (min-width: 768px) {
    html.lg26.lg-blur .price-card,
    html.lg26.lg-blur .profit-card {
        backdrop-filter: blur(18px) saturate(180%);
        -webkit-backdrop-filter: blur(18px) saturate(180%);
    }
    html.lg26.lg-blur.lg-lens .price-card,
    html.lg26.lg-blur.lg-lens .profit-card {
        backdrop-filter: url(#lg-lens) blur(18px) saturate(180%);
    }
}

/* ========== 7. 全站弹窗玻璃化（iOS 26 弹窗） ========== */
html.lg26 .swal2-popup {
    background: linear-gradient(150deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .52)) !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .88),
        0 24px 70px rgba(2, 8, 26, .30) !important;
    border-radius: 26px !important;
}
html.lg26.lg-blur.lg-lens .swal2-popup {
    backdrop-filter: url(#lg-lens) blur(24px) saturate(180%) !important;
}
html.lg26.lg-dark .swal2-popup,
html.lg26.dark .swal2-popup {
    background: linear-gradient(150deg, rgba(26, 34, 52, .84), rgba(17, 24, 40, .60)) !important;
}

/* ========== 8. 移动端安全策略（历史教训：任务列表每行 3~5 个模糊按钮 × 上百行曾耗尽低端机 GPU）
   原则：
   - 小件/卡片一律静态玻璃（渐变+高光），不再新增模糊
   - 仅当 JS 判定设备达标（挂 lg-blur）时，恢复“少量大容器”的有限模糊
   - 任务列表行（.liquid-pill / .liquid-inline-tag / .liquid-micro-tag）绝不恢复（上方已全局静态化）
   - 移动端模糊半径控制在 6~14px */
@media (max-width: 767px) {
    html.lg26 .feature-card,
    html.lg26 .price-card,
    html.lg26 .profit-card,
    html.lg26 aside.w-64:not(.lg-wrap),
    html.lg26 header.h-16.bg-white {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    /* 静态档替代：加深底色保证可读性 */
    html.lg26 header.h-16.bg-white { background: rgba(255, 255, 255, .92); }
    html.lg26.lg-dark header.h-16.bg-white,
    html.lg26.dark header.h-16.bg-white { background: rgba(17, 24, 39, .92); }
    html.lg26 .terms-content,
    html.lg26 .privacy-content {
        background: linear-gradient(150deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .74));
    }
    /* 达标设备：大容器有限模糊（全页合计 ≤ 7 层，半径 ≤ 14px） */
    html.lg26.lg-blur .liquid-panel {
        backdrop-filter: blur(12px) saturate(155%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(155%) !important;
    }
    /* 基础档（无模糊）：面板加深底色保证可读性 */
    html.lg26:not(.lg-blur) .liquid-panel {
        background: linear-gradient(150deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .80)) !important;
    }
    html.lg26:not(.lg-blur).lg-dark .liquid-panel,
    html.lg26:not(.lg-blur).dark .liquid-panel {
        background: linear-gradient(150deg, rgba(26, 34, 52, .95), rgba(17, 24, 40, .88)) !important;
    }
    html.lg26.lg-blur .header-glass {
        backdrop-filter: blur(12px) saturate(165%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(165%) !important;
    }
    html.lg26.lg-blur .lg-cover {
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }
    html.lg26.lg-blur header.h-16.bg-white {
        backdrop-filter: blur(14px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    }
    /* 首页主卡片达标时给有限模糊（数量少，安全） */
    html.lg26.lg-blur.lg-p-index .hero-panel {
        backdrop-filter: blur(12px) saturate(140%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
    }
    html.lg26.lg-blur.lg-p-index .nav-blur {
        backdrop-filter: blur(14px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    }
    /* 弹窗同屏仅一个，保留玻璃 */
    html.lg26 .swal2-popup {
        backdrop-filter: blur(14px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    }
    html.lg26 .bg-white.rounded-2xl.shadow-xl {
        backdrop-filter: blur(14px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
        background: linear-gradient(150deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .72)) !important;
    }
    html.lg26.lg-dark .bg-white.rounded-2xl.shadow-xl,
    html.lg26.dark .bg-white.rounded-2xl.shadow-xl {
        background: linear-gradient(150deg, rgba(26, 34, 52, .92), rgba(17, 24, 40, .78)) !important;
    }
}