/* @media screen and (max-width: 768px) {
  #nav {
    top: 20px!important;
    padding: 0 16px;
  }
} */

/* 超级强力汉堡菜单修复 - 放在文件开头确保优先级 */

/* 默认隐藏汉堡菜单按钮 - 所有设备 */
#toggle-menu,
#nav #toggle-menu,
nav#nav #toggle-menu,
html #toggle-menu,
html #nav #toggle-menu,
html nav#nav #toggle-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* 移动端显示汉堡菜单按钮 */
@media (max-width: 768px) {
    #toggle-menu,
    #nav #toggle-menu,
    nav#nav #toggle-menu,
    html #toggle-menu,
    html #nav #toggle-menu,
    html nav#nav #toggle-menu {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 9999 !important;
        position: static !important;
        left: auto !important;
        /* 调整位置让它看起来更自然 */
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
        line-height: normal !important;
    }
    
    #toggle-menu .site-page,
    #nav #toggle-menu .site-page,
    nav#nav #toggle-menu .site-page,
    html #toggle-menu .site-page,
    html #nav #toggle-menu .site-page,
    html nav#nav #toggle-menu .site-page {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        color: var(--light-grey) !important;
        font-size: 0.78em !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
        position: relative !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        line-height: 1 !important;
        vertical-align: middle !important;
    }
    
    #toggle-menu .site-page i,
    #nav #toggle-menu .site-page i,
    nav#nav #toggle-menu .site-page i,
    html #toggle-menu .site-page i,
    html #nav #toggle-menu .site-page i,
    html nav#nav #toggle-menu .site-page i {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 16px !important;
        color: inherit !important;
        pointer-events: none !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
    }
    
    #toggle-menu .site-page:hover,
    #nav #toggle-menu .site-page:hover,
    nav#nav #toggle-menu .site-page:hover,
    html #toggle-menu .site-page:hover,
    html #nav #toggle-menu .site-page:hover,
    html nav#nav #toggle-menu .site-page:hover {
        color: var(--white) !important;
    }
    
    /* 确保导航栏在移动端正确显示 */
    #nav,
    nav#nav,
    html #nav,
    html nav#nav {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* 强制隐藏菜单项 */
    #nav .menus_items,
    nav#nav .menus_items,
    html #nav .menus_items,
    html nav#nav .menus_items {
        display: none !important;
    }
    
    /* 确保侧边栏元素存在 */
    #sidebar,
    html #sidebar {
        display: block !important;
    }
    
    #menu-mask,
    html #menu-mask {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 9998 !important;
        background: rgba(0, 0, 0, 0.8) !important;
        display: none !important;
    }
    
    #sidebar-menus,
    html #sidebar-menus {
        position: fixed !important;
        top: 0 !important;
        right: -300px !important;
        width: 300px !important;
        height: 100% !important;
        z-index: 9999 !important;
        background: var(--sidebar-bg, #fff) !important;
        transition: transform 0.3s ease !important;
        overflow-y: auto !important;
    }
    
    #sidebar-menus.open,
    html #sidebar-menus.open {
        transform: translate3d(-100%, 0, 0) !important;
    }
}

/* 平板端 769px - 1024px 也显示汉堡菜单 */
@media (min-width: 769px) and (max-width: 1024px) {
    #toggle-menu,
    #nav #toggle-menu,
    nav#nav #toggle-menu,
    html #toggle-menu,
    html #nav #toggle-menu,
    html nav#nav #toggle-menu {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 9999 !important;
        position: static !important;
        left: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
    }
    
    #toggle-menu .site-page,
    #nav #toggle-menu .site-page,
    nav#nav #toggle-menu .site-page,
    html #toggle-menu .site-page,
    html #nav #toggle-menu .site-page,
    html nav#nav #toggle-menu .site-page {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        vertical-align: middle !important;
    }
}

