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 {
    /* 1. 网页底层背景：用 #FAFAFA 降低亮度，护眼且有质感 */
    --background-color-base: #fafafa !important;

    /* 2. 核心内容区域（卡片）：保持 #FFFFFF 纯白，确保阅读清晰，且能“跳”出来 */
    --background-color-surface: #ffffff !important;
    
    /* 3. 弹窗/遮罩：保持纯白 */
    --background-color-overlay: #ffffff !important;
    
    /* 4. 输入框：保持纯白，不然看起来像禁用了 */
    --background-color-input: #ffffff !important;

    /* === 字体颜色：深黑，保证对比度 === */
    --color-base: #202122 !important;
    --color-quiet: #54595d !important;

    /* === 边框：用稍深的灰，强化卡片边缘 === */
    --border-color-base: #a2a9b1 !important; 
}

/* === 细节修正 === */

/* 让侧边栏和顶栏跟随“纸张”颜色，或者跟随“背景”颜色 */
/* 方案 A：让侧边栏和顶栏也变白，和内容连成一片（推荐，更干净） */
.mw-header,
.citizen-drawer,
.mw-footer {
    background-color: #ffffff !important;
    /* 加一点阴影，让白色顶栏在浅灰背景上也能分得清 */
    box-shadow: 0 1px 2px rgba(0,0,0,0.03); 
}

/* 方案 B：如果你想让侧边栏和背景融为一体（看起来内容区是独立的纸） */
/* 如果喜欢方案 B，把下面这行注释去掉，把上面的方案 A 删掉 */
/* .citizen-drawer, .mw-footer { background-color: var(--background-color-base) !important; } 
*/