MediaWiki:Citizen.css：修订间差异

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

/* =========================================================
   Blockland Wiki 终极视觉修正 - V27 (HTML 结构精准修补版)
   ========================================================= */

/* 1. 【核心修复】顶部菜单按钮 - 彻底去边框/黑框 */
.citizen-header__item.citizen-dropdown,
.citizen-dropdown-details,
.citizen-dropdown-summary,
.citizen-dropdown-summary:focus,
.citizen-dropdown-summary:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    list-style: none !important; /* 移除 details 默认小箭头 */
    -webkit-tap-highlight-color: transparent !important;
}

/* 移除 summary 默认的蓝色/黑色轮廓 */
.citizen-dropdown-summary::-webkit-details-marker {
    display: none !important;
}

/* 2. 【核心修复】菜单面板 - 恢复模糊效果 */
/* 降低不透明度是复活模糊的关键 (0.15) */
#citizen-drawer__card.citizen-drawer__card,
.citizen-menu__card {
    background-color: rgba(255, 255, 255, 0.15) !important; 
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
    
    /* 解决渲染层级问题 */
    transform: translateZ(0);
    overflow: hidden !important;
}

/* 强制内层所有容器透明，否则模糊会被挡住 */
.citizen-menu__card-content,
.citizen-drawer__header,
#citizen-main-menu,
.citizen-main-menu,
.citizen-drawer__menu {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* 3. 搜索面板 (保留你要求的 1000px 逻辑) */
.citizen-command-palette {
    width: 1000px !important;
    max-width: 95vw !important;
    background-color: rgba(255, 255, 255, 0.65) !important; /* 搜索框稍厚一点方便看字 */
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

/* 4. 垃圾桶贴边逻辑 (V24 方案) */
.citizen-command-palette-list-item {
    position: relative !important;
    padding-right: 44px !important;
}
.citizen-command-palette-list-item__actions {
    position: absolute !important;
    right: 0 !important;
    width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 5. 夜间模式适配 (去蓝深灰) */
html.skin-theme-clientpref-night #citizen-drawer__card,
html.skin-theme-clientpref-night .citizen-command-palette {
    background-color: rgba(20, 20, 25, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 移除夜间模式下按钮可能出现的白框 */
html.skin-theme-clientpref-night .citizen-dropdown-summary {
    border: none !important;
}