/* 电脑端强制隐藏汉堡菜单按钮 - 最高优先级 */
@media (min-width: 1025px) {
    #toggle-menu,
    #nav #toggle-menu,
    nav#nav #toggle-menu,
    html #toggle-menu,
    html #nav #toggle-menu,
    html nav#nav #toggle-menu,
    body #toggle-menu,
    body #nav #toggle-menu,
    body nav#nav #toggle-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }
    
    #toggle-menu .site-page,
    #nav #toggle-menu .site-page,
    nav#nav #toggle-menu .site-page,
    html #toggle-menu .site-page,
    html #nav #toggle-menu .site-page,
    html nav#nav #toggle-menu .site-page,
    body #toggle-menu .site-page,
    body #nav #toggle-menu .site-page,
    body nav#nav #toggle-menu .site-page {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* 确保电脑端正常显示菜单项 */
    #nav .menus_items,
    nav#nav .menus_items,
    html #nav .menus_items,
    html nav#nav .menus_items,
    body #nav .menus_items,
    body nav#nav .menus_items {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* 调整目录栏最大高度并启用滚动条 */

#aside-content #card-toc .toc-content {
    overflow-y: scroll;
    overflow-y: overlay;
    margin: 0 -24px;
    max-height: calc(100vh - 380px);
    width: calc(100% + 48px);
    color: white!important;
}

/* 移动端目录 - 直接使用电脑版侧边栏目录 */
@media (max-width: 900px) {
    /* 移动端时将侧边栏目录移动到固定位置 */
    #aside-content #card-toc {
        position: fixed !important;
        right: 50px !important;
        bottom: 80px !important;
        top: auto !important;
        left: auto !important;
        z-index: 99999 !important;
        width: 280px !important;
        max-width: 280px !important;
        max-height: 60vh !important;
        transform: scale(0) !important;
        transform-origin: right bottom !important;
        opacity: 0 !important;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* 显示状态 */
    #aside-content #card-toc.open {
        transform: scale(1) !important;
        opacity: 1 !important;
    }
    
    /* 确保目录内容可滚动 */
    #aside-content #card-toc .toc-content {
        max-height: 50vh !important;
        overflow-y: auto !important;
    }
    
    /* 确保移动端目录按钮显示 */
    #mobile-toc-button {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* 电脑端隐藏移动端目录按钮 */
@media (min-width: 901px) {
    #mobile-toc-button {
        display: none !important;
    }
}

#aside-content #card-toc .toc-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/img/scrollImg.webp');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 0.6;
    z-index: -1;
    pointer-events: none; /* 确保不阻挡点击事件 */
}

/* 确保TOC内容区域的点击事件正常工作 */
#aside-content #card-toc .toc-content .toc {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

#aside-content #card-toc .toc-content .toc .toc-link {
    position: relative;
    z-index: 3;
    pointer-events: auto;
    display: block;
    padding: 8px 0;
    cursor: pointer;
}

#aside-content #card-toc .toc-content .toc .toc-item {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

.post-message-container .post-message p {
    color: white !important;
}

body{
    color: #dfffff !important;
}
/* #swiper_container{
    background: linear-gradient(
        to bottom right,
        rgba(1, 40, 131, 0.6),  
        rgba(255, 255, 255, 0.6),
        rgba(96, 26, 91, 0.6),  
        rgba(30, 30, 30, 0.6),
        rgba(255, 255, 255, 0.6),
        rgba(107, 36, 179, 0.6) 
    )!important;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
} */

/* #post{
    background: linear-gradient(
        to bottom right,
        rgba(1, 40, 131, 0.6),  
        rgba(255, 255, 255, 0.6),
        rgba(96, 26, 91, 0.6),  
        rgba(30, 30, 30, 0.6), 
        rgba(255, 255, 255, 0.6), 
        rgba(107, 36, 179, 0.6) 
    )!important;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
} */

.recent-post-item{
    background: linear-gradient(
        to bottom right,
        rgba(0, 35, 117, 0.4),  
        rgba(36, 85, 246, 0.4),
        rgba(0, 0, 0, 0.4),    
        rgba(255, 44, 44, 0.4), 
        rgba(255, 0, 183, 0.4)  
    )!important;
    /* box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); */
    /* border: 2px solid rgba(255, 255, 255, 0.5) !important; */
    border-radius: 10px;
}
/* 通用卡片包装器样式 - 但不应用于瀑布流 */
.post-card-wrapper:not(#recent-posts.waterfall-masonry .waterfall-item .post-card-wrapper) {
   border: 2px solid rgba(255, 255, 255, 0.5) !important;
}
/* 仅作者卡/访问卡保留渐变蒙版 + 背景图（用户指定保留）；
   其余侧边栏卡片与 #post/#archive/#page 主体由 /css/xp-theme.css 的 XP 窗口样式接管 */
