/* ========== 梦幻主题 ========== */

/* --- 全局背景 --- */
body {
    background: url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?w=1920&q=80') no-repeat fixed center !important;
    background-size: cover !important;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
    color: #e0e0e0 !important;
    min-height: 100vh;
}

/* --- 主容器毛玻璃效果 --- */
#home {
    margin: 30px auto !important;
    max-width: 900px !important;
    background: rgba(15, 15, 35, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    padding: 30px !important;
    overflow: hidden;
}

/* --- 博客标题区 --- */
#header {
    text-align: center !important;
    padding: 30px 0 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin-bottom: 20px !important;
}

#Header1_HeaderTitle {
    font-size: 32px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #a78bfa, #60a5fa, #f472b6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: none !important;
}

#blogTitle h2 {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
}

/* --- 导航栏 --- */
#navList {
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 12px !important;
    padding: 6px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    justify-content: center !important;
}

#navList li a {
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
}

#navList li a:hover {
    color: #fff !important;
    background: rgba(167, 139, 250, 0.25) !important;
    box-shadow: 0 0 20px rgba(167, 139, 250, 0.2) !important;
}

/* --- 文章卡片 --- */
.post {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.post:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(167, 139, 250, 0.15) !important;
    border-color: rgba(167, 139, 250, 0.2) !important;
}

.postTitle a {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #e0e0e0 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.postTitle a:hover {
    background: linear-gradient(135deg, #a78bfa, #60a5fa) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.postDesc {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.35) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 12px !important;
    margin-top: 16px !important;
}

.postDesc a {
    color: #a78bfa !important;
}

/* --- 侧边栏 --- */
#sidebar_news,
#sidebar_search,
#sidebar_recentposts,
#sidebar_recentcomments,
#sidebar_topdiggedposts,
#sidebar_topviewedposts,
#sidebar_categories,
#sidebar_archive,
#sidebar_postcategory,
#sidebar_imagecategory {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
}

.catListTitle {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #a78bfa !important;
    border-left: 3px solid #a78bfa !important;
    padding-left: 12px !important;
    margin-bottom: 12px !important;
    background: none !important;
}

.catListEssay a,
.catListLink a,
.catList a {
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
    line-height: 2.2 !important;
    transition: all 0.3s !important;
}

.catListEssay a:hover,
.catListLink a:hover,
.catList a:hover {
    color: #a78bfa !important;
    padding-left: 6px !important;
}

/* --- 代码块 --- */
.cnblogs_code {
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.cnblogs_code pre {
    color: #c9d1d9 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* --- 评论区域 --- */
#blog-comments-placeholder {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
}

.feedbackItem {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 16px 0 !important;
}

/* --- 分页按钮 --- */
#nav_next_page a,
.pager a {
    background: linear-gradient(135deg, #a78bfa, #60a5fa) !important;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 8px 24px !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
    border: none !important;
}

#nav_next_page a:hover,
.pager a:hover {
    box-shadow: 0 4px 20px rgba(167, 139, 250, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* --- 标签云 --- */
.entrylistTag a,
.PostList .postDesc a {
    background: rgba(167, 139, 250, 0.15) !important;
    color: #a78bfa !important;
    padding: 4px 14px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin: 4px 4px 4px 0 !important;
    border: 1px solid rgba(167, 139, 250, 0.2) !important;
    transition: all 0.3s !important;
}

.entrylistTag a:hover,
.PostList .postDesc a:hover {
    background: rgba(167, 139, 250, 0.3) !important;
    box-shadow: 0 0 12px rgba(167, 139, 250, 0.2) !important;
}

/* --- 隐藏广告 --- */
#cnblogs_ch,
#under_post_card1,
#under_post_card2,
#under-post-card,
#blog_c1,
#ad_t2,
#cnblogs_c1,
#cnblogs_c2 {
    display: none !important;
}

/* --- 滚动条 --- */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(167, 139, 250, 0.3);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(167, 139, 250, 0.5);
}

/* --- 鼠标跟随光效 --- */
#cursor-glow {
    position: fixed;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(167, 139, 250, 0.12) 0%, transparent 70%);
    pointer-events: none;
    z-index: 9998;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s;
/* ========== 搜索框终极暗黑适配 ========== */

/* 1. 强制重置输入框样式 */
#sidebar_search input.input_my_zzk,
#sidebar_search .input_my_zzk {
    /* 【核心】背景改为深黑色，带一点透明度 */
    background-color: rgba(15, 15, 20, 0.8) !important;

    /* 【核心】文字改为亮白色 */
    color: #ffffff !important;

    /* 【核心】浅灰色毛玻璃边框 */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;

    /* 圆角和阴影，增加质感 */
    border-radius: 6px !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5); /* 内部阴影增加深邃感 */

    /* 尺寸调整 */
    height: 34px !important;
    line-height: 34px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 10px !important;

    /* 去掉点击时的默认蓝框 */
    outline: none !important;
    transition: all 0.3s ease;
}

/* 2. 鼠标点击输入框时的效果（边框变亮） */
#sidebar_search input.input_my_zzk:focus {
    border-color: rgba(167, 139, 250, 0.6) !important; /* 变成淡紫色发光 */
    background-color: rgba(15, 15, 20, 0.95) !important;
    box-shadow: 0 0 8px rgba(167, 139, 250, 0.2);
}

