/* ==============================================
   液态玻璃效果：鼠标跟随光晕（基础按钮样式在 settings.css）
   ============================================== */
.menu-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1.2px;
    background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--glow-color) 0%, transparent 65%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: var(--glow-opacity, 0);
    transition: opacity 0.3s ease, background 0.4s ease;
    pointer-events: none;
}
.menu-btn:hover::before {
    background: radial-gradient(circle at center, var(--glow-color) 0%, rgba(129, 150, 255, 0.45) 55%, rgba(129, 150, 255, 0.2) 100%);
    opacity: 1;
}

/* ==============================================
   关闭液态玻璃时的样式调整
   ============================================== */
body.no-glass {
    --glass-level-1: #ffffff;
    --glass-level-2: #f8fafc;
    --glass-level-3: #f1f5f9;
    --glass-border-1: rgba(148,163,184,0.35);
    --glass-border-2: rgba(148,163,184,0.25);
    --glass-border-3: rgba(148,163,184,0.18);
    --shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-normal: 0 2px 12px rgba(0, 0, 0, 0.05);
}
body.dark-theme.no-glass {
    --glass-level-1: #1e293b;
    --glass-level-2: #1e293b;
    --glass-level-3: #334155;
    --glass-border-1: #475569;
    --glass-border-2: #334155;
    --glass-border-3: #334155;
    --shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.25);
    --shadow-normal: 0 2px 12px rgba(0, 0, 0, 0.15);
}
body.no-glass .menu-btn,
body.no-glass .dropdown-content,
body.no-glass .switch-btn,
body.no-glass .avatar-placeholder,
body.no-glass .contact-value {
    backdrop-filter: blur(0px) saturate(100%);
    -webkit-backdrop-filter: blur(0px) saturate(100%);
    box-shadow: var(--shadow-normal);
    background: var(--glass-level-1);
}

/* ==============================================
   极简模式：没有任何动态效果
   ============================================== */
body.legacy-mode {
    --glass-level-1: #ffffff;
    --glass-level-2: #f8fafc;
    --glass-level-3: #f1f5f9;
    --shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-normal: 0 2px 12px rgba(0, 0, 0, 0.05);
    --shadow-soft: 0 1px 6px rgba(0, 0, 0, 0.04);
}
body.legacy-mode.dark-theme {
    --glass-level-1: #1e293b;
    --glass-level-2: #1e293b;
    --glass-level-3: #334155;
    --shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.25);
    --shadow-normal: 0 2px 12px rgba(0, 0, 0, 0.15);
    --shadow-soft: 0 1px 6px rgba(0, 0, 0, 0.1);
}

/* 彻底移除简洁模式的动态悬浮、点击效果和动画 */
body.legacy-mode .menu-btn:hover,
body.legacy-mode .contact-value:hover,
body.legacy-mode .switch-btn:hover,
body.legacy-mode .avatar-placeholder:hover,
body.legacy-mode .menu-btn:active,
body.legacy-mode .contact-value:active,
body.legacy-mode .switch-btn:active,
body.legacy-mode .avatar-placeholder:active {
    transform: none !important;
    box-shadow: var(--shadow-normal) !important;
}

body.legacy-mode .menu-btn svg,
body.legacy-mode .about-arrow {
    transition: none !important;
}

/* 完全关闭光斑与光晕 */
body.legacy-mode .menu-btn::before { display: none !important; }
body.legacy-mode .decoration { display: none !important; animation: none !important; }

/* 简化菜单弹窗，移除复杂展开形变，改为极简淡入淡出 */
body.legacy-mode .dropdown {
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
    clip-path: none !important;
}
body.legacy-mode .dropdown.active {
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
    clip-path: none !important;
}