/* style/dynamic-bg.css */

/* ======= 1. 极致纯黑底色与画布容器 ======= */
.bg {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important; 
    pointer-events: none !important;
    background: #000000 !important;
}

.pattern-bg, .bg-blur { 
    display: none !important; 
}

/* ======= 2. 🛠️ 【新增】左下角总开关控制按钮样式 ======= */
.bg-toggle-btn {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    /* 设为超级顶层，防止被侧边栏或者其他弹窗卡片压住 */
    z-index: 10005 !important; 
    padding: 8px 14px !important;
    /* 采用与商铺/播放器相同的暗黑科技感半透明底色 */
    background: rgba(30, 33, 40, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 12px !important;
    font-family: inherit !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    user-select: none !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

/* 悬浮时变成炫酷的霓虹蓝发光状态 */
.bg-toggle-btn:hover {
    background: rgba(79, 172, 254, 0.85) !important;
    border-color: rgba(79, 172, 254, 0.9) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(79, 172, 254, 0.4) !important;
}

.bg-toggle-btn:active {
    transform: translateY(0) !important;
}

/* 按钮关闭状态下的低调暗淡皮肤 */
.bg-toggle-btn.off {
    background: rgba(20, 20, 25, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}


/* ======= 3. 强行拔掉全站模糊滤镜，理清层级 ======= */
*, *::before, *::after { 
    backdrop-filter: none !important; 
    -webkit-backdrop-filter: none !important; 
}

.container { 
    position: relative !important; 
    z-index: 2 !important; 
    background: transparent !important; 
}