#aside-content .card-widget.card-info{
    background: linear-gradient(
        to bottom right,
        rgba(1, 40, 131, 0.6),  
        rgba(36, 85, 246, 0.6),
        rgba(96, 26, 91, 0.6),  
        rgba(30, 30, 30, 0.6),  
        rgba(255, 44, 44, 0.6), 
        rgba(255, 3, 230, 0.6) 
    )!important;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
}

/* 文章页专属夜空磨砂背景：与首页彩色卡片区分，阅读模式保持原有纯净布局 */
/* 文章页夜空磨砂与 flat note 修复已于 2026-08-10 移除：
   #post 改由 /css/xp-theme.css 的 XP 深色窗口接管（保留 read-mode 原生排版）。 */

/* #content-inner #archive,
#content-inner #page{
    background: linear-gradient(
        to bottom right,
        rgba(1, 40, 131, 0.6), 
        rgba(255, 255, 255, 0.6),
        rgba(96, 26, 91, 0.6), 
        rgba(30, 30, 30, 0.6), 
        rgba(255, 255, 255, 0.6),
        rgba(107, 36, 179, 0.6)
    )!important;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
} */

#aside-content .card-info.card-widget {
    position: relative;
    overflow: hidden;
}


#aside-content .card-info.card-widget > * {
    position: relative;
    z-index: 1;
}

.full_page#page-header {
    position: relative;
    overflow: hidden;
}

.full_page#page-header::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

}

/* 调整星空canvas容器 */
.full_page#page-header .universe-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    opacity: 0.7; /* 降低星空效果的不透明度 */
    mix-blend-mode: screen; /* 使用混合模式让星星更好地融入背景 */
}

/* 确保标题和打字效果可见 */
.full_page#page-header .site-info {
    position: relative;
    z-index: 3;
}

#site-title,
#site-subtitle,
#site-info #scroll-down {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加文字阴影提高可读性 */
    position: relative;
    z-index: 3;
}

/* 确保打字效果可见 */
#subtitle-box {
    z-index: 3;
    position: relative;
}
#aside-content .card-info.card-widget::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/img/loadImg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.45;
    z-index: 0;
}

.recent-post-items .recent-post-item{
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
}

/* 瀑布流布局样式 - 优化版 */
#recent-posts.waterfall-masonry {
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box;
    clear: both;
    position: relative;
}

#recent-posts.waterfall-masonry .blog-slider {
    width: 100% !important;
    margin: 0 0 30px 0 !important;
    /* overflow 已由 swiper-lib + swiper-xp 接管为 hidden，勿再覆盖为 visible（会露出相邻 slide） */
    position: relative;
    z-index: 0; /* 降低轮播图的层级，确保不会覆盖页面头部 */
    top: 0; /* 确保轮播图不会向上偏移 */
    margin-top: 50px !important; /* 大幅增加顶部间距，避免侵入头部区域 */
}

#recent-posts.waterfall-masonry .waterfall-container {
    position: relative !important;
    width: 100% !important;
    min-height: 400px;
    overflow: visible !important;
    box-sizing: border-box;
    clear: both;
    z-index: 1;
    margin-bottom: 60px !important;
    padding-bottom: 40px !important;
}

/* 瀑布流项目基础样式 - 让JS完全控制定位 */
#recent-posts.waterfall-masonry .waterfall-container .waterfall-item {
    /* 初始状态 - JS会修改这些属性 */
    position: relative; /* 移除!important，让JS能够设置为absolute */
    display: block !important;
    visibility: visible !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    float: none !important;
    clear: none !important;
    /* 移除固定宽度，让JS控制 */
    width: auto;
    /* 移除变换和透明度，让JS控制动画 */
    opacity: 1;
    transform: none;
    transition: none; /* JS会设置transition */
    will-change: auto;
    z-index: auto;
}

