/*文章首页卡片圆角+柔和阴影*/
.recent-post-item {
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
}

/*鼠标放上去卡片上浮效果*/
.recent-post-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
}

/*侧边栏卡片圆角+阴影*/
.card-widget {
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

/*美化滚动条*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #b8c8e0;
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background: #f4f7fb;
}

/*选中文字高亮颜色*/
::selection {
    background-color: #cfe0f8;
    color: #222;
}

/* 右上角导航菜单按钮样式 */
#nav .nav-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: #222;
    font-size: 20px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 鼠标悬停：上浮+背景色 */
#nav .nav-button:hover {
    transform: translateY(-3px);
    background-color: rgba(0, 0, 0, 0.08);
    color: #000;
}

/* 如果右上角是菜单图标，也给它加上浮动 */
#nav .menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

#nav .menu-toggle:hover {
    transform: translateY(-3px);
    background-color: rgba(0, 0, 0, 0.08);
}

/* 导航栏整体右侧区域，让按钮靠右显示 */
#nav #nav-right {
    display: flex !important;
    align-items: center;
    gap: 8px;
}


/* 导航菜单列表 */
#nav #nav-menu {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* 每个导航链接变成小胶囊 */
#nav #nav-menu a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: transparent;
}

/* 鼠标悬停：上浮 + 背景高亮 */
#nav #nav-menu a:hover {
    transform: translateY(-2px);
    background-color: rgba(0, 0, 0, 0.06);
    color: #000;
}

/* 当前页面激活状态 */
#nav #nav-menu a.current {
    background-color: rgba(0, 0, 0, 0.08);
    color: #000;
    font-weight: 500;
}

/* 导航菜单图标，如果有图标就显示 */
#nav #nav-menu a i {
    margin-right: 6px;
    font-size: 14px;
}

/* 右侧按钮保持和菜单风格一致 */
#nav .nav-button,
#nav .menu-btn {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: #666;
}

#nav .nav-button:hover,
#nav .menu-btn:hover {
    transform: translateY(-2px);
    background-color: rgba(0, 0, 0, 0.06);
    color: #000;
}

/* ========== 全局：首页/归档/文章/友链 全部页面页脚透明 ========== */
#footer {
    background: transparent !important;
}

#footer::before {
    display: none !important;
}

.footer-wrap {
    background: transparent !important;
}

.layout>.container {
    background: transparent !important;
}

/* ========== 仅友链页面生效：全屏背景 ========== */
body.page-type-link {
    background: url("/img/preview5.jpg") center / cover no-repeat fixed !important;
}

[data-theme="dark"] body.page-type-link {
    background: linear-gradient(135deg, #1e1e2e 0%, #2a2a3a 100%) !important;
}

.page.type-link #page-header {
    background-color: transparent !important;
}

.page.type-link #page-header::before {
    display: none !important;
}

.page.type-link #article-container {
    background: transparent !important;
}

.flexcard-flink-list .flink-list-card {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .flexcard-flink-list .flink-list-card {
    background: rgba(255, 255, 255, 0.08) !important;
}