MediaWiki:Citizen.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* =========================================================
   修正版：解决显示状态与层级冲突
   ========================================================= */

:root {
    --color-surface-0: #fafafa !important;
    --color-surface-1: #ffffff !important;
    --color-surface-2: #ffffff !important;
    --color-base-0: #202122 !important;
    --color-primary: #0056b3 !important;
    /* 彻底切断蓝色变量来源 */
    --color-primary-60: #202122 !important; 
}

/* 2. 搜索面板修正 */
.citizen-command-palette {
    /* 移除 fixed 定位冲突，改用 Citizen 兼容方式 */
    width: 1000px !important;
    max-width: 95vw !important;
    
    /* 关键：使用 saturate(0) 必须配合半透明背景才有滤镜感 */
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px) saturate(0%) contrast(1.1) !important;
    -webkit-backdrop-filter: blur(20px) saturate(0%) !important;
    
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
    
    /* 动画：移除自定义类名限制，改为针对对话框状态 */
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s !important;
}

/* 修正：如果搜索框没弹出来，尝试取消这个 opacity 限制 */
/* .citizen-command-palette:not([open]) { opacity: 0; transform: scale(0.95); } */

/* 3. 结果项强化 (防止隐身) */
.citizen-command-palette__item {
    color: #202122 !important;
}

/* 修复悬停背景，确保去色 */
.citizen-command-palette__item--focused,
.citizen-command-palette__item:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #000 !important;
}

/* 4. 彻底杀掉搜索框阴影和蓝色高光 */
.cdx-text-input__input:focus {
    border-color: #000 !important;
    box-shadow: none !important;
}