MediaWiki:Common.css

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

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

/* 自定义侧边栏模块样式 */
.custom-sidebar-wrapper {
    margin: 0 0 20px 0;
    padding: 0;
}

.custom-sidebar-wrapper .zmd-section,
.custom-sidebar-wrapper .zmd-wiki-info {
    background: rgba(20, 24, 36, 0.75);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    padding: 16px 18px;
    margin-bottom: 25px;
    border: 1px solid rgba(66, 140, 200, 0.25);
}

.custom-sidebar-wrapper .zmd-section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(60, 126, 176, 0.5);
    color: #f0f3fa;
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-sidebar-wrapper .zmd-section-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #3c7eb0;
    border-radius: 2px;
}

.custom-sidebar-wrapper .zmd-stats {
    font-size: 20px;
    font-weight: bold;
    color: #7ab3c8;
    margin: 6px 0;
}

.custom-sidebar-wrapper .zmd-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.custom-sidebar-wrapper .zmd-link-list a,
.custom-sidebar-wrapper .zmd-update-text a {
    color: #9cb8e0;
    text-decoration: none;
    font-size: 13px;
}

.custom-sidebar-wrapper .zmd-link-list a:hover,
.custom-sidebar-wrapper .zmd-update-text a:hover {
    color: white;
    text-decoration: underline;
}

.custom-sidebar-wrapper .zmd-update-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-sidebar-wrapper .zmd-update-list li {
    padding: 8px 0;
    border-bottom: 1px solid #2a2f3a;
    display: flex;
    gap: 10px;
    align-items: center;
}

.custom-sidebar-wrapper .zmd-update-date {
    background: #2a3a4a;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    color: #bcd0ff;
    white-space: nowrap;
}

.custom-sidebar-wrapper .zmd-update-text {
    font-size: 13px;
}

.custom-sidebar-wrapper .zmd-btn {
    display: inline-block;
    background: #2f4f6f;
    padding: 6px 20px;
    border-radius: 24px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    font-size: 13px;
    transition: 0.2s;
}

.custom-sidebar-wrapper .zmd-btn:hover {
    background: #3f6f8f;
    color: white;
}

/* 确保侧边栏宽度足够显示内容 */
@media (min-width: 1200px) {
    .vector-feature-limited-width-clientpref-1 .mw-page-container,
    .vector-feature-limited-width-clientpref-0 .mw-page-container {
        padding-left: 2em;
    }
    .mw-sidebar {
        width: 280px;
    }
}