/* 3. 修改提示文字颜色（placeholder） */
#sidebar_search input::placeholder {
    color: rgba(255, 255, 255, 0.3) !important;
}

/* 4. 搜索按钮（如果有放大镜图标或按钮） */
#sidebar_search .btn_my_zzk {
    background: transparent !important;
    border: none !important;
    color: #aaa !important;
}
/* ==========================================
   1. 常用链接 (MyLinks) - 强制暗黑
   ========================================== */
#sidebar_mylinks .catListTitle {
    color: #a78bfa !important; /* 标题紫色 */
    border-left: 3px solid #a78bfa !important;
    padding-left: 10px !important;
    margin-bottom: 12px !important;
    font-weight: bold !important;
    background: transparent !important;
}

#sidebar_mylinks ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#sidebar_mylinks li {
    margin-bottom: 8px !important;
}

/* 链接文字样式 */
#sidebar_mylinks a {
    color: #d1d5db !important; /* 浅灰文字 */
    text-decoration: none !important;
    display: block;
    padding: 6px 10px !important;
    background-color: rgba(30, 30, 35, 0.6) !important; /* 深灰半透明背景 */
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s ease !important;
}

/* 鼠标悬停效果 */
#sidebar_mylinks a:hover {
    background-color: rgba(167, 139, 250, 0.2) !important; /* 悬停变紫 */
    color: #fff !important;
    transform: translateX(5px) !important;
}

/* ==========================================
   2. 搜索框 (Search) - 强制暗黑去白底
   ========================================== */

/* 搜索标题 */
#sidebar_search .catListTitle {
    color: #a78bfa !important;
    border-left: 3px solid #a78bfa !important;
    padding-left: 10px !important;
    margin-bottom: 12px !important;
    font-weight: bold !important;
    background: transparent !important;
}

/* 输入框本体 - 强力去白 */
#sidebar_search input.input_my_zzk {
    width: 100% !important;
    box-sizing: border-box !important;
    
    /* 【核心】背景色：深黑半透明 */
    background-color: rgba(15, 15, 20, 0.85) !important; 
    backdrop-filter: blur(5px); /* 毛玻璃模糊 */
    
    /* 【核心】文字颜色：亮白 */
    color: #ffffff !important;
    
    /* 【核心】边框：极淡的灰色，去掉默认黑/白粗边框 */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    outline: none !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5) !important; /* 内阴影增加深邃感 */
}

/* 输入框聚焦时的光晕 */
#sidebar_search input.input_my_zzk:focus {
    border-color: #a78bfa !important; /* 聚焦变紫 */
    box-shadow: 0 0 8px rgba(167, 139, 250, 0.4) !important;
}

/* 搜索按钮（如果有） */
#sidebar_search input.btn_my_zzk {
    background-color: rgba(167, 139, 250, 0.2) !important;
    color: #a78bfa !important;
    border: 1px solid #a78bfa !important;
    border-radius: 4px !important;
    margin-top: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
}

#sidebar_search input.btn_my_zzk:hover {
    background-color: #a78bfa !important;
    color: #fff !important;
}
/* ==========================================
   🔧 强制修复：搜索框去白底
   ========================================== */

/* 1. 强制把输入框背景变黑，文字变白 */
#sidebar_search input.input_my_zzk, 
#sidebar_search input[type="text"] {
    background-color: rgba(0, 0, 0, 0.6) !important; /* 黑色半透明底 */
    color: #ffffff !important; /* 纯白文字 */
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* 淡淡的边框 */
    border-radius: 4px !important;
    padding: 8px !important;
}

/* 2. 修复输入框里的提示文字颜色（placeholder） */
#sidebar_search input::placeholder {
    color: #888 !important; /* 灰色提示字 */
    opacity: 1 !important; 
}

/* ==========================================
   🔧 强制修复：常用链接去白块
   ========================================== */

/* 1. 把常用链接的容器背景彻底透明或变黑 */
#sidebar_mylinks .catListMyLinks, 
#sidebar_mylinks {
    background-color: transparent !important; /* 去掉白色大背景 */
    background-image: none !important;
}

/* 2. 如果里面还有白色的 div 或 ul，全部强制变色 */
#sidebar_mylinks div, 
#sidebar_mylinks ul {
    background-color: transparent !important;
}

/* 3. 给常用链接的每一项加一点深色底色（像按钮一样） */
#sidebar_mylinks li {
    background-color: rgba(30, 30, 30, 0.6) !important; /* 深灰半透明 */
    margin-bottom: 5px !important;
    border-radius: 4px !important;
    list-style: none !important;
}

/* 4. 链接文字颜色 */
#sidebar_mylinks a {
    color: #e0e0e0 !important; /* 浅灰文字 */
    text-decoration: none !important;
    display: block;
    padding: 8px 12px !important;
}

/* 鼠标悬停效果 */
#sidebar_mylinks li:hover {
    background-color: rgba(167, 139, 250, 0.2) !important; /* 悬停变紫色微光 */
}