/* --- 1. 全局背景与重置 --- */
body {
    /* 替换为你喜欢的背景图URL，建议找一张高分辨率的风景图 */
    background-image: url("https://images.unsplash.com/photo-1531366936337-7c912a4589a7?q=80&w=2070&auto=format&fit=crop");
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* 背景固定，滚动时不动 */
    color: #333;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 去除默认的白色背景和边框 */
#home, #main, #header, #footer {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* --- 2. 隐藏原有的顶部标题栏，使用自定义的 --- */
#header {
    display: none; 
}

/* --- 3. 布局调整 (左右分栏) --- */
#main {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: 80px auto 0; /* 顶部留出空间给导航栏 */
    gap: 20px; /* 左右两栏的间距 */
}

/* --- 4. 左侧侧边栏 (玻璃卡片) --- */
#sideBar {
    width: 300px;
    min-width: 300px;
    background: rgba(255, 255, 255, 0.25); /* 半透明白 */
    backdrop-filter: blur(10px); /* 毛玻璃模糊 */
    -webkit-backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 20px;
    height: fit-content;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    border: 1px solid rgba(255, 255, 255, 0.18);
    order: 1; /* 确保在左边 */
    margin: 0 !important;
}

/* --- 修正后的隐藏/显示逻辑 --- */

/* 1. 先把侧边栏所有自带模块隐藏 */
#sideBarMain > div {
    display: none; 
}

/* 2. 只有以下这几个 ID/Class 允许显示 (加上了 !important 强制执行) */
#custom-profile,                    /* 我们的自定义头像卡片 */
#sideBarMain .catListPostCategory,  /* 随笔分类 */
#sideBarMain .catListArticleCategory, /* 文章分类 (防止你用错) */
#sideBarMain #sidebar_postcategory,   /* 另一种常见的分类容器ID */
#sideBarMain #sidebar_categories {    /* 通用分类容器ID */
    display: block !important; 
}

/* --- 5. 右侧内容区 (玻璃面板) --- */
#mainContent {
    flex: 1;
    background: rgba(255, 255, 255, 0.45); /* 比侧边栏稍微不透明一点 */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin: 0 !important;
}

/* --- 6. 文章样式复刻 --- */
.day {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 20px;
}

.postTitle {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.postTitle a { color: #000; }

.dayTitle {
    display: none; /* 隐藏原本丑陋的日期头 */
}

.postDesc {
    text-align: center;
    color: #2e7d32; /* 截图中的绿色日期风格 */
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.postCon {
    font-size: 1rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
}

/* "查看全文" 按钮 */
.c_b_p_desc_readmore {
    display: block;
    width: 120px;
    margin: 20px auto 0;
    text-align: center;
    border: 2px solid #333;
    background: transparent;
    color: #333;
    padding: 8px 0;
    border-radius: 4px;
    font-weight: bold;
    transition: all 0.3s;
}

.c_b_p_desc_readmore:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}
/* --- 日历整体美化 --- */
#blogCalendar {
    width: 100%;
    border: none !important;
}

#blogCalendar td, #blogCalendar th {
    padding: 5px 0;
    text-align: center;
    border: none !important;
    font-size: 0.9rem;
    color: #333; /* 日历默认字体颜色 */
}

/* 隐藏日历标题原本的丑背景 */
#blogCalendar .CalTitle {
    background: transparent !important;
    font-weight: bold;
    color: #2e7d32; /* 标题改成绿色 */
}

/* --- “今天”的高亮样式 --- */
.custom-today-style {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px; /* 垂直居中 */
    border-radius: 50%; /* 圆形 */
    background-color: #2e7d32; /* 深绿色背景，呼应你的主题 */
    color: #ffffff !important; /* 白色文字 */
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(46, 125, 50, 0.4); /* 绿色阴影 */
    transition: transform 0.3s;
}

.custom-today-style:hover {
    transform: scale(1.1); /* 鼠标悬停放大 */
}

/* 如果“今天”有文章（是个链接），也要强制变白 */
.custom-today-style a {
    color: #ffffff !important;
    text-decoration: none;
}

/* --- 分类列表美化 (毛玻璃卡片风格) --- */
.catListPostCategory {
    margin-top: 20px; /* 和上面的头像卡片拉开距离 */
    background: rgba(255, 255, 255, 0.25); /* 半透明白背景 */
    backdrop-filter: blur(10px); /* 模糊效果 */
    -webkit-backdrop-filter: blur(10px);
    border-radius: 15px; /* 圆角 */
    padding: 20px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1); /* 柔和阴影 */
    border: 1px solid rgba(255, 255, 255, 0.18); /* 细微边框 */
    text-align: left; /* 文字左对齐 */
}

/* 标题样式 (比如 "随笔分类") */
.catListPostCategory h3 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* 列表项样式 */
.catListPostCategory ul {
    list-style: none; /* 去掉默认的小黑点 */
    padding: 0;
    margin: 0;
}

.catListPostCategory ul li {
    margin-bottom: 10px;
}

.catListPostCategory ul li a {
    display: block; /* 让整行都能点击 */
    color: #444; /* 文字深灰，保证看不瞎 */
    text-decoration: none;
    font-size: 0.95rem;
    padding: 8px 12px;
    border-radius: 8px; /* 按钮圆角 */
    transition: all 0.3s ease;
    position: relative;
    /* 给文字加一点点背景，防止背景图太花看不清 */
    background: rgba(255, 255, 255, 0.3); 
}

/* 鼠标悬停效果 */
.catListPostCategory ul li a:hover {
    background: rgba(46, 125, 50, 0.8); /* 悬停变成深绿色 */
    color: white; /* 文字变白 */
    transform: translateX(5px); /* 微微向右移动 */
    box-shadow: 0 4px 10px rgba(46, 125, 50, 0.3);
}

/* 文章数量 (如果有括号显示数量) 的样式微调 */
.catListPostCategory ul li a span {
    font-size: 0.8rem;
    float: right; /* 数量靠右显示 */
    opacity: 0.7;
}
/* --- 去掉标题下划线 --- */
.postTitle a { 
    color: #000; 
    text-decoration: none !important; /* 强制去掉下划线 */
    border: none !important;          /* 强制去掉底部边框 */
    background: none !important;      /* 防止某些主题用背景图画线 */
}

/* 如果鼠标悬停时也不想要下划线，把下面这段也加上 */
.postTitle a:hover {
    text-decoration: none !important;
    color: #333; /* 悬停时稍微变灰一点，提示可点击 */
}