/* 让导航栏在滚动时常驻，并保持原生平滑动画 */
.nav-fixed #nav {
    transform: translateY(58px) !important;
    -webkit-transform: translateY(58px) !important;
    /* 重点：千万不要写 transition: none，让主题自带的过渡动画生效 */
}

/* 1. 基础状态：确保 Logo 具备过渡效果（可选） */
#nav #blog-info .site-icon {
    transition: all 0.5s;
}

/* 2. 页面向下滚动时 (.nav-fixed)：切换为黑色 Logo */
/* 注意：这里去掉了 #nav，直接锁定 .nav-fixed 下的 logo，优先级更高 */
.nav-fixed #blog-info .site-icon {
    content: url('/resources/TGI_logo_positive.svg') !important;
}

/* 3. 夜间模式下：无论是否滚动，强制保持白色 Logo */
/* 使用 [data-theme="dark"] 锁定全局夜间状态 */
[data-theme="dark"] #nav #blog-info .site-icon,
[data-theme="dark"] .nav-fixed #nav #blog-info .site-icon {
    content: url('/resources/TGI_logo_negative.svg') !important;
    transition: all 0.3s;
}

/* ===== 修复文章页 (post-bg) 滚动时 Logo 消失的问题 ===== */

/* 1. 确保外层容器可用 */
#page-header.post-bg.nav-fixed #nav #blog-info {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important; 
    align-items: center !important;
}

/* 2. 【新增关键修复】：强制把被主题隐藏的 Logo 链接层拉出来 */
#page-header.post-bg.nav-fixed #nav #blog-info .nav-site-title {
    display: flex !important;
    align-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important; /* 防止主题有位移隐藏动画 */
}

/* 3. 隐藏官方默认弹出的文章标题 */
#page-header.post-bg.nav-fixed #nav #blog-info .nav-page-title {
    display: none !important;
}

/* 4. 黑白 Logo 切换逻辑 */
[data-theme="light"] #page-header.post-bg.nav-fixed #nav #blog-info .site-icon {
    content: url('/resources/TGI_logo_positive.svg') !important;
}

/* 侧边栏动态标题样式 */
#aside-content #card-toc .sidebar-post-title {
    font-weight: bold;
    font-size: 1.1rem;
    color: var(--text-highlight-color);
    padding: 35px 0 10px 0;
    margin-bottom: 12px;
    border-bottom: 1px dashed var(--light-grey);
    display: block;
    line-height: 1.4;
    /* 文字过长时显示省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最多显示两行 */
    -webkit-box-orient: vertical;
}

/* ===== 修复 404 页面浅色模式下的 Logo 看不见的问题 ===== */
[data-theme="light"] .type-404 #nav #blog-info .site-icon {
    content: url('/resources/TGI_logo_positive.svg') !important;
}