/* 博客园背景图片自定义样式 - 支持透明度调整 */
body {
    /* 替换为你的背景图片URL */
    background-image: url("https://images.cnblogs.com/cnblogs_com/blogs/856136/galleries/2480765/o_251106125140_db2bxcik.webp") !important;
    background-repeat: no-repeat !important; /* 禁止背景重复 */
    background-size: cover !important; /* 背景自适应屏幕大小 */
    background-attachment: fixed !important; /* 滚动时背景固定 */
    background-position: center center !important; /* 背景居中显示 */
    position: relative !important;
}

/* 背景遮罩层（用于控制透明度，不影响内容） */
body::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* 调整透明度：0-1之间，数值越小越透明（建议0.3-0.8） */
    background-color: rgba(255, 255, 255, 0.3) !important;
    z-index: -1 !important; /* 确保遮罩在背景之上，内容之下 */
}

/* 确保内容区域背景白色，提升可读性 */
#home, .container, .blog-content, .post {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 8px !important; /* 可选：添加圆角优化视觉 */
    padding: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; /* 可选：添加阴影增强层次感 */
}