/* 全局深色渐变背景，让玻璃效果更明显 */
body {
    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
    min-height: 100vh;
    margin: 0;
    padding: 0;
    color: #fff;
}

/* 液态玻璃效果 - 应用到主要区域 */
#sideBar, #main, .post, .blogStats, #blogTitle, #navigator,
.catListTitle, .catListPost, .input_my_zzk, #topics {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    border-radius: 24px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease;
}

/* 悬停微动效 */
#sideBar:hover, #main:hover, .post:hover, #topics:hover {
    transform: translateY(-3px) scale(1.005);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* 修复文字颜色 */
.catListTitle, .catListPost a, #sideBar a,
#blogTitle h1 a, #navigator a {
    color: #f0f0f0 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* 自定义类（如果你需要手动加玻璃效果） */
.liquid-glass {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    border-radius: 20px !important;
    padding: 20px;
    color: #fff;
    transition: all 0.3s ease;
}
.liquid-glass:hover {
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* 滚动条美化 */
::-webkit-scrollbar {
    width: 6px;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
}