MediaWiki:Vector-2022.css

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

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

/* ================================
   顶部导航栏美化
================================ */

/* 顶部导航栏背景（淡蓝白渐变） */
.vector-header-container {
    background: linear-gradient(90deg, #f8fcff, #e9f7ff) !important;
    border-bottom: 1px solid #d0e7f8 !important;
}

/* 顶部导航栏下方 Tab（阅读 / 编辑 / 历史） */
.vector-menu-tabs .vector-menu-content li a {
    color: #1b4d7a !important;
}
.vector-menu-tabs .vector-menu-content li a:hover {
    color: #0096c7 !important;
}

/* 顶部搜索框圆角 */
#searchInput {
    border-radius: 30px !important;
}

/* 顶部搜索按钮 */
#searchButton {
    background: #0077b6;
    color: white !important;
    border-radius: 20px !important;
}


/* ================================
   首页分类导航美化（漂亮卡片）
================================ */

.beautiful-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 18px;
    margin-top: 20px;
}

.beautiful-card {
    background: #ffffff;
    padding: 15px 20px;
    border-radius: 14px;
    font-size: 17px;
    font-weight: 600;
    color: #2b2d42;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e3e8f0;
    transition: all 0.25s ease;
    cursor: pointer;
    text-decoration: none !important;
}

/* Card 悬停 */
.beautiful-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    border-color: #aacbff;
    background: #f8fbff;
}

/* 卡片图标（emoji） */
.card-emoji {
    font-size: 22px;
    opacity: 0.85;
}

/* MediaWiki 自动把 wiki 链接变蓝，这里强制取消下划线 */
.beautiful-card a {
    text-decoration: none !important;
    color: inherit !important;
}