/* ==========================================
   📖 博客全局公共样式表
   ========================================== */

/* 1. 全局动态背景 - 必应每日壁纸 */
body {
    background: url('https://tu.dddd.ooo/app/bing.php') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
}

/* 2. 通用毛玻璃磨砂卡片 (支持 Tailwind 基础类名组合) */
.glass-card {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 1rem; /* xl */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* 3. 详情页专用的更高白度卡片，确保正文文字清晰好读 */
.glass-card-post {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background-color: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1rem;
}

/* 4. 输入框通用磨砂聚焦样式 */
.glass-input {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(209, 213, 219, 0.8);
    transition: all 0.2s ease-in-out;
}
.glass-input:focus {
    background-color: rgba(255, 255, 255, 0.85);
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}

/* 5. EasyMDE 编辑器专属磨砂透明化适配 */
.EasyMDEContainer { 
    background: rgba(255, 255, 255, 0.6) !important; 
    border-radius: 0.75rem;
    overflow: hidden;
}
.editor-toolbar { 
    background: rgba(255, 255, 255, 0.85) !important; 
    border-color: rgba(229, 231, 235, 0.5) !important; 
}
.CodeMirror { 
    background: rgba(255, 255, 255, 0.4) !important; 
    border-color: rgba(229, 231, 235, 0.5) !important; 
    font-size: 15px;
}