/* ==========================================
           🌟 1. 全局基础变量与暗黑底色
           ========================================== */
        :root { 
            --bg-color: #EFEFEF; 
            --sidebar-bg: #FFFFFF;
            --border-primary: #E5E7EB; 
            --text-main: #111827; 
            --text-muted: #9CA3AF; 
            --brand-color: #EA580C; /* 统一使用高级橙 */
            --brand-light: #FFF5F2; 
        }

        html.dark-mode { 
            --bg-color: #121315; 
            --sidebar-bg: #272A2E;
            --border-primary: #374151; 
            --text-main: #F3F4F6; 
            --text-muted: #9CA3AF; 
            --brand-light: rgba(234,88,12,0.15);
        }

        html { background-color: var(--bg-color) !important; margin-top: 0 !important; }
        body { background-color: var(--bg-color) !important; opacity: 0; visibility: hidden; }
        body.saas-takeover-active { opacity: 1 !important; visibility: visible !important; transition: opacity 0.25s ease-out !important; }
        #wpadminbar { display: none !important; }

        /* ==========================================
           🌟 2. 终极统一菜单 CSS (全站 1:1 复刻)
           不管是 .ds- 还是 .fw- 统统强制对齐图片
           ========================================== */
        
        /* 侧边栏容器 */
        .fw-sidebar, .ds-col-sidebar { 
            width: 120px !important; 
            background-color: var(--sidebar-bg) !important; 
            border-right: 1px solid var(--border-primary) !important; 
            padding: 30px 0 !important; 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            flex-shrink: 0 !important; 
            transition: background 0.3s ease !important;
        }

        /* LOGO */
        .fw-logo, .ds-logo { 
            font-size: 24px !important; font-weight: 900 !important; color: var(--text-main) !important; 
            margin-bottom: 40px !important; text-decoration: none !important; display: block !important; 
        }
        .fw-logo span, .ds-logo span { color: var(--brand-color) !important; }

        /* 导航菜单容器 */
        .fw-nav, .ds-nav-menu { 
            width: 100% !important; padding: 0 16px !important; display: flex !important; 
            flex-direction: column !important; gap: 8px !important; flex: 1 !important; margin: 0 !important;
        }

        /* 菜单单项 (100% 像素级对齐) */
        .fw-nav-item, .ds-nav-item { 
            display: flex !important; flex-direction: column !important; align-items: center !important; 
            justify-content: center !important; gap: 6px !important; padding: 12px 0 !important; 
            color: var(--text-muted) !important; border-radius: 12px !important; 
            cursor: pointer !important; position: relative !important; transition: 0.2s !important; 
            width: 100% !important; background: transparent !important; border: none !important;
            text-decoration: none !important; font-size: 12px !important; font-weight: 600 !important;
        }
        .fw-nav-item:hover, .ds-nav-item:hover { background-color: var(--border-primary) !important; color: var(--text-main) !important; }
        .fw-nav-item.active, .ds-nav-item.active { background-color: var(--brand-light) !important; color: var(--brand-color) !important; font-weight: bold !important;}

        /* 高亮指示条：完美贴边 0 距离 */
        .fw-nav-item.active::before, .ds-nav-item.active::before { 
            content: '' !important; position: absolute !important; 
            left: -16px !important; /* 刚好抵消 fw-nav 的 16px padding */
            top: 50% !important; transform: translateY(-50%) !important; 
            width: 4px !important; height: 24px !important; 
            background-color: var(--brand-color) !important; 
            border-radius: 0 4px 4px 0 !important; 
        }

        /* 图标与文字 */
        .fw-nav-icon, .ds-nav-icon { font-size: 22px !important; display: block !important; line-height: 1 !important; margin: 0 !important;}
        .fw-nav-text, .ds-nav-text { font-size: 12px !important; display: block !important; line-height: 1 !important; margin: 0 !important;}

        /* 🚀 3. 其他跨页面暗黑补丁 (保持你原来的弹窗适配) */
        html.dark-mode ::-webkit-scrollbar-track { background: #121315 !important; }
        html.dark-mode ::-webkit-scrollbar-thumb { background: #374151 !important; border-radius: 10px; }
        html.dark-mode .project-card, html.dark-mode .ds-tasks-card-mock, html.dark-mode #task-modal-box { 
            background-color: #272A2E !important; border-color: #374151 !important; 
        }