MediaWiki:Common.css

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

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

/* ===================================================
 * 【方案二】 深渊紫金 (硬朗玄幻高对比风)
 * =================================================== */
:root {
    --brand-dark-purple: #311b92;  /* 极深的深渊紫 */
    --brand-main-purple: #4527a0;  /* 核心区块紫 */
    --brand-gold: #ffb300;         /* 琥珀金（用于对比与高亮） */
    --brand-bg: #eedeeb;           /* 略带冷灰的底色 */
}

body { background-color: var(--brand-bg) !important; }
.mw-parser-output a { color: var(--brand-main-purple); font-weight: bold; }
.mw-parser-output a:hover { color: var(--brand-gold); text-decoration: none; border-bottom: 2px solid var(--brand-gold); }

/* --- 1. 顶部导航 (Header) --- */
/* 沉浸式深紫顶栏，文字反白，极具冲击力 */
.citizen-header {
    background-color: var(--brand-dark-purple) !important;
    color: #ffffff !important;
    border-bottom: 3px solid var(--brand-gold) !important; /* 底部描金边 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
.citizen-header a { color: #ffffff !important; }
.citizen-search-box { background-color: rgba(255,255,255,0.1) !important; border-radius: 4px !important; border: 1px solid rgba(255,255,255,0.2) !important; }
.citizen-search-box input { color: #ffffff !important; }

/* --- 2. 侧边信息框 (Infobox) --- */
/* 粗边框，直角设计，结构感极强 */
.mw-parser-output table.infobox {
    background-color: #ffffff !important;
    border: 2px solid var(--brand-main-purple) !important;
    border-radius: 4px !important;
    padding: 0 !important; /* 紧凑布局 */
    box-shadow: 6px 6px 0px rgba(69, 39, 160, 0.1) !important; /* 硬阴影（错位风格） */
}
.mw-parser-output table.infobox th { background-color: rgba(69, 39, 160, 0.05) !important; color: var(--brand-main-purple) !important; border-right: 1px solid #eeeeee !important; }
.mw-parser-output table.infobox th.infobox-header { background-color: var(--brand-main-purple) !important; color: var(--brand-gold) !important; font-size: 1.2em !important; padding: 15px !important; border-bottom: 2px solid var(--brand-gold) !important; }
.mw-parser-output table.infobox td { border-bottom: 1px solid #eeeeee !important; padding: 10px 12px !important; }

/* --- 3. 底部导航栏 (Navbox) --- */
.mw-parser-output table.navbox {
    background-color: #ffffff !important;
    border: 2px solid var(--brand-main-purple) !important;
    border-radius: 4px !important;
    box-shadow: 6px 6px 0px rgba(69, 39, 160, 0.1) !important;
}
.mw-parser-output table.navbox th.navbox-title { background-color: var(--brand-dark-purple) !important; color: var(--brand-gold) !important; letter-spacing: 2px !important; }
.mw-parser-output table.navbox td.navbox-group { background-color: rgba(69, 39, 160, 0.05) !important; color: var(--brand-main-purple) !important; border-right: 2px solid var(--brand-main-purple) !important; }
.mw-parser-output table.navbox td.navbox-list { border-bottom: 1px solid #eeeeee !important; }

/* --- 4. 底部页脚 (Footer) --- */
/* 压暗处理，与顶部深紫呼应 */
.citizen-footer { background-color: #1a1625 !important; color: #aaaaaa !important; border-top: none !important; padding: 50px 0 !important; }
#footer-places a { color: var(--brand-gold) !important; }