/* 确保所有子元素也使用border-box */
#recent-posts.waterfall-masonry .waterfall-container .waterfall-item * {
    box-sizing: border-box !important;
}

/* 卡片包装器样式 - 基础样式移动到跑马灯部分 */

/* 封面图片样式 */
#recent-posts.waterfall-masonry .waterfall-item .post_cover {
    width: 100%;
    overflow: hidden;
    position: relative;
    order: 0;
}

#recent-posts.waterfall-masonry .waterfall-item .post_cover a {
    display: block;
    width: 100%;
}

#recent-posts.waterfall-masonry .waterfall-item .post_cover img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: transform 0.3s ease;
}

#recent-posts.waterfall-masonry .waterfall-item .post_cover:hover img {
    transform: scale(1.05);
}

/* 文章信息样式 */
#recent-posts.waterfall-masonry .waterfall-item .recent-post-info {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

#recent-posts.waterfall-masonry .waterfall-item .article-title {
    margin-bottom: 16px;
}

#recent-posts.waterfall-masonry .waterfall-item .article-title a {
    color: var(--font-color);
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

#recent-posts.waterfall-masonry .waterfall-item .article-title a:hover {
    color: var(--theme-color);
}

/* 分页器样式 */
#recent-posts.waterfall-masonry #pagination {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
    margin-top: 60px !important;
    clear: both !important;
    width: 100% !important;
    background: transparent !important;
}

#recent-posts.waterfall-masonry #pagination .pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

#recent-posts.waterfall-masonry #pagination .pagination .page-number,
#recent-posts.waterfall-masonry #pagination .pagination .extend {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 10px 15px !important;
    text-align: center !important;
    line-height: 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

#recent-posts.waterfall-masonry #pagination .pagination .current {
    background: var(--theme-color) !important;
    color: #fff !important;
}

#recent-posts.waterfall-masonry #pagination .pagination .extend {
    color: var(--font-color) !important;
}

#recent-posts.waterfall-masonry #pagination .pagination .extend:hover {
    color: var(--theme-color) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* 响应式设计 */
@media (min-width: 1400px) {
    /* JS会控制宽度，这里不设置固定宽度 */
}

/* 移动端由 CSS 单列布局负责；不再用属性选择器反复覆盖脚本状态。 */
@media (max-width: 768px) {
    #recent-posts.waterfall-masonry .waterfall-container {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    #recent-posts.waterfall-masonry .waterfall-container .waterfall-item {
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
        display: block !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
        transform: none !important;
    }

    /* 轮播图层级修复 */
    #recent-posts.waterfall-masonry .blog-slider {
        z-index: 0 !important; /* 移动端也降低轮播图层级 */
        position: relative !important;
        margin: 60px 0 20px 0 !important; /* 大幅增加顶部间距，避免侵入头部区域 */
        top: 0 !important; /* 确保轮播图不会向上偏移 */
    }
    
    /* 文章封面图自适应宽度 - 仅手机端 */
    #recent-posts.waterfall-masonry .waterfall-item .post_cover {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .post_cover a {
        width: 100%;
        display: block;
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .post_cover img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        transition: transform 0.3s ease;
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .post_cover:hover img {
        transform: scale(1.05);
    }
    
    /* 移动端瀑布流卡片样式 - 不覆盖极光效果 */
    html body #recent-posts.waterfall-masonry .waterfall-item .post-card-wrapper {
        padding: 0 !important; /* 移除手机端额外的padding */
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .recent-post-info {
        padding: 20px; /* 增加padding */
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .article-title {
        margin-bottom: 16px; /* 增加标题下边距 */
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .article-title a {
        font-size: 16px !important;
        line-height: 1.5; /* 增加行高 */
    }
    
    /* 手机端文章元信息间距优化 */
    #recent-posts.waterfall-masonry .waterfall-item .article-meta-wrap {
        margin-bottom: 12px; /* 增加元信息区域下边距 */
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .article-meta {
        margin-bottom: 12px; /* 增加时间区域下边距 */
        padding-bottom: 8px; /* 增加底部内边距 */
    }
    
    /* 手机端标签区域间距优化 */
    #recent-posts.waterfall-masonry .waterfall-item .article-meta .tags {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
        gap: 12px !important; /* 增加标签间距 */
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .article-meta .tags .article-meta__tags {
        padding: 6px 12px !important;
        margin: 3px !important; /* 增加标签外边距 */
    }
    
    /* 手机端文章描述间距优化 */
    #recent-posts.waterfall-masonry .waterfall-item .content {
        margin-top: 12px; /* 增加描述上边距 */
        line-height: 1.6; /* 增加行高 */
        padding-top: 8px; /* 增加顶部内边距 */
    }
    
    /* 移动端分页器优化 */
    #recent-posts.waterfall-masonry #pagination .pagination {
        gap: 8px !important;
        padding: 15px 0 !important;
    }
    
    #recent-posts.waterfall-masonry #pagination .pagination .page-number,
    #recent-posts.waterfall-masonry #pagination .pagination .extend {
        min-width: 36px !important;
        height: 36px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    
    /* 确保手机端导航栏有hide-menu类 */
    #nav {
        /* 强制显示汉堡菜单按钮 */
    }
    
    #nav #toggle-menu {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        cursor: pointer !important;
        z-index: 100 !important;
    }
    
    #nav #toggle-menu .site-page {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        cursor: pointer !important;
        font-size: inherit !important;
        padding: 8px 12px !important;
        color: var(--font-color) !important;
        transition: color 0.3s ease !important;
    }
    
    #nav #toggle-menu .site-page:hover {
        color: var(--white) !important;
    }
    
    #nav #toggle-menu .site-page i {
        font-size: 16px !important;
        pointer-events: none !important;
    }
    
    /* 确保菜单项在手机端隐藏 */
    #nav .menus_items {
        display: none !important;
    }
    
    /* 确保导航栏在手机端正确显示 */
    #nav.show {
        opacity: 1 !important;
    }
}

