/* =========================================
   博客园极简白帽极客主题 (White-hat Cyber)
   ========================================= */

/* 1. 全局字体与浅色科技背景 */
body { 
    background-color: #f8fafc !important; 
    color: #334155; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important; 
    margin: 0; padding: 0;
}

/* 2. 暴力隐藏博客园自带的无用广告和旧版侧边栏 */
#ad_t2, #opt_under_post, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb, #leftcontentcontainer, #header { 
    display: none !important; 
}

/* 3. 核心文章容器：居中、高透毛玻璃卡片 */
#home { 
    max-width: 900px !important; 
    margin: 0 auto; 
    padding-top: 40px; 
}
#mainContent .forFlow { 
    background: rgba(255, 255, 255, 0.85) !important; 
    backdrop-filter: blur(16px); 
    border-radius: 20px; 
    padding: 50px 60px; 
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.05); 
    border: 1px solid rgba(255, 255, 255, 1);
}

/* 4. 文章标题与正文美化 */
#cb_post_title_url { 
    color: #0f172a !important; 
    font-size: 32px; 
    font-weight: 800; 
    border-bottom: 2px solid #e2e8f0; 
    padding-bottom: 20px; 
    display: block; 
    text-decoration: none;
}
#cnblogs_post_body h2 { 
    color: #1e293b; 
    border-left: 5px solid #3b82f6; 
    background: #f1f5f9; 
    padding: 12px 15px; 
    margin: 40px 0 20px 0; 
    border-radius: 0 8px 8px 0; 
    font-weight: 700;
}
#cnblogs_post_body p { line-height: 1.8; font-size: 16px; color: #475569; }

/* 5. 极简代码块 */
#cnblogs_post_body pre { 
    background: #f8fafc !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 12px !important; 
    padding: 15px !important; 
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); 
}
#cnblogs_post_body :not(pre) > code { 
    color: #db2777; background: #f1f5f9; padding: 3px 6px; border-radius: 6px; 
}

/* 6. 右下角悬浮操作栏 (CSS 部分) */
.cyber-dock {
    position: fixed; right: 40px; bottom: 60px;
    display: flex; flex-direction: column; gap: 15px; z-index: 9999;
    background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px);
    padding: 12px; border-radius: 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); border: 1px solid #e2e8f0;
}
.cyber-dock a {
    color: #64748b; text-decoration: none; display: flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; border-radius: 12px; transition: all 0.3s ease;
}
.cyber-dock a:hover { background: #f1f5f9; color: #2563eb; transform: translateY(-3px); }

/* 7. 顶部阅读进度条 */
#read-progress {
    position: fixed; top: 0; left: 0; height: 3px; background: #3b82f6;
    width: 0%; z-index: 10000; transition: width 0.1s;
}

/* 8. 动态背景画布层级 */
#bg-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }