MediaWiki:Citizen.css

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

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

/* ==========================================================================
   编辑器图标重影：精准手术版
   ========================================================================== */

/* 1. 屏蔽作为容器的 <a> 标签上的图标渲染 */
.oo-ui-buttonElement-button.oo-ui-icon-upload,
.oo-ui-buttonElement-button .oo-ui-icon-upload:not(.oo-ui-iconElement-icon) {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-image: none !important;
}

/* 2. 仅允许最内层的 iconElement 渲染图标 */
.oo-ui-iconElement-icon.oo-ui-icon-upload {
    -webkit-mask-image: inherit; /* 恢复 Citizen 默认的遮罩逻辑 */
    mask-image: inherit;
    /* 确保它在最上层显示 */
    display: block !important;
    z-index: 2;
}

/* 3. 彻底清除工具栏中所有可能的伪元素干扰 */
.oo-ui-toolbar .oo-ui-iconElement-icon::before,
.oo-ui-toolbar .oo-ui-iconElement-icon::after {
    content: none !important;
    display: none !important;
}

/* 4. 暗色模式兼容：修正 Citizen 可能存在的滤镜重叠 */
.mw-layout-context-dark .oo-ui-iconElement-icon.oo-ui-icon-upload {
    background-color: #fff !important; /* Citizen 靠背景色渲染图标颜色 */
    filter: none !important;
}