MediaWiki:Citizen.css：修订间差异

2026年1月29日 (四) 19:55的版本

/* =========================================================
   Blockland Wiki 终极视觉修正 - V26
   修复：毛玻璃不明显、去蓝过度、1000px 搜索框兼容
   ========================================================= */

/* 1. 全局去蓝处理：调整变量，确保背景允许透明度穿透 */
:root {
    --color-surface-0: #fafafa !important;
    --color-surface-1: rgba(255, 255, 255, 0.1) !important; /* 必须透明 */
    --color-surface-2: rgba(255, 255, 255, 0.1) !important;
    --color-surface-search: transparent !important;
    
    --color-base-0: #202122 !important;
    --color-heading: #000000 !important;
    --color-primary: #0056b3 !important;
}

/* 2. 搜索面板修正 (保留 1000px 逻辑 + 恢复模糊) */
.citizen-command-palette {
    position: fixed !important;
    width: 1000px !important;
    max-width: 95vw !important;
    
    /* 核心修复：降低透明度到 0.65，饱和度恢复到 100% 但不泛蓝 */
    background-color: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(20px) saturate(110%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(110%) !important;
    
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2) !important;
}

/* 3. 侧边栏/菜单面板修正 (解决模糊不见了的问题) */
/* 针对你提供的 HTML 结构：.citizen-menu__card-content */
.citizen-drawer__card,
.citizen-menu__card,
.citizen-menu__card-content,
.citizen-drawer {
    /* 核心修复：透明度必须低(0.15~0.3)，模糊才明显 */
    background-color: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    background-image: none !important; /* 移除可能存在的背景图干扰 */
}

/* 强制清除内部容器的纯色背景，否则会挡住外层的模糊 */
.citizen-drawer__header, 
#citizen-main-menu,
.citizen-main-menu {
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. 搜索遮罩层 (纯净暗调) */
.citizen-command-palette-backdrop {
    background-color: rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(4px) !important;
}

/* 5. 垃圾桶 UI 优化 (贴边逻辑) */
.citizen-command-palette-list-item {
    position: relative !important;
    padding-right: 48px !important;
}
.citizen-command-palette-list-item__actions {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 6. 深色模式适配 (去蓝深灰) */
html.skin-theme-clientpref-night .citizen-menu__card,
html.skin-theme-clientpref-night .citizen-command-palette {
    background-color: rgba(25, 25, 25, 0.7) !important;
    backdrop-filter: blur(16px) brightness(0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}