@media (max-width: 600px) {
    #recent-posts.waterfall-masonry .waterfall-item .recent-post-info {
        padding: 18px; /* 小屏幕适当增加padding */
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .article-title {
        margin-bottom: 14px; /* 小屏幕适当增加标题下边距 */
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .article-title a {
        font-size: 16px !important;
        line-height: 1.5; /* 保持较好的行高 */
    }
    
    /* 小屏幕元信息间距 */
    #recent-posts.waterfall-masonry .waterfall-item .article-meta {
        margin-bottom: 10px;
        padding-bottom: 6px;
    }
    
    /* 小屏幕标签间距 */
    #recent-posts.waterfall-masonry .waterfall-item .article-meta .tags {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        gap: 10px !important;
    }
    
    /* 小屏幕描述间距 */
    #recent-posts.waterfall-masonry .waterfall-item .content {
        margin-top: 10px;
        line-height: 1.6;
        padding-top: 6px;
    }
}

.waterfall-item{
    border-radius: 20px !important;
}

/* 首页文章标签样式 - coffer风格 - 增强优先级 */
html body #recent-posts.waterfall-masonry .waterfall-item .article-meta .tags .article-meta__tags {
    background: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    display: inline-block !important;
}

html body #recent-posts.waterfall-masonry .waterfall-item .article-meta .tags .article-meta__tags:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 标签容器样式优化 - 增强优先级 */
html body #recent-posts.waterfall-masonry .waterfall-item .article-meta .tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* 覆盖任何可能的默认标签样式 */
#recent-posts .waterfall-item .article-meta__tags,
#recent-posts .article-meta__tags,
.article-meta__tags {
    background: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 6px 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    display: inline-block !important;
    margin: 2px !important;
}

#recent-posts .waterfall-item .article-meta__tags:hover,
#recent-posts .article-meta__tags:hover,
.article-meta__tags:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 响应式设计 */
@media (min-width: 769px) {
    /* 电脑端封面图样式 - 保持原有效果 */
    #recent-posts.waterfall-masonry .waterfall-item .post_cover {
        width: 100%;
        overflow: hidden;
        position: relative;
        order: 0;
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .post_cover a {
        display: block;
        width: 100%;
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .post_cover img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        transition: transform 0.3s ease;
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .post_cover:hover img {
        transform: scale(1.05);
    }
    
    #recent-posts.waterfall-masonry .waterfall-item .recent-post-info {
        padding: 20px;
    }
}

