/* =========================================================
   Reimu 主题：强制移除首页文章头图并重排文本
   ========================================================= */

/* 1. 强行隐藏所有文章卡片中的封面图容器 */
.post-wrapper .post-cover,
.post-card-image,
.post-item .cover,
.post-wrap .post-cover {
    display: none !important;
}

/* 2. 重置外层包裹容器的响应式排版（打破原有的左右 flex 布局） */
.post-wrap, 
.post-wrapper,
.post-item {
    display: block !important;
    height: auto !important;
    min-height: auto !important;
}

/* 3. 释放文本容器宽度，使其占据 100% */
.post-info,
.post-card-content,
.post-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 30px !important;
    box-sizing: border-box !important;
}

/* 4. 强制标题靠左对齐，并保持底部间距 */
.post-title,
.post-card-title {
    text-align: left !important;
    justify-content: flex-start !important;
    margin-bottom: 15px !important;
}

/* 5. 确保描述文字（简介）正常在标题下方显示，靠左对齐 */
.post-article,
.post-excerpt,
.post-card-summary,
.article-summary {
    text-align: left !important;
    display: block !important; /* 解除可能存在的 flex 截断限制 */
    width: 100% !important;
}

/* 6. 处理可能存在的 Meta 数据（日期、标签等）对齐 */
.post-meta {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* 1. 彻底隐藏原主题的背景图片、遮罩，以及我们之前加的伪元素边框 */
.article-nav-link-wrap picture,
.article-nav-link-wrap img,
.article-nav-link-wrap .article-nav-bg,
.article-nav-link-wrap::before,
.article-nav-link-wrap::after {
    display: none !important;
}

/* 2. 极简纯色卡片样式 */
.article-nav-link-wrap {
    background-color: #323439 !important; /* 你的文章同款背景色 */
    border-radius: 10px;                  /* 圆角大小 */
    border: none !important;              /* 强制去除任何默认边框 */
    outline: none !important;             /* 强制去除外轮廓线 */
    position: relative;
    z-index: 1;
    box-shadow: none !important;          /* 去除阴影，保持扁平化 */
    transition: transform 0.3s ease;
}

/* 3. 悬浮动效：鼠标放上去时稍微上浮 */
.article-nav-link-wrap:hover {
    transform: translateY(-2px);
}

/* --- 日间模式（白色模式）：白底，深色字 --- */
.article-nav-link-wrap {
    background-color: #ffffff !important;
    background-image: none !important; /* 强制移除可能存在的封面背景图 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* 添加淡阴影划分卡片边界 */
}

.article-nav-link-wrap::before {
    display: none !important; /* 移除原主题自带的纯黑半透明图层遮罩 */
}

.article-nav-caption {
    color: #888888 !important; /* "上一篇/下一篇" 的提示文字颜色 */
}

.article-nav-title {
    color: #333333 !important; /* 导航文章标题的颜色 */
}

/* --- 夜间模式（黑色模式）：偏黑底，浅色字 --- */
html[data-theme="dark"] .article-nav-link-wrap {
    background-color: #1e1e24 !important; /* 偏黑的深灰色底 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .article-nav-caption {
    color: #a0a0a0 !important;
}

html[data-theme="dark"] .article-nav-title {
    color: #eeeeee !important;
}