/* 移动端底部毛玻璃导航 */
        .glass-nav {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            border-top: 1px solid rgba(0,0,0,0.05);
        }
        /* 隐藏滚动条但保留功能 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        /* 评级标签通用样式 */
        .grade-badge {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0.25rem 0.75rem;
            border-bottom-left-radius: 0.75rem;
            color: white;
            font-weight: bold;
            font-size: 0.875rem;
            z-index: 10;
        }
        .grade-s { background-color: #9B7ADD; }
        .grade-a { background-color: #FCAB32; }
        .grade-b { background-color: #73BE77; }
        .grade-c { background-color: #3A98FD; }
        .grade-d { background-color: #ADADAF; }
        
        body { background-color: #f4f7fa; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
        .data-grid-item { display: flex; justify-content: space-between; align-items: center; padding: 1.1rem 1.5rem; border-bottom: 1px solid #f8fafc; }
        .data-grid-item:last-child { border-bottom: none; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .input-focus:focus { border-color: #3b82f6; background-color: #fff; outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
        @media (min-width: 1280px) { .sticky-column { position: sticky; top: 5.5rem; align-self: start; } }
        
        /* 友情链接适配 CSS */
/* 保持 li 穿透，确保布局不被破坏 */
.custom-links li {
    display: contents;
}

.custom-links a {
    transition: all 0.3s;
    color: #6b7280; /* text-gray-500 */
}

.custom-links a:hover {
    color: #2563eb; /* text-blue-600 */
    transform: translateY(-1px); /* 悬浮微动效 */
}
/* PC 端导航适配 */
.custom-nav li {
    display: contents; /* 消除 li 层级 */
}

.custom-nav a {
    transition: all 0.3s;
    color: #6b7280; /* text-gray-500 */
}

/* 悬停及 Z-Blog 原生高亮类名适配 */
.custom-nav a:hover, 
.custom-nav li.active a {
    color: #2563eb; /* text-blue-600 */
}

/* 移动端侧边栏适配 */
.side-nav li {
    display: block; /* 移动端需要纵向排列 */
    width: 100%;
}

.side-nav a {
    display: block;
    padding: 4px 0;
    color: #4b5563; /* text-gray-600 */
    transition: color 0.3s;
}

.side-nav li.active a {
    color: #2563eb;
}