/* 手机端文章元信息间距优化 */
#recent-posts.waterfall-masonry .waterfall-item .article-meta-wrap {
    margin-bottom: 12px; /* 增加元信息区域下边距 */
}

#recent-posts.waterfall-masonry .waterfall-item .article-meta {
    margin-bottom: 12px; /* 增加时间区域下边距 */
    padding-bottom: 8px; /* 增加底部内边距 */
}

/* 手机端标签区域间距优化 */
#recent-posts.waterfall-masonry .waterfall-item .article-meta .tags {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    gap: 12px !important; /* 增加标签间距 */
}

#recent-posts.waterfall-masonry .waterfall-item .article-meta .tags .article-meta__tags {
    padding: 6px 12px !important;
    margin: 3px !important; /* 增加标签外边距 */
}

/* 手机端文章描述间距优化 */
#recent-posts.waterfall-masonry .waterfall-item .content {
    margin-top: 12px; /* 增加描述上边距 */
    line-height: 1.6; /* 增加行高 */
    padding-top: 8px; /* 增加顶部内边距 */
}

/* 移动端侧边栏优化 - 完整对齐修复 */
@media (max-width: 768px) {
    /* 确保侧边栏在移动端可见并正确对齐 */
    #aside-content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important; /* 与主内容区域保持一致的左右边距 */
        box-sizing: border-box !important;
        position: relative !important;
        float: none !important;
        clear: both !important;
    }
    
    #aside-content .card-widget {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important; /* 统一卡片间距 */
        padding: 20px !important; /* 统一内边距 */
        box-sizing: border-box !important;
        position: relative !important;
        float: none !important;
        clear: both !important;
        left: 0 !important; /* 重置任何可能的偏移 */
        right: 0 !important;
        top: 0 !important;
        transform: none !important; /* 重置任何变换 */
    }
    
    /* 确保主容器布局正确 */
    #main {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        position: relative !important;
    }
    
    /* 确保内容区域正确对齐 */
    #content-inner {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important; /* 与侧边栏保持一致的边距 */
        box-sizing: border-box !important;
        position: relative !important;
        float: none !important;
        clear: both !important;
    }
    
    /* 重置任何可能影响对齐的样式 */
    .layout {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        overflow-x: visible !important;
    }
    
    /* 确保容器不会超出屏幕 */
    body {
        overflow-x: visible !important;
    }
    
    /* 修复可能的flexbox布局问题 */
    .container,
    #page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        position: relative !important;
        box-sizing: border-box !important;
    }
}

/* 平板端导航优化 */
@media (max-width: 1024px) {
    #nav #toggle-menu {
        display: inline-block;
        visibility: visible;
        opacity: 1;
        cursor: pointer;
    }
    
    #nav #toggle-menu .site-page {
        display: inline-block;
        visibility: visible;
        opacity: 1;
        cursor: pointer;
    }
}

/* 确保JavaScript事件正确绑定 - 调试用 */
#toggle-menu {
    pointer-events: auto !important;
}

#toggle-menu .site-page {
    pointer-events: auto !important;
}

#toggle-menu .site-page i {
    pointer-events: none !important;
}

/* 公告图片与历史时间轴样式见 announcement-history.css */

/* 自定义目录链接颜色 */
:root {
    --toc-link-color: #ffffff !important; /* 蓝色，你可以改成任何你喜欢的颜色 */
}

/* 也可以直接指定目录链接的颜色 */
#aside-content #card-toc .toc-content .toc .toc-link {
    color: #ffffff !important; /* 备用方案，确保颜色生效 */
}

/* 鼠标悬停时的颜色
#aside-content #card-toc .toc-content .toc .toc-link:hover {
    color: #ff0055 !important; /* 悬停时变成粉色 */
/*}*/

/* 当前激活项的颜色（2026-08-10：XP 化统一为激活蓝选中态，原绿色 #00ff88 与 XP 蓝窗口不协调） */
#aside-content #card-toc .toc-content .toc .toc-link.active {
    color: #ffffff !important;
    background-color: rgba(0, 88, 230, 0.45) !important;
}