/* ==================== 基础布局与变量 ==================== */
html,body {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 不显示底部广告 */
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none !important;
}

/* 隐藏博文右下角的"反对"按钮 */
.buryit {
    display: none;
}

/* 设置标题字体*/
#Header1_HeaderTitle {
    color:#eeeeee;
    font-size:large;
}

/* 设置副标题字体*/
.subtitle {
    color:#aaaaaa;
}

/* 导入符号字体 */
@import url(https://cdn.cnblogs.com/npm/font-awesome/css/font-awesome.min.css) screen and (min-width:0px);
@import url(https://at.alicdn.com/t/font_438759_kmvtb0te1nd.css) screen and (min-width:0px);

/* 设置全局变量 */
@media screen and (min-width:0px) {
:root {
    --ThemeColor: #4a90e2;
    --TextColor1: #4d4d4d;
    --TextColor2: #5f5f6b;
    --TextColor3: #97979f;
    --DividColor: #e7eaf0;
    --BlockColor: #fff;
    --BackgroundColor: #f4f6fa;
    --AidColor1: #fa7d00;
    --AidColor2: #ff2e2e;
    --AidColor3: #36c67d;
    --text1: 28px;
    --text2: 26px;
    --text3: 24px;
    --text4: 22px;
    --text5: 20px;
    --text6: 18px;
    --textNoraml: 16px;
}
}

/* 设置全局样式 */
@media screen and (min-width:0px) {
#ad_c1, #ad_c2, #ad_t2, #under_post_news, .c_ad_block { display: none }
blog_nav_donate:before { content: "\f1b1"; margin-right: 6px; color: #1ad342; font-family: FontAwesome; }
.Snow { position: fixed; top: 0; z-index: 9; }
* { box-sizing: border-box; }

/* 背景图设置（底层全屏背景） */
body {
    background-color: #f4f6fa;
    background-image: url('https://img2024.cnblogs.com/blog/3850642/202609/3850642-20260909231541804-1239224324.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    
    margin: 0;
    padding: 0;
    font-size: var(--textNoraml);
    color: var(--TextColor1);
}
a { text-decoration: none; color: inherit; }
a:hover { color: var(--ThemeColor) }
img { max-width: 100%; }
}

/* 总体布局 */
@media screen and (min-width:0px) {
#home { width: 100%; height: 100%; margin: 0; padding: 0; font-size: var(--textNoraml) !important; }
#home #header { min-width: 1200px; margin-bottom: 20px; display: grid; grid-template-columns: 100%; }
#home #main { width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-gap: 20px; grid-template-columns: 860px 320px; }
#home #footer { margin-top: 20px; width: 100%; text-align: center; }
}

/* ==================== ★★★ 自定义海报区（全屏） ★★★ ==================== */
/* 这里是让你放自定义海报的地方。把你的海报图地址替换到 url('...') 里面 */
#header #blogTitle { 
    position: relative !important;
    top: auto !important; 
    left: auto !important; 
    right: auto !important; 
    height: 100vh !important; /* 占满一屏幕 */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
    z-index: 9999;
    margin: 0 !important;
    padding: 0 !important;
    /* 下方是你自定义的海报背景图（可以替换成你的新链接） */
    background-image: url('https://img2024.cnblogs.com/blog/3850642/202609/3850642-20260910002421411-326267195.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 强制显示并居中头像 */
#header #blogLogo {
    display: block !important;
    margin: 0 auto 30px auto !important;
    background-image: url('https://img2024.cnblogs.com/blog/3850642/202609/3850642-20260910000644961-1001238838.png') !important; 
    width: 160px !important;
    height: 160px !important;
    border-radius: 50% !important;
    border: 5px solid rgba(255,255,255,0.8) !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    top: auto !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

/* 强制居中标题和子标题，添加阴影防看不清 */
#header #blogTitle h1, #header #blogTitle h1 a, #header #blogTitle h2 {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    color: #ffffff !important;
    text-shadow: 3px 3px 8px rgba(0,0,0,0.9);
}

/* 清理掉主题原有的多余头部层 */
#header:before, #header:after {
    height: 0 !important;
    background-image: none !important;
}
/* ==================== ★★★ 自定义海报区结束 ★★★ ==================== */

/* 导航栏（绝对不乱动，保持原样） */
@media screen and (min-width:0px) {
#header { background-color: var(--BlockColor); box-shadow: 0 0.05rem 1rem rgba(51, 51, 51, .05); }
#header #lnkBlogLogo { padding: 20px 0; }
#navigator { width: 100%; height: 60px; padding: 0 20px; max-width: 1200px; margin: 0 auto; display: flex; z-index: 9999; }
#navigator #navList { margin: 0; padding: 0; overflow-x: auto; flex: auto; display: inline-flex; }
#navigator .blogStats { float: right; line-height: 60px; }
#navigator #navList li { list-style-type: none; float: left; margin: 0; padding: 0; display: inline-block; }
#navigator #navList li a { line-height: 60px; color: inherit; text-decoration: none; margin-right: 20px; white-space: nowrap; }
#navList li:hover a { color: var(--ThemeColor); border-bottom: 3px solid var(--ThemeColor); padding-bottom: 16px; }
}

/* 主要内容容器 */
@media screen and (min-width:0px) {
#main { display: flex; }
#main #mainContent { grid-column-start: 1; grid-column-end: 2; }
#main #sideBar { width: 320px; }
#mainContent .day { padding: 20px; background-color: rgba(255, 255, 255, 0.9); border-radius: 4px; margin-bottom: 20px; border: 1px solid var(--DividColor); }
#topics, #blog-comments-placeholder, #comment_form_container { background-color: rgba(255, 255, 255, 0.9); }
}

/* 侧边栏 */
@media screen and (min-width:0px) {
#sidebar_news, #blog-calendar, #sidebar_toptags, #sidebar_imagecategory, .sidebar-block, #sidebar_recentcomments, #sidebar_topcommentedposts {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 20px; border-radius: 4px; margin-bottom: 20px; width: 320px; border: 1px solid var(--DividColor);
}
#sideBar h3 { line-height: 2.4; width: 100%; margin: 0px; font-size: var(--text6); color: var(--TextColor1); border-bottom: 1px solid var(--DividColor); }
.sidebar-block ul { list-style-type: none; padding: 0 !important; line-height: 2; }
.sidebar-block ul a:hover { color: var(--ThemeColor) }
}

/* 日历、搜索等美化 */
@media screen and (min-width:0px) {
#sidebar_search_box .input_my_zzk { padding: 6px; outline: none; background: var(--BackgroundColor); border: 1px solid var(--DividColor); vertical-align: middle; height: 40px; flex: auto; border-radius: 4px; }
input.btn_my_zzk { color: #fff; background-color: var(--ThemeColor); border-color: var(--ThemeColor); border: 1px; padding: 8px; border-radius: 4px; height: auto !important; }
}

/* 页脚 */
@media screen and (min-width:0px) {
#footer { width: 100%; text-align: center; color: var(--TextColor3); }
}

/* 翻页 */
@media screen and (min-width:0px) {
.topicListFooter a, .Pager a, .pager a { background-color: var(--BlockColor); padding: 6px 10px; display: inline-table; line-height: 1.5; color: var(--TextColor1); border: 1px solid var(--DividColor); border-radius: 4px; }
.pager .current { padding: 6px 10px !important; display: inline-table; line-height: 1.5; color: white !important; border: 1px solid var(--ThemeColor) !important; background-color: var(--ThemeColor) !important; border-radius: 4px; }
}

/* 博文正文辅助样式 */
@media screen and (min-width:0px) {
#topics { background-color: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 4px; margin-bottom: 20px; border: 1px solid var(--DividColor); }
.post .postBody { line-height: 1.7; color: var(--TextColor1); }
.post .postBody h1, .post .postBody h2, .post .postBody h3, .post .postBody h4, .post .postBody h5, .post .postBody h6 { border-bottom: 1px solid var(--DividColor); }
.post .postBody blockquote { border-left: 4px solid var(--ThemeColor); }
#cnblogs_post_body img { max-width: 100% !important; display: block; border-radius: 3px }
}

/* 评论列表 */
@media screen and (min-width:0px) {
#blog-comments-placeholder { background-color: rgba(255, 255, 255, 0.9); padding: 10px 20px; border-radius: 4px; order: 1; display: inline-flex; flex-direction: column-reverse; border: 1px solid var(--DividColor); }
.feedbackItem { padding: 20px 0; border-top: 1px solid var(--DividColor); position: relative; }
}

/* 滚动条 */
@media screen and (max-width:767px) {
::-webkit-scrollbar { display: none !important }
}

/* ==================== ★★★ 特效适配 CSS (保证雨水特效永远可见) ★★★ ==================== */
#rain-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 不阻挡鼠标点击 */
    z-index: 9999 !important; /* 强制放在最高层，但能透过它看到页面 */
}
#home #main {
    width: 100%;
    max-width: 1200px;
    margin: 0 20px 0 auto !important; /* ★ 右边保留 20px 间隙，不贴死屏幕 */
    padding-right: 0 !important; /* 避免完全贴死屏幕边缘 */
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 860px 320px;
}

/* 主内容区域宽度自适应，防止出现横向滚动条 */
#main {
    width: 100% !important;
    max-width: 1200px !important;
    box-sizing: border-box;
}