MediaWiki:Common.css

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

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

/* =========================================
 * 国漫TV · Navbox 底部导航栏完整样式 (紫金体系/高权重版)
 * ========================================= */

/* 1. 导航栏外层容器卡片化 */
table.navbox {
    width: 100% !important;
    margin: 2.5em auto 0 !important;
    clear: both;
    background-color: #ffffff !important;
    border: 1px solid #e6e2ed !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(26, 22, 37, 0.04) !important;
    border-collapse: separate !important; 
    border-spacing: 0 !important;
    overflow: hidden !important;
}

/* 2. 顶部主标题 (强制覆盖主题底色) */
.mw-parser-output table.navbox th.navbox-title {
    background-color: #5e35b1 !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    text-align: center !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
}

.mw-parser-output table.navbox th.navbox-title a {
    color: #ffffff !important;
}
.mw-parser-output table.navbox th.navbox-title a:hover {
    color: #ffb300 !important;
}

/* 3. 左侧分类组名 (强制覆盖底色与文字色) */
.mw-parser-output table.navbox td.navbox-group {
    background-color: #f4f2f7 !important;
    color: #4527a0 !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
    text-align: right !important;
    vertical-align: middle !important;
    width: 140px !important;
    border-right: 2px solid #ffffff !important;
    border-bottom: 1px solid #e6e2ed !important;
}

.mw-parser-output table.navbox td.navbox-group a {
    color: #4527a0 !important;
}

/* 4. 右侧词条链接列表 */
.mw-parser-output table.navbox td.navbox-list {
    padding: 12px 16px !important;
    text-align: left !important;
    border-bottom: 1px solid #e6e2ed !important;
    line-height: 1.8 !important;
    background-color: #ffffff !important;
}

/* 移除最后一行多余的底边框 */
.mw-parser-output table.navbox tr:last-child td.navbox-group,
.mw-parser-output table.navbox tr:last-child td.navbox-list {
    border-bottom: none !important;
}

/* 5. 移动端优先：响应式折叠重构 */
@media screen and (max-width: 768px) {
    table.navbox, table.navbox tbody, table.navbox tr, table.navbox th, table.navbox td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .mw-parser-output table.navbox td.navbox-group {
        text-align: left !important;
        border-right: none !important;
        border-bottom: none !important;
        padding: 10px 15px 4px 15px !important; 
    }
    
    .mw-parser-output table.navbox td.navbox-list {
        padding: 4px 15px 12px 15px !important;
        border-bottom: 2px solid #e6e2ed !important; 
    }
}