/* =========================
   小屁孩安全博客
   Butterfly 二次元毛玻璃
========================= */


/* ===== 全局背景遮罩 ===== */

#page-header.full_page::before{
    background:
    rgba(30,50,100,.25)!important;
}


/* ===== 首页标题 ===== */

#site-title{

    font-size:48px!important;

    font-weight:700;

    letter-spacing:3px;

    text-shadow:
    0 0 15px rgba(255,255,255,.8);

}


/* ===== 打字机 ===== */

#typed-text{

    margin-top:20px;

    font-size:26px;

    color:#ffffff;

    text-align:center;

    min-height:40px;

    font-weight:600;

    letter-spacing:2px;

}


.typed-cursor{

    color:#fff;

    font-size:26px;

}


/* ===== Banner按钮 ===== */


#banner-button{

    display:flex;

    justify-content:center;

    align-items:center;

    width:180px;

    height:50px;

    margin:35px auto 0;


    color:white;

    text-decoration:none;

    border-radius:50px;


    background:

    rgba(0,120,255,.35);


    backdrop-filter:

    blur(12px);


    border:

    1px solid rgba(255,255,255,.35);


    transition:.3s;

}



#banner-button:hover{

    transform:
    translateY(-5px);


    background:

    rgba(255,255,255,.35);

}



/* ===== 邮箱 ===== */


#banner-email{

    margin-top:18px;

    text-align:center;

}


#banner-email a{

    color:#fff;

    text-decoration:none;

    font-size:18px;

}



#banner-email a:hover{

    color:#7dcfff;

}



/* =====================
   毛玻璃卡片
===================== */


/* 首页文章 */

#recent-posts > .recent-post-item{


    background:

    rgba(255,255,255,.18)!important;


    backdrop-filter:

    blur(18px);


    -webkit-backdrop-filter:

    blur(18px);


    border:

    1px solid rgba(255,255,255,.25);


    border-radius:

    22px;


    transition:.35s;

}



/* 侧边栏 */


#aside-content .card-widget{


    background:

    rgba(255,255,255,.18)!important;


    backdrop-filter:

    blur(18px);


    -webkit-backdrop-filter:

    blur(18px);


    border:

    1px solid rgba(255,255,255,.25);


    border-radius:

    22px;


    transition:.35s;


}



/* 文章页 */


.layout_post>#post,
.layout_page>#page{


    background:

    rgba(255,255,255,.18)!important;


    backdrop-filter:

    blur(18px);


    -webkit-backdrop-filter:

    blur(18px);


    border-radius:

    22px;


}



/* 悬浮动画 */


.recent-post-item:hover,
.card-widget:hover{


    transform:

    translateY(-8px);


    box-shadow:

    0 20px 50px rgba(80,120,255,.25);

}



/* =====================
   导航栏
===================== */


#page-header #nav{


    background:

    rgba(255,255,255,.18)!important;


    backdrop-filter:

    blur(18px);


    border-bottom:

    1px solid rgba(255,255,255,.25);

}



#page-header.nav-fixed #nav{


    background:

    rgba(255,255,255,.35)!important;


    backdrop-filter:

    blur(20px);


}

/* 首页背景 */

body.index{

    background-image:url('/img/BJ.webp');

    background-size:cover;

    background-attachment:fixed;

    background-position:center;

}


/* 非首页页面不使用首页壁纸 */
body.page,
body.archive,
body.tag,
body.category {
    background-image: none !important;
}


/* 文章页取消BJ */

body.post{

    background-image:none !important;

}


/* 隐藏底部背景 */
#footer{
    background: transparent !important;
    background-image: none !important;
}

/* 去掉 Footer 上方的粉色渐变 */
#footer::before{
    display: none !important;
}
/* 右侧悬浮按钮 */
#rightside > div > button,
#rightside > div > a{
    background: rgba(255,255,255,.25) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    color:#6b8cff !important;

    border:1px solid rgba(255,255,255,.35);

    transition:.3s;
}

#rightside > div > button:hover,
#rightside > div > a:hover{
    background:#7aa2f7 !important;
    color:#fff !important;
}
/* 阅读进度条 */

#scroll-progress{

    background:
    linear-gradient(
        180deg,
        #7aa2f7,
        #c8a2ff
    ) !important;

}

.avatar-img img{
    transition:.35s;
}


.avatar-img img:hover{

    transform:scale(1.08);

    box-shadow:
    0 0 25px rgba(122,162,247,.8);

}

/* 分类、标签页面标题居中 */
#page .page-title {
    text-align: center !important;
    width: 100% !important;
    background: transparent !important;
    margin: 0 auto !important;
}

/* 分类、标签页面标题区域透明 */
#page .page-title {
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
}

/* 分类页面整体透明 */
#page {
    background: transparent !important;
}

/* 去除分类/标签/归档顶部粉色块 */
#page-header {
    background-color: transparent !important;
}

#page-header::before {
    background: transparent !important;
}

body {
    background-attachment: fixed;
    background-size: cover;
}


#post {
    background: rgba(255,255,255,0.75);
}


/* 首页：将壁纸固定在视口背景层 */
html:has(#page-header.full_page) {
    background-image: url('/img/BJ.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* 首页主体透明，显示 html 上的固定壁纸 */
body:has(#page-header.full_page) {
    background: transparent !important;
}

/* 归档页面：取消 BJ.webp 背景，首页不受影响 */
body:has(#archive) {
    background-image: none !important;
}

body:has(#archive) #page-header {
    background-image: none !important;
    background-color: transparent !important;
}

/* 归档页专用背景图片 */
body:has(#archive) #page-header {
    background-image: url('/img/BB.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
/* 归档页：BB.webp 作为整页固定背景 */
html:has(#archive) {
    background-image: url('/img/BB.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* 归档页主体透明，让固定背景贯穿整个页面 */
body:has(#archive),
body:has(#archive) #body-wrap,
body:has(#archive) #content-inner,
body:has(#archive) .layout {
    background: transparent !important;
}

/* 图片不再单独显示在顶部横幅 */
body:has(#archive) #page-header {
    background-image: none !important;
    background-color: transparent !important;
}

/* 导航栏：思绪的停留点（归档入口） */
#nav a[href="/archives/"] {
    color: #b9ccff !important;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-shadow: 0 0 8px rgba(122, 162, 247, 0.25);
    transition: color 0.25s ease;
}

#nav a[href="/archives/"]:hover {
    color: #ffffff !important;
}

/* 归档页标题：思绪的停留点 */
body:has(#archive) #page-header #page-name {
    color: #f5f8ff !important;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-shadow: 0 2px 8px rgba(20, 35, 65, 0.7);
}

/* 隐藏归档页顶部大标题，保留导航栏 */
body:has(#archive) #page-header #site-title,
body:has(#archive) #page-header #page-name {
    display: none !important;
}