/* custom.css */

/* --- [玻璃拟态 Glassmorphism] - 亮色/暗色双模式适配版 --- */

/* 亮色模式下的玻璃卡片 */
[data-theme="light"] .card-widget,
[data-theme="light"] #recent-posts > .recent-post-item,
[data-theme="light"] #post,
/* ... (可以添加更多你想玻璃化的元素) ... */ {
    background: rgba(255, 255, 255, 0.5) !important; /* 半透明白色 */
    -webkit-backdrop-filter: blur(12px) saturate(1.8);
    backdrop-filter: blur(12px) saturate(1.8);
}

/* 暗色模式下的玻璃卡片 (保持不变) */
[data-theme="dark"] .card-widget,
[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #post,
/* ... (可以添加更多你想玻璃化的元素) ... */ {
    background: rgba(30, 30, 30, 0.6) !important; /* 半透明黑色 */
    -webkit-backdrop-filter: blur(12px) saturate(1.5);
    backdrop-filter: blur(12px) saturate(1.5);
}

/* 统一的边框和阴影 (对两种模式都生效) */
.card-widget,
#recent-posts > .recent-post-item,
#post,
/* ... */ {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/*
 * [核心功能 II: 文章内页顶部图修复]
 * ---------------------------------------
 * 用于解决内页（文章页/归档页等）“一片漆黑”的问题。
 */

/* 为所有非首页的顶部 #page-header 元素强制设置高度和背景 */
#page-header:not(.full_page) {
    display: block !important; /* 确保它被显示 */
    height: 45vh !important; /* 顶部横幅的高度，可以自己调整 */
    background-image: url(/img/arknights-banner.jpg) !important; /* 【请确认】这张默认横幅图也存在！ */
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: scroll !important; /* 内页头图建议随页面滚动 */
}


/*
 * [核心功能 III: 强制代码块内容自动换行]
 * ---------------------------------------
 */
pre,
code {
    white-space: pre-wrap !important; /* 允许换行 */
    word-wrap: break-word !important; /* 在单词内部换行 */
    word-break: break-all !important; /* 在任意点